@fluid-topics/ft-input-label 2.2.5 → 2.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-input-label.light.js +51 -41
- package/build/ft-input-label.min.js +84 -74
- package/package.json +4 -4
|
@@ -1,31 +1,34 @@
|
|
|
1
|
-
"use strict";(()=>{var Q=Object.create;var
|
|
1
|
+
"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`
|
|
2
2
|
.ft-typography--title {
|
|
3
|
+
font-family: ${b.fontFamily};
|
|
4
|
+
font-size: ${b.fontSize};
|
|
5
|
+
font-weight: ${b.fontWeight};
|
|
6
|
+
letter-spacing: ${b.letterSpacing};
|
|
7
|
+
line-height: ${b.lineHeight};
|
|
8
|
+
text-transform: ${b.textTransform};
|
|
9
|
+
text-decoration: ${b.textDecoration};
|
|
10
|
+
}
|
|
11
|
+
`,pt=y.css`
|
|
12
|
+
.ft-typography--title-dense {
|
|
3
13
|
font-family: ${m.fontFamily};
|
|
4
14
|
font-size: ${m.fontSize};
|
|
5
15
|
font-weight: ${m.fontWeight};
|
|
6
16
|
letter-spacing: ${m.letterSpacing};
|
|
7
17
|
line-height: ${m.lineHeight};
|
|
8
18
|
text-transform: ${m.textTransform};
|
|
19
|
+
text-decoration: ${m.textDecoration};
|
|
9
20
|
}
|
|
10
|
-
`,
|
|
11
|
-
.ft-typography--
|
|
21
|
+
`,ft=y.css`
|
|
22
|
+
.ft-typography--subtitle1 {
|
|
12
23
|
font-family: ${u.fontFamily};
|
|
13
24
|
font-size: ${u.fontSize};
|
|
14
25
|
font-weight: ${u.fontWeight};
|
|
15
26
|
letter-spacing: ${u.letterSpacing};
|
|
16
27
|
line-height: ${u.lineHeight};
|
|
17
28
|
text-transform: ${u.textTransform};
|
|
29
|
+
text-decoration: ${u.textDecoration};
|
|
18
30
|
}
|
|
19
|
-
`,
|
|
20
|
-
.ft-typography--subtitle1 {
|
|
21
|
-
font-family: ${S.fontFamily};
|
|
22
|
-
font-size: ${S.fontSize};
|
|
23
|
-
font-weight: ${S.fontWeight};
|
|
24
|
-
letter-spacing: ${S.letterSpacing};
|
|
25
|
-
line-height: ${S.lineHeight};
|
|
26
|
-
text-transform: ${S.textTransform};
|
|
27
|
-
}
|
|
28
|
-
`,st=g.css`
|
|
31
|
+
`,st=y.css`
|
|
29
32
|
.ft-typography--subtitle2 {
|
|
30
33
|
font-family: ${$.fontFamily};
|
|
31
34
|
font-size: ${$.fontSize};
|
|
@@ -33,27 +36,30 @@
|
|
|
33
36
|
letter-spacing: ${$.letterSpacing};
|
|
34
37
|
line-height: ${$.lineHeight};
|
|
35
38
|
text-transform: ${$.textTransform};
|
|
39
|
+
text-decoration: ${$.textDecoration};
|
|
36
40
|
}
|
|
37
41
|
|
|
38
|
-
`,
|
|
42
|
+
`,yt=y.css`
|
|
39
43
|
.ft-typography--body1 {
|
|
44
|
+
font-family: ${S.fontFamily};
|
|
45
|
+
font-size: ${S.fontSize};
|
|
46
|
+
font-weight: ${S.fontWeight};
|
|
47
|
+
letter-spacing: ${S.letterSpacing};
|
|
48
|
+
line-height: ${S.lineHeight};
|
|
49
|
+
text-transform: ${S.textTransform};
|
|
50
|
+
text-decoration: ${S.textDecoration};
|
|
51
|
+
}
|
|
52
|
+
`,ht=y.css`
|
|
53
|
+
.ft-typography--body2 {
|
|
40
54
|
font-family: ${z.fontFamily};
|
|
41
55
|
font-size: ${z.fontSize};
|
|
42
56
|
font-weight: ${z.fontWeight};
|
|
43
57
|
letter-spacing: ${z.letterSpacing};
|
|
44
58
|
line-height: ${z.lineHeight};
|
|
45
59
|
text-transform: ${z.textTransform};
|
|
60
|
+
text-decoration: ${z.textDecoration};
|
|
46
61
|
}
|
|
47
|
-
`,
|
|
48
|
-
.ft-typography--body2 {
|
|
49
|
-
font-family: ${T.fontFamily};
|
|
50
|
-
font-size: ${T.fontSize};
|
|
51
|
-
font-weight: ${T.fontWeight};
|
|
52
|
-
letter-spacing: ${T.letterSpacing};
|
|
53
|
-
line-height: ${T.lineHeight};
|
|
54
|
-
text-transform: ${T.textTransform};
|
|
55
|
-
}
|
|
56
|
-
`,M=g.css`
|
|
62
|
+
`,M=y.css`
|
|
57
63
|
.ft-typography--caption {
|
|
58
64
|
font-family: ${f.fontFamily};
|
|
59
65
|
font-size: ${f.fontSize};
|
|
@@ -61,39 +67,43 @@
|
|
|
61
67
|
letter-spacing: ${f.letterSpacing};
|
|
62
68
|
line-height: ${f.lineHeight};
|
|
63
69
|
text-transform: ${f.textTransform};
|
|
70
|
+
text-decoration: ${f.textDecoration};
|
|
64
71
|
}
|
|
65
|
-
`,
|
|
72
|
+
`,gt=y.css`
|
|
66
73
|
.ft-typography--breadcrumb {
|
|
74
|
+
font-family: ${T.fontFamily};
|
|
75
|
+
font-size: ${T.fontSize};
|
|
76
|
+
font-weight: ${T.fontWeight};
|
|
77
|
+
letter-spacing: ${T.letterSpacing};
|
|
78
|
+
line-height: ${T.lineHeight};
|
|
79
|
+
text-transform: ${T.textTransform};
|
|
80
|
+
text-decoration: ${T.textDecoration};
|
|
81
|
+
}
|
|
82
|
+
`,xt=y.css`
|
|
83
|
+
.ft-typography--overline {
|
|
67
84
|
font-family: ${F.fontFamily};
|
|
68
85
|
font-size: ${F.fontSize};
|
|
69
86
|
font-weight: ${F.fontWeight};
|
|
70
87
|
letter-spacing: ${F.letterSpacing};
|
|
71
88
|
line-height: ${F.lineHeight};
|
|
72
89
|
text-transform: ${F.textTransform};
|
|
90
|
+
text-decoration: ${F.textDecoration};
|
|
73
91
|
}
|
|
74
|
-
`,dt=
|
|
75
|
-
.ft-typography--
|
|
92
|
+
`,dt=y.css`
|
|
93
|
+
.ft-typography--button {
|
|
76
94
|
font-family: ${w.fontFamily};
|
|
77
95
|
font-size: ${w.fontSize};
|
|
78
96
|
font-weight: ${w.fontWeight};
|
|
79
97
|
letter-spacing: ${w.letterSpacing};
|
|
80
98
|
line-height: ${w.lineHeight};
|
|
81
99
|
text-transform: ${w.textTransform};
|
|
100
|
+
text-decoration: ${w.textDecoration};
|
|
82
101
|
}
|
|
83
|
-
`,
|
|
84
|
-
.ft-typography--button {
|
|
85
|
-
font-family: ${H.fontFamily};
|
|
86
|
-
font-size: ${H.fontSize};
|
|
87
|
-
font-weight: ${H.fontWeight};
|
|
88
|
-
letter-spacing: ${H.letterSpacing};
|
|
89
|
-
line-height: ${H.lineHeight};
|
|
90
|
-
text-transform: ${H.textTransform};
|
|
91
|
-
}
|
|
92
|
-
`,bt=g.css`
|
|
102
|
+
`,ct=y.css`
|
|
93
103
|
.ft-typography {
|
|
94
104
|
vertical-align: inherit;
|
|
95
105
|
}
|
|
96
|
-
`;var j=
|
|
106
|
+
`;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`
|
|
97
107
|
.ft-input-label {
|
|
98
108
|
position: absolute;
|
|
99
109
|
inset: 0;
|
|
@@ -215,16 +225,16 @@
|
|
|
215
225
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
216
226
|
border-top: none;
|
|
217
227
|
}
|
|
218
|
-
`;var
|
|
228
|
+
`;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`
|
|
219
229
|
<div class="${(0,k.classMap)(this.inputLabelClasses)}">
|
|
220
|
-
${
|
|
230
|
+
${L(this.text,()=>V.html`
|
|
221
231
|
<div class="ft-input-label--text ft-typography--caption">
|
|
222
232
|
<label class="ft-input-label--floating-text">${this.text}</label>
|
|
223
233
|
<span class="ft-input-label--hidden-text" aria-hidden="true">${this.text}</span>
|
|
224
234
|
</div>
|
|
225
235
|
`)}
|
|
226
236
|
</div>
|
|
227
|
-
`}};
|
|
237
|
+
`}};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);})();
|
|
228
238
|
/*! Bundled license information:
|
|
229
239
|
|
|
230
240
|
lit-html/directives/when.js:
|