@spectrum-web-components/field-label - npm Package Compare versions

Comparing version 0.9.1 to 0.10.0

package.json

 {
     "name": "@spectrum-web-components/field-label",
-    "version": "0.9.1",
+    "version": "0.10.0",
     "publishConfig": {
@@ -61,4 +61,4 @@ "access": "public"
         "@spectrum-web-components/base": "^0.7.0",
-        "@spectrum-web-components/icon": "^0.12.1",
-        "@spectrum-web-components/icons-ui": "^0.9.1",
+        "@spectrum-web-components/icon": "^0.12.2",
+        "@spectrum-web-components/icons-ui": "^0.9.2",
         "@spectrum-web-components/shared": "^0.15.1",
@@ -68,3 +68,3 @@ "tslib": "^2.0.0"
     "devDependencies": {
-        "@spectrum-css/fieldlabel": "^4.0.29"
+        "@spectrum-css/fieldlabel": "^5.0.2"
     },
@@ -77,3 +77,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "96da2eef637c5d50dd04a75d40a46353116787b4"
+    "gitHead": "31d083d1eb61a1382335030c190c85d85f41e15d"
 }

src/field-label.css.dev.js

 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host([size=s]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-s-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-s-padding-bottom,var(--spectrum-global-dimension-size-65)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-s-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-s-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-s-asterisk-gap,var(--spectrum-global-dimension-size-50)
-)}:host([size=m]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-m-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-m-padding-bottom,var(--spectrum-global-dimension-size-65)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-m-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-m-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-m-asterisk-gap,var(--spectrum-global-dimension-size-50)
-)}:host([size=l]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-l-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-l-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-l-text-size,var(--spectrum-global-dimension-font-size-100)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-l-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-l-asterisk-gap,var(--spectrum-global-dimension-size-65)
-)}:host([size=xl]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-xl-padding-top,var(--spectrum-global-dimension-size-115)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-xl-padding-bottom,var(--spectrum-global-dimension-size-130)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-xl-text-size,var(--spectrum-global-dimension-font-size-200)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-xl-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-xl-asterisk-gap,var(--spectrum-global-dimension-size-65)
-)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;display:block;font-size:var(--spectrum-fieldlabel-text-size);font-weight:var(--spectrum-fieldlabel-text-font-weight);line-height:var(--spectrum-fieldlabel-text-line-height);padding-bottom:var(--spectrum-fieldlabel-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--spectrum-fieldlabel-padding-top);vertical-align:top}:host([dir=ltr]) .required-icon{margin-left:var(
---spectrum-fieldlabel-asterisk-gap
-);margin-right:0}:host([dir=rtl]) .required-icon{margin-left:0;margin-right:var(
---spectrum-fieldlabel-asterisk-gap
-)}.required-icon{margin-bottom:0;margin-top:0}:host([dir=ltr][side-aligned=start]){padding-left:0;padding-right:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-)}:host([dir=rtl][side-aligned=start]){padding-left:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-);padding-right:0}:host([side-aligned=start]){display:inline-block;padding-bottom:0;padding-top:var(
---spectrum-fieldlabel-m-side-padding-top,var(--spectrum-global-dimension-size-100)
-)}:host([dir=ltr][side-aligned=start]) .required-icon{margin-left:var(
---spectrum-fieldlabel-asterisk-gap
-);margin-right:0}:host([dir=rtl][side-aligned=start]) .required-icon{margin-left:0;margin-right:var(
---spectrum-fieldlabel-asterisk-gap
-)}:host([side-aligned=start]) .required-icon{margin-bottom:0;margin-top:var(
---spectrum-fieldlabel-m-side-asterisk-margin-y,var(--spectrum-global-dimension-size-100)
-)}:host([dir=ltr][side-aligned=end]){text-align:right}:host([dir=rtl][side-aligned=end]){text-align:left}:host([dir=ltr][side-aligned=end]){padding-left:0;padding-right:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-)}:host([dir=rtl][side-aligned=end]){padding-left:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-);padding-right:0}:host([side-aligned=end]){display:inline-block;padding-bottom:0;padding-top:var(
---spectrum-fieldlabel-m-side-padding-top,var(--spectrum-global-dimension-size-100)
-)}:host{color:var(
---spectrum-fieldlabel-m-text-color,var(--spectrum-alias-label-text-color)
-)}:host([disabled]){color:var(
---spectrum-fieldlabel-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)
+:host([size=s]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-100);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-small
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-100);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-small
+)}:host([size=m]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-200);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-medium
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-medium
+)}:host([size=l]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-100
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-100
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-100);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-100);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-large
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-100
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-large
+)}:host([size=xl]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-200
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-200
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-200);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-200);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-extra-large
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-200
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-extra-large
+)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;display:block;font-size:var(
+--mod-fieldlabel-font-size,var(--spectrum-fieldlabel-font-size)
+);font-weight:var(
+--mod-font-weight-regular,var(--spectrum-font-weight-regular)
+);line-height:var(
+--mod-fieldlabel-line-height,var(--spectrum-fieldlabel-line-height)
+);padding-block:var(--spectrum-fieldlabel-top-to-text) var(--spectrum-fieldlabel-bottom-to-text);padding-inline:0;vertical-align:top}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(
+--mod-fieldlabel-cjk-line-height,var(--spectrum-fieldlabel-cjk-line-height)
+)}.required-icon{margin-block:0;margin-inline:var(
+--mod-fieldlabel-asterisk-gap,var(--spectrum-fieldlabel-asterisk-gap)
+) 0}:host([side-aligned=start]){display:inline-block;padding-block:var(
+--mod-fieldlabel-side-padding-top,var(--spectrum-fieldlabel-side-padding-top)
+) 0;padding-inline:0 var(
+--mod-fieldlabel-side-padding-right,var(--spectrum-fieldlabel-side-padding-right)
+)}:host([side-aligned=start]) .required-icon{margin-block:var(
+--mod-field-label-text-to-asterisk,var(--spectrum-field-label-text-to-asterisk)
+) 0;margin-inline:var(
+--mod-fieldlabel-asterisk-gap,var(--spectrum-fieldlabel-asterisk-gap)
+) 0}:host([side-aligned=end]){display:inline-block;padding-block:var(
+--mod-fieldlabel-side-padding-top,var(--spectrum-fieldlabel-side-padding-top)
+) 0;padding-inline:0 var(
+--mod-fieldlabel-side-padding-right,var(--spectrum-fieldlabel-side-padding-right)
+);text-align:end}:host([disabled]){color:var(
+--mod-disabled-content-color,var(--spectrum-disabled-content-color)
 )}:host([disabled]) .required-icon{color:var(
---spectrum-fieldlabel-m-asterisk-color-disabled,var(--spectrum-alias-text-color-disabled)
-)}.required-icon{color:var(
---spectrum-fieldlabel-m-asterisk-color,var(--spectrum-global-color-gray-600)
-)}:host([side-aligned=start]) .required-icon{margin-top:0}
+--mod-disabled-content-color,var(--spectrum-disabled-content-color)
+)}
 `;
 export default styles;
 //# sourceMappingURL=field-label.css.dev.js.map

src/field-label.css.js

 "use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
-:host([size=s]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-s-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-s-padding-bottom,var(--spectrum-global-dimension-size-65)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-s-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-s-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-s-asterisk-gap,var(--spectrum-global-dimension-size-50)
-)}:host([size=m]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-m-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-m-padding-bottom,var(--spectrum-global-dimension-size-65)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-m-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-m-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-m-asterisk-gap,var(--spectrum-global-dimension-size-50)
-)}:host([size=l]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-l-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-l-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-l-text-size,var(--spectrum-global-dimension-font-size-100)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-l-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-l-asterisk-gap,var(--spectrum-global-dimension-size-65)
-)}:host([size=xl]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-xl-padding-top,var(--spectrum-global-dimension-size-115)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-xl-padding-bottom,var(--spectrum-global-dimension-size-130)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-xl-text-size,var(--spectrum-global-dimension-font-size-200)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-xl-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-xl-asterisk-gap,var(--spectrum-global-dimension-size-65)
-)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;display:block;font-size:var(--spectrum-fieldlabel-text-size);font-weight:var(--spectrum-fieldlabel-text-font-weight);line-height:var(--spectrum-fieldlabel-text-line-height);padding-bottom:var(--spectrum-fieldlabel-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--spectrum-fieldlabel-padding-top);vertical-align:top}:host([dir=ltr]) .required-icon{margin-left:var(
---spectrum-fieldlabel-asterisk-gap
-);margin-right:0}:host([dir=rtl]) .required-icon{margin-left:0;margin-right:var(
---spectrum-fieldlabel-asterisk-gap
-)}.required-icon{margin-bottom:0;margin-top:0}:host([dir=ltr][side-aligned=start]){padding-left:0;padding-right:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-)}:host([dir=rtl][side-aligned=start]){padding-left:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-);padding-right:0}:host([side-aligned=start]){display:inline-block;padding-bottom:0;padding-top:var(
---spectrum-fieldlabel-m-side-padding-top,var(--spectrum-global-dimension-size-100)
-)}:host([dir=ltr][side-aligned=start]) .required-icon{margin-left:var(
---spectrum-fieldlabel-asterisk-gap
-);margin-right:0}:host([dir=rtl][side-aligned=start]) .required-icon{margin-left:0;margin-right:var(
---spectrum-fieldlabel-asterisk-gap
-)}:host([side-aligned=start]) .required-icon{margin-bottom:0;margin-top:var(
---spectrum-fieldlabel-m-side-asterisk-margin-y,var(--spectrum-global-dimension-size-100)
-)}:host([dir=ltr][side-aligned=end]){text-align:right}:host([dir=rtl][side-aligned=end]){text-align:left}:host([dir=ltr][side-aligned=end]){padding-left:0;padding-right:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-)}:host([dir=rtl][side-aligned=end]){padding-left:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-);padding-right:0}:host([side-aligned=end]){display:inline-block;padding-bottom:0;padding-top:var(
---spectrum-fieldlabel-m-side-padding-top,var(--spectrum-global-dimension-size-100)
-)}:host{color:var(
---spectrum-fieldlabel-m-text-color,var(--spectrum-alias-label-text-color)
-)}:host([disabled]){color:var(
---spectrum-fieldlabel-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)
+:host([size=s]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-100);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-small
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-100);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-small
+)}:host([size=m]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-200);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-medium
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-medium
+)}:host([size=l]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-100
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-100
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-100);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-100);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-large
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-100
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-large
+)}:host([size=xl]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-200
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-200
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-200);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-200);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-extra-large
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-200
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-extra-large
+)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;display:block;font-size:var(
+--mod-fieldlabel-font-size,var(--spectrum-fieldlabel-font-size)
+);font-weight:var(
+--mod-font-weight-regular,var(--spectrum-font-weight-regular)
+);line-height:var(
+--mod-fieldlabel-line-height,var(--spectrum-fieldlabel-line-height)
+);padding-block:var(--spectrum-fieldlabel-top-to-text) var(--spectrum-fieldlabel-bottom-to-text);padding-inline:0;vertical-align:top}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(
+--mod-fieldlabel-cjk-line-height,var(--spectrum-fieldlabel-cjk-line-height)
+)}.required-icon{margin-block:0;margin-inline:var(
+--mod-fieldlabel-asterisk-gap,var(--spectrum-fieldlabel-asterisk-gap)
+) 0}:host([side-aligned=start]){display:inline-block;padding-block:var(
+--mod-fieldlabel-side-padding-top,var(--spectrum-fieldlabel-side-padding-top)
+) 0;padding-inline:0 var(
+--mod-fieldlabel-side-padding-right,var(--spectrum-fieldlabel-side-padding-right)
+)}:host([side-aligned=start]) .required-icon{margin-block:var(
+--mod-field-label-text-to-asterisk,var(--spectrum-field-label-text-to-asterisk)
+) 0;margin-inline:var(
+--mod-fieldlabel-asterisk-gap,var(--spectrum-fieldlabel-asterisk-gap)
+) 0}:host([side-aligned=end]){display:inline-block;padding-block:var(
+--mod-fieldlabel-side-padding-top,var(--spectrum-fieldlabel-side-padding-top)
+) 0;padding-inline:0 var(
+--mod-fieldlabel-side-padding-right,var(--spectrum-fieldlabel-side-padding-right)
+);text-align:end}:host([disabled]){color:var(
+--mod-disabled-content-color,var(--spectrum-disabled-content-color)
 )}:host([disabled]) .required-icon{color:var(
---spectrum-fieldlabel-m-asterisk-color-disabled,var(--spectrum-alias-text-color-disabled)
-)}.required-icon{color:var(
---spectrum-fieldlabel-m-asterisk-color,var(--spectrum-global-color-gray-600)
-)}:host([side-aligned=start]) .required-icon{margin-top:0}
+--mod-disabled-content-color,var(--spectrum-disabled-content-color)
+)}
 `;export default t;
 //# sourceMappingURL=field-label.css.js.map

src/spectrum-field-label.css.dev.js

 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host([size=s]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-s-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-s-padding-bottom,var(--spectrum-global-dimension-size-65)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-s-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-s-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-s-asterisk-gap,var(--spectrum-global-dimension-size-50)
-)}:host([size=m]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-m-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-m-padding-bottom,var(--spectrum-global-dimension-size-65)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-m-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-m-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-m-asterisk-gap,var(--spectrum-global-dimension-size-50)
-)}:host([size=l]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-l-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-l-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-l-text-size,var(--spectrum-global-dimension-font-size-100)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-l-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-l-asterisk-gap,var(--spectrum-global-dimension-size-65)
-)}:host([size=xl]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-xl-padding-top,var(--spectrum-global-dimension-size-115)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-xl-padding-bottom,var(--spectrum-global-dimension-size-130)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-xl-text-size,var(--spectrum-global-dimension-font-size-200)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-xl-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-xl-asterisk-gap,var(--spectrum-global-dimension-size-65)
-)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;display:block;font-size:var(--spectrum-fieldlabel-text-size);font-weight:var(--spectrum-fieldlabel-text-font-weight);line-height:var(--spectrum-fieldlabel-text-line-height);padding-bottom:var(--spectrum-fieldlabel-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--spectrum-fieldlabel-padding-top);vertical-align:top}:host([dir=ltr]) .required-icon{margin-left:var(
---spectrum-fieldlabel-asterisk-gap
-);margin-right:0}:host([dir=rtl]) .required-icon{margin-left:0;margin-right:var(
---spectrum-fieldlabel-asterisk-gap
-)}.required-icon{margin-bottom:0;margin-top:0}:host([dir=ltr][side-aligned=start]){padding-left:0;padding-right:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-)}:host([dir=rtl][side-aligned=start]){padding-left:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-);padding-right:0}:host([side-aligned=start]){display:inline-block;padding-bottom:0;padding-top:var(
---spectrum-fieldlabel-m-side-padding-top,var(--spectrum-global-dimension-size-100)
-)}:host([dir=ltr][side-aligned=start]) .required-icon{margin-left:var(
---spectrum-fieldlabel-asterisk-gap
-);margin-right:0}:host([dir=rtl][side-aligned=start]) .required-icon{margin-left:0;margin-right:var(
---spectrum-fieldlabel-asterisk-gap
-)}:host([side-aligned=start]) .required-icon{margin-bottom:0;margin-top:var(
---spectrum-fieldlabel-m-side-asterisk-margin-y,var(--spectrum-global-dimension-size-100)
-)}:host([dir=ltr][side-aligned=end]){text-align:right}:host([dir=rtl][side-aligned=end]){text-align:left}:host([dir=ltr][side-aligned=end]){padding-left:0;padding-right:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-)}:host([dir=rtl][side-aligned=end]){padding-left:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-);padding-right:0}:host([side-aligned=end]){display:inline-block;padding-bottom:0;padding-top:var(
---spectrum-fieldlabel-m-side-padding-top,var(--spectrum-global-dimension-size-100)
-)}:host{color:var(
---spectrum-fieldlabel-m-text-color,var(--spectrum-alias-label-text-color)
-)}:host([disabled]){color:var(
---spectrum-fieldlabel-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)
+:host([size=s]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-100);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-small
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-100);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-small
+)}:host([size=m]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-200);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-medium
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-medium
+)}:host([size=l]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-100
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-100
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-100);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-100);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-large
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-100
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-large
+)}:host([size=xl]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-200
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-200
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-200);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-200);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-extra-large
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-200
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-extra-large
+)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;display:block;font-size:var(
+--mod-fieldlabel-font-size,var(--spectrum-fieldlabel-font-size)
+);font-weight:var(
+--mod-font-weight-regular,var(--spectrum-font-weight-regular)
+);line-height:var(
+--mod-fieldlabel-line-height,var(--spectrum-fieldlabel-line-height)
+);padding-block:var(--spectrum-fieldlabel-top-to-text) var(--spectrum-fieldlabel-bottom-to-text);padding-inline:0;vertical-align:top}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(
+--mod-fieldlabel-cjk-line-height,var(--spectrum-fieldlabel-cjk-line-height)
+)}.required-icon{margin-block:0;margin-inline:var(
+--mod-fieldlabel-asterisk-gap,var(--spectrum-fieldlabel-asterisk-gap)
+) 0}:host([side-aligned=start]){display:inline-block;padding-block:var(
+--mod-fieldlabel-side-padding-top,var(--spectrum-fieldlabel-side-padding-top)
+) 0;padding-inline:0 var(
+--mod-fieldlabel-side-padding-right,var(--spectrum-fieldlabel-side-padding-right)
+)}:host([side-aligned=start]) .required-icon{margin-block:var(
+--mod-field-label-text-to-asterisk,var(--spectrum-field-label-text-to-asterisk)
+) 0;margin-inline:var(
+--mod-fieldlabel-asterisk-gap,var(--spectrum-fieldlabel-asterisk-gap)
+) 0}:host([side-aligned=end]){display:inline-block;padding-block:var(
+--mod-fieldlabel-side-padding-top,var(--spectrum-fieldlabel-side-padding-top)
+) 0;padding-inline:0 var(
+--mod-fieldlabel-side-padding-right,var(--spectrum-fieldlabel-side-padding-right)
+);text-align:end}:host([disabled]){color:var(
+--mod-disabled-content-color,var(--spectrum-disabled-content-color)
 )}:host([disabled]) .required-icon{color:var(
---spectrum-fieldlabel-m-asterisk-color-disabled,var(--spectrum-alias-text-color-disabled)
-)}.required-icon{color:var(
---spectrum-fieldlabel-m-asterisk-color,var(--spectrum-global-color-gray-600)
+--mod-disabled-content-color,var(--spectrum-disabled-content-color)
 )}
@@ -83,0 +71,0 @@ `;

src/spectrum-field-label.css.js

 "use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
-:host([size=s]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-s-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-s-padding-bottom,var(--spectrum-global-dimension-size-65)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-s-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-s-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-s-asterisk-gap,var(--spectrum-global-dimension-size-50)
-)}:host([size=m]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-m-padding-top,var(--spectrum-global-dimension-size-50)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-m-padding-bottom,var(--spectrum-global-dimension-size-65)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-m-text-size,var(--spectrum-global-dimension-font-size-75)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-m-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-m-asterisk-gap,var(--spectrum-global-dimension-size-50)
-)}:host([size=l]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-l-padding-top,var(--spectrum-global-dimension-size-75)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-l-padding-bottom,var(--spectrum-global-dimension-size-115)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-l-text-size,var(--spectrum-global-dimension-font-size-100)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-l-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-l-asterisk-gap,var(--spectrum-global-dimension-size-65)
-)}:host([size=xl]){--spectrum-fieldlabel-padding-top:var(
---spectrum-fieldlabel-xl-padding-top,var(--spectrum-global-dimension-size-115)
-);--spectrum-fieldlabel-padding-bottom:var(
---spectrum-fieldlabel-xl-padding-bottom,var(--spectrum-global-dimension-size-130)
-);--spectrum-fieldlabel-text-size:var(
---spectrum-fieldlabel-xl-text-size,var(--spectrum-global-dimension-font-size-200)
-);--spectrum-fieldlabel-text-font-weight:var(
---spectrum-fieldlabel-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)
-);--spectrum-fieldlabel-text-line-height:var(
---spectrum-fieldlabel-xl-text-line-height,var(--spectrum-alias-component-text-line-height)
-);--spectrum-fieldlabel-asterisk-gap:var(
---spectrum-fieldlabel-xl-asterisk-gap,var(--spectrum-global-dimension-size-65)
-)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;display:block;font-size:var(--spectrum-fieldlabel-text-size);font-weight:var(--spectrum-fieldlabel-text-font-weight);line-height:var(--spectrum-fieldlabel-text-line-height);padding-bottom:var(--spectrum-fieldlabel-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--spectrum-fieldlabel-padding-top);vertical-align:top}:host([dir=ltr]) .required-icon{margin-left:var(
---spectrum-fieldlabel-asterisk-gap
-);margin-right:0}:host([dir=rtl]) .required-icon{margin-left:0;margin-right:var(
---spectrum-fieldlabel-asterisk-gap
-)}.required-icon{margin-bottom:0;margin-top:0}:host([dir=ltr][side-aligned=start]){padding-left:0;padding-right:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-)}:host([dir=rtl][side-aligned=start]){padding-left:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-);padding-right:0}:host([side-aligned=start]){display:inline-block;padding-bottom:0;padding-top:var(
---spectrum-fieldlabel-m-side-padding-top,var(--spectrum-global-dimension-size-100)
-)}:host([dir=ltr][side-aligned=start]) .required-icon{margin-left:var(
---spectrum-fieldlabel-asterisk-gap
-);margin-right:0}:host([dir=rtl][side-aligned=start]) .required-icon{margin-left:0;margin-right:var(
---spectrum-fieldlabel-asterisk-gap
-)}:host([side-aligned=start]) .required-icon{margin-bottom:0;margin-top:var(
---spectrum-fieldlabel-m-side-asterisk-margin-y,var(--spectrum-global-dimension-size-100)
-)}:host([dir=ltr][side-aligned=end]){text-align:right}:host([dir=rtl][side-aligned=end]){text-align:left}:host([dir=ltr][side-aligned=end]){padding-left:0;padding-right:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-)}:host([dir=rtl][side-aligned=end]){padding-left:var(
---spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
-);padding-right:0}:host([side-aligned=end]){display:inline-block;padding-bottom:0;padding-top:var(
---spectrum-fieldlabel-m-side-padding-top,var(--spectrum-global-dimension-size-100)
-)}:host{color:var(
---spectrum-fieldlabel-m-text-color,var(--spectrum-alias-label-text-color)
-)}:host([disabled]){color:var(
---spectrum-fieldlabel-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)
+:host([size=s]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-100);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-small
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-100);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-small
+)}:host([size=m]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-75
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-200);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-medium
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-75
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-medium
+)}:host([size=l]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-100
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-100
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-100);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-100);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-large
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-100
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-large
+)}:host([size=xl]){--spectrum-fieldlabel-top-to-text:var(
+--spectrum-component-top-to-text-200
+);--spectrum-fieldlabel-bottom-to-text:var(
+--spectrum-component-bottom-to-text-200
+);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-200);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-200);--spectrum-fieldlabel-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-fieldlabel-asterisk-gap:var(
+--spectrum-field-label-top-to-asterisk-extra-large
+);--spectrum-fieldlabel-side-padding-top:var(
+--spectrum-component-top-to-text-200
+);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(
+--spectrum-field-label-text-to-asterisk-extra-large
+)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;display:block;font-size:var(
+--mod-fieldlabel-font-size,var(--spectrum-fieldlabel-font-size)
+);font-weight:var(
+--mod-font-weight-regular,var(--spectrum-font-weight-regular)
+);line-height:var(
+--mod-fieldlabel-line-height,var(--spectrum-fieldlabel-line-height)
+);padding-block:var(--spectrum-fieldlabel-top-to-text) var(--spectrum-fieldlabel-bottom-to-text);padding-inline:0;vertical-align:top}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(
+--mod-fieldlabel-cjk-line-height,var(--spectrum-fieldlabel-cjk-line-height)
+)}.required-icon{margin-block:0;margin-inline:var(
+--mod-fieldlabel-asterisk-gap,var(--spectrum-fieldlabel-asterisk-gap)
+) 0}:host([side-aligned=start]){display:inline-block;padding-block:var(
+--mod-fieldlabel-side-padding-top,var(--spectrum-fieldlabel-side-padding-top)
+) 0;padding-inline:0 var(
+--mod-fieldlabel-side-padding-right,var(--spectrum-fieldlabel-side-padding-right)
+)}:host([side-aligned=start]) .required-icon{margin-block:var(
+--mod-field-label-text-to-asterisk,var(--spectrum-field-label-text-to-asterisk)
+) 0;margin-inline:var(
+--mod-fieldlabel-asterisk-gap,var(--spectrum-fieldlabel-asterisk-gap)
+) 0}:host([side-aligned=end]){display:inline-block;padding-block:var(
+--mod-fieldlabel-side-padding-top,var(--spectrum-fieldlabel-side-padding-top)
+) 0;padding-inline:0 var(
+--mod-fieldlabel-side-padding-right,var(--spectrum-fieldlabel-side-padding-right)
+);text-align:end}:host([disabled]){color:var(
+--mod-disabled-content-color,var(--spectrum-disabled-content-color)
 )}:host([disabled]) .required-icon{color:var(
---spectrum-fieldlabel-m-asterisk-color-disabled,var(--spectrum-alias-text-color-disabled)
-)}.required-icon{color:var(
---spectrum-fieldlabel-m-asterisk-color,var(--spectrum-global-color-gray-600)
+--mod-disabled-content-color,var(--spectrum-disabled-content-color)
 )}
 `;export default t;
 //# sourceMappingURL=spectrum-field-label.css.js.map

stories/field-label.stories.js

@@ -67,8 +67,3 @@ "use strict";
         <br />
-        <sp-field-label
-            for="lifestory-3"
-            side-aligned="start"
-            style="width: 80px;"
-            required
-        >
+        <sp-field-label for="lifestory-3" side-aligned="start" required>
             Life Story
@@ -82,8 +77,3 @@ </sp-field-label>
         <br />
-        <sp-field-label
-            for="lifestory-4"
-            side-aligned="end"
-            style="width: 80px;"
-            required
-        >
+        <sp-field-label for="lifestory-4" side-aligned="end" required>
             Life Story
@@ -90,0 +80,0 @@ </sp-field-label>

New alerts

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

124597

decreased by-7.08%

Lines of code

1078

decreased by-5.77%

Dependency changes

• Updated@spectrum-web-components/icon@^0.12.2

• Updated@spectrum-web-components/icons-ui@^0.9.2