@fluid-topics/ft-input-label 1.2.9 → 1.2.11

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.
Files changed (5) hide show
  1. package/build/ft-input-label.light.js +8 -8
  2. package/build/ft-input-label.min.js +30 -30
  3. package/build/ft-input-label.styles.d.ts +2 -2
  4. package/build/ft-input-label.styles.js +9 -9
  5. package/package.json +4 -4
package/build/ft-input-label.light.js CHANGED
@@ -103,17 +103,17 @@ Also for action icons.`,e.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
103
103
  .ft-typography {
104
104
  vertical-align: inherit;
105
105
  }
106
- `,Na=[Object.keys(G).map(i=>xt(i))];var Ct=u(C()),f=u(z());var l={fontSize:f.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:f.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:f.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:f.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:f.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:f.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:f.FtCssVariableFactory.extend("--ft-input-label-border-color","",f.designSystemVariables.colorOutline),textColor:f.FtCssVariableFactory.extend("--ft-input-label-text-color","",f.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:f.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",f.designSystemVariables.colorOnSurfaceDisabled),colorSurface:f.FtCssVariableFactory.external(f.designSystemVariables.colorSurface,"Design system"),borderRadiusS:f.FtCssVariableFactory.external(f.designSystemVariables.borderRadiusS,"Design system"),colorError:f.FtCssVariableFactory.external(f.designSystemVariables.colorError,"Design system")},Nt=Ct.css`
106
+ `,Na=[Object.keys(G).map(i=>xt(i))];var Ct=u(C()),f=u(z());var l={fontSize:f.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:f.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:f.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:f.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:f.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:f.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:f.FtCssVariableFactory.extend("--ft-input-label-border-color","",f.designSystemVariables.colorOutline),textColor:f.FtCssVariableFactory.extend("--ft-input-label-text-color","",f.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:f.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",f.designSystemVariables.colorOnSurfaceDisabled),backgroundColor:f.FtCssVariableFactory.extend("--ft-input-label-background-color","",f.designSystemVariables.colorSurface),borderRadius:f.FtCssVariableFactory.extend("--ft-input-label-border-radius","",f.designSystemVariables.borderRadiusS),colorError:f.FtCssVariableFactory.external(f.designSystemVariables.colorError,"Design system")},Nt=Ct.css`
107
107
  .ft-input-label {
108
108
  position: absolute;
109
109
  inset: 0;
110
110
  display: flex;
111
- background-color: ${l.colorSurface};
112
- border-radius: ${l.borderRadiusS} ${l.borderRadiusS} 0 0;
111
+ background-color: ${l.backgroundColor};
112
+ border-radius: ${l.borderRadius} ${l.borderRadius} 0 0;
113
113
  }
114
114
 
115
115
  .ft-input-label--outlined {
116
- border-radius: ${l.borderRadiusS};
116
+ border-radius: ${l.borderRadius};
117
117
  }
118
118
 
119
119
  .ft-input-label {
@@ -205,20 +205,20 @@ Also for action icons.`,e.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
205
205
  .ft-input-label--outlined:before {
206
206
  border-left-width: 1px;
207
207
  border-left-style: solid;
208
- border-radius: ${l.borderRadiusS} 0 0 ${l.borderRadiusS};
208
+ border-radius: ${l.borderRadius} 0 0 ${l.borderRadius};
209
209
  }
210
210
 
211
211
  .ft-input-label--outlined:after {
212
212
  border-right-width: 1px;
213
213
  border-right-style: solid;
214
- border-radius: 0 ${l.borderRadiusS} ${l.borderRadiusS} 0;
214
+ border-radius: 0 ${l.borderRadius} ${l.borderRadius} 0;
215
215
  }
216
216
 
217
217
  .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
218
218
  padding: 2px 4px;
219
219
  z-index: ${l.raisedZIndex};
220
- background-color: ${l.colorSurface};
221
- border-radius: ${l.borderRadiusS};
220
+ background-color: ${l.backgroundColor};
221
+ border-radius: ${l.borderRadius};
222
222
  top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
223
223
  }
224
224