@fluid-topics/ft-number-field 1.2.10 → 1.2.11

package/build/ft-number-field.light.js

@@ -103,17 +103,17 @@ Also for action icons.`,e.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
     .ft-typography {
         vertical-align: inherit;
     }
-`,Oe=[Object.keys(ut).map(a=>de(a))];var ve=h(F()),x=h(W());var g={fontSize:x.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:x.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:x.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:x.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:x.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:x.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:x.FtCssVariableFactory.extend("--ft-input-label-border-color","",x.designSystemVariables.colorOutline),textColor:x.FtCssVariableFactory.extend("--ft-input-label-text-color","",x.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:x.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",x.designSystemVariables.colorOnSurfaceDisabled),colorSurface:x.FtCssVariableFactory.external(x.designSystemVariables.colorSurface,"Design system"),borderRadiusS:x.FtCssVariableFactory.external(x.designSystemVariables.borderRadiusS,"Design system"),colorError:x.FtCssVariableFactory.external(x.designSystemVariables.colorError,"Design system")},Ne=ve.css`
+`,Oe=[Object.keys(ut).map(a=>de(a))];var ve=h(F()),x=h(W());var g={fontSize:x.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:x.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:x.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:x.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:x.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:x.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:x.FtCssVariableFactory.extend("--ft-input-label-border-color","",x.designSystemVariables.colorOutline),textColor:x.FtCssVariableFactory.extend("--ft-input-label-text-color","",x.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:x.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",x.designSystemVariables.colorOnSurfaceDisabled),backgroundColor:x.FtCssVariableFactory.extend("--ft-input-label-background-color","",x.designSystemVariables.colorSurface),borderRadius:x.FtCssVariableFactory.extend("--ft-input-label-border-radius","",x.designSystemVariables.borderRadiusS),colorError:x.FtCssVariableFactory.external(x.designSystemVariables.colorError,"Design system")},Ne=ve.css`
     .ft-input-label {
         position: absolute;
         inset: 0;
         display: flex;
-        background-color: ${g.colorSurface};
-        border-radius: ${g.borderRadiusS} ${g.borderRadiusS} 0 0;
+        background-color: ${g.backgroundColor};
+        border-radius: ${g.borderRadius} ${g.borderRadius} 0 0;
     }
 
     .ft-input-label--outlined {
-        border-radius: ${g.borderRadiusS};
+        border-radius: ${g.borderRadius};
     }
 
     .ft-input-label {
@@ -205,20 +205,20 @@ Also for action icons.`,e.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
     .ft-input-label--outlined:before {
         border-left-width: 1px;
         border-left-style: solid;
-        border-radius: ${g.borderRadiusS} 0 0 ${g.borderRadiusS};
+        border-radius: ${g.borderRadius} 0 0 ${g.borderRadius};
     }
 
     .ft-input-label--outlined:after {
         border-right-width: 1px;
         border-right-style: solid;
-        border-radius: 0 ${g.borderRadiusS} ${g.borderRadiusS} 0;
+        border-radius: 0 ${g.borderRadius} ${g.borderRadius} 0;
     }
 
     .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
         padding: 2px 4px;
         z-index: ${g.raisedZIndex};
-        background-color: ${g.colorSurface};
-        border-radius: ${g.borderRadiusS};
+        background-color: ${g.backgroundColor};
+        border-radius: ${g.borderRadius};
         top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
     }
 

package/build/ft-number-field.min.js

@@ -151,17 +151,17 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
     .ft-typography {
         vertical-align: inherit;
     }
-`,Oc=[Object.keys(ar).map(r=>dc(r))];var M={fontSize:t.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:t.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:t.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:t.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:t.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:t.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:t.extend("--ft-input-label-border-color","",H.colorOutline),textColor:t.extend("--ft-input-label-text-color","",H.colorOnSurfaceMedium),disabledTextColor:t.extend("--ft-input-label-disabled-text-color","",H.colorOnSurfaceDisabled),colorSurface:t.external(H.colorSurface,"Design system"),borderRadiusS:t.external(H.borderRadiusS,"Design system"),colorError:t.external(H.colorError,"Design system")},Ec=k`
+`,Oc=[Object.keys(ar).map(r=>dc(r))];var M={fontSize:t.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:t.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:t.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:t.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:t.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:t.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:t.extend("--ft-input-label-border-color","",H.colorOutline),textColor:t.extend("--ft-input-label-text-color","",H.colorOnSurfaceMedium),disabledTextColor:t.extend("--ft-input-label-disabled-text-color","",H.colorOnSurfaceDisabled),backgroundColor:t.extend("--ft-input-label-background-color","",H.colorSurface),borderRadius:t.extend("--ft-input-label-border-radius","",H.borderRadiusS),colorError:t.external(H.colorError,"Design system")},Ec=k`
     .ft-input-label {
         position: absolute;
         inset: 0;
         display: flex;
-        background-color: ${M.colorSurface};
-        border-radius: ${M.borderRadiusS} ${M.borderRadiusS} 0 0;
+        background-color: ${M.backgroundColor};
+        border-radius: ${M.borderRadius} ${M.borderRadius} 0 0;
     }
 
     .ft-input-label--outlined {
-        border-radius: ${M.borderRadiusS};
+        border-radius: ${M.borderRadius};
     }
 
     .ft-input-label {
@@ -253,20 +253,20 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
     .ft-input-label--outlined:before {
         border-left-width: 1px;
         border-left-style: solid;
-        border-radius: ${M.borderRadiusS} 0 0 ${M.borderRadiusS};
+        border-radius: ${M.borderRadius} 0 0 ${M.borderRadius};
     }
 
     .ft-input-label--outlined:after {
         border-right-width: 1px;
         border-right-style: solid;
-        border-radius: 0 ${M.borderRadiusS} ${M.borderRadiusS} 0;
+        border-radius: 0 ${M.borderRadius} ${M.borderRadius} 0;
     }
 
     .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
         padding: 2px 4px;
         z-index: ${M.raisedZIndex};
-        background-color: ${M.colorSurface};
-        border-radius: ${M.borderRadiusS};
+        background-color: ${M.backgroundColor};
+        border-radius: ${M.borderRadius};
         top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-number-field",
-    "version": "1.2.10",
+    "version": "1.2.11",
     "description": "A number field input component.",
     "keywords": [
         "Lit"
@@ -19,8 +19,8 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-wc-utils": "1.2.10",
+        "@fluid-topics/ft-wc-utils": "1.2.11",
         "lit": "3.1.0"
     },
-    "gitHead": "7330f87a313f88e6f3b0d5d1ef03c06211a87182"
+    "gitHead": "e064cf26299976a55c5adb3c602fed2dc076557b"
 }