@@ -14,7 +14,10 @@ governing permissions and limitations under the License.
14
14
--spectrum-fieldlabel-top-to-text : var (--spectrum-component-top-to-text-75 );
15
15
--spectrum-fieldlabel-bottom-to-text : var (--spectrum-component-bottom-to-text-75 );
16
16
--spectrum-fieldlabel-font-size : var (--spectrum-font-size-75 );
17
+
17
18
--spectrum-fieldlabel-line-height : var (--spectrum-line-height-100 );
19
+ --spectrum-fieldlabel-CJK-line-height : var (--spectrum-CJK-line-height-100 );
20
+
18
21
--spectrum-fieldlabel-asterisk-gap : var (--spectrum-field-label-top-to-asterisk-small );
19
22
--spectrum-fieldlabel-side-padding-top : var (--spectrum-component-top-to-text-75 );
20
23
--spectrum-fieldlabel-side-padding-right : var (--spectrum-spacing-100 );
@@ -25,7 +28,10 @@ governing permissions and limitations under the License.
25
28
--spectrum-fieldlabel-top-to-text : var (--spectrum-component-top-to-text-75 );
26
29
--spectrum-fieldlabel-bottom-to-text : var (--spectrum-component-bottom-to-text-75 );
27
30
--spectrum-fieldlabel-font-size : var (--spectrum-font-size-75 );
31
+
28
32
--spectrum-fieldlabel-line-height : var (--spectrum-line-height-200 );
33
+ --spectrum-fieldlabel-CJK-line-height : var (--spectrum-CJK-line-height-200 );
34
+
29
35
--spectrum-fieldlabel-asterisk-gap : var (--spectrum-field-label-top-to-asterisk-medium );
30
36
--spectrum-fieldlabel-side-padding-top : var (--spectrum-component-top-to-text-75 );
31
37
--spectrum-fieldlabel-side-padding-right : var (--spectrum-spacing-200 );
@@ -35,7 +41,10 @@ governing permissions and limitations under the License.
35
41
--spectrum-fieldlabel-top-to-text : var (--spectrum-component-top-to-text-100 );
36
42
--spectrum-fieldlabel-bottom-to-text : var (--spectrum-component-bottom-to-text-100 );
37
43
--spectrum-fieldlabel-font-size : var (--spectrum-font-size-100 );
38
- --spectrum-fieldlabel-line-height : var (--spectrum-CJK-line-height-100 );
44
+
45
+ --spectrum-fieldlabel-line-height : var (--spectrum-line-height-100 );
46
+ --spectrum-fieldlabel-CJK-line-height : var (--spectrum-CJK-line-height-100 );
47
+
39
48
--spectrum-fieldlabel-asterisk-gap : var (--spectrum-field-label-top-to-asterisk-large );
40
49
--spectrum-fieldlabel-side-padding-top : var (--spectrum-component-top-to-text-100 );
41
50
--spectrum-fieldlabel-side-padding-right : var (--spectrum-spacing-200 );
@@ -45,7 +54,11 @@ governing permissions and limitations under the License.
45
54
--spectrum-fieldlabel-top-to-text : var (--spectrum-component-top-to-text-200 );
46
55
--spectrum-fieldlabel-bottom-to-text : var (--spectrum-component-bottom-to-text-200 );
47
56
--spectrum-fieldlabel-font-size : var (--spectrum-font-size-200 );
48
- --spectrum-fieldlabel-line-height : var (--spectrum-CJK-line-height-200 );
57
+
58
+ --spectrum-fieldlabel-line-height : var (--spectrum-line-height-200 );
59
+ --spectrum-fieldlabel-CJK-line-height : var (--spectrum-CJK-line-height-200 );
60
+
61
+
49
62
--spectrum-fieldlabel-asterisk-gap : var (--spectrum-field-label-top-to-asterisk-extra-large );
50
63
--spectrum-fieldlabel-side-padding-top : var (--spectrum-component-top-to-text-200 );
51
64
--spectrum-fieldlabel-side-padding-right : var (--spectrum-spacing-200 );
@@ -63,8 +76,7 @@ governing permissions and limitations under the License.
63
76
font-size : var (--spectrum-fieldlabel-font-size );
64
77
font-weight : var (--spectrum-font-weight-regular );
65
78
66
- /* line heights coming from core-tokens do not calculate correctly to the previous line-heights */
67
- line-height : calc (var (--spectrum-fieldlabel-line-height ) * var (--spectrum-fieldlabel-font-size ));
79
+ line-height : var (--spectrum-fieldlabel-line-height );
68
80
69
81
70
82
vertical-align : top;
@@ -74,6 +86,15 @@ governing permissions and limitations under the License.
74
86
font-smoothing : subpixel-antialiased;
75
87
}
76
88
89
+ /* international lang support */
90
+ .spectrum-FieldLabel {
91
+ & : lang (ja ),
92
+ & : lang (zh ),
93
+ & : lang (ko ) {
94
+ line-height : var (--mod-fieldlabel-CJK-line-height , var (--spectrum-fieldlabel-CJK-line-height ));
95
+ }
96
+ }
97
+
77
98
.spectrum-FieldLabel-requiredIcon {
78
99
margin-block : 0 ; /* Previously used this improperly, it doesn't reposition asterisk, just increased top margin on the whole field label var(--spectrum-fieldlabel-asterisk-margin-y) */
79
100
margin-inline : var (--spectrum-fieldlabel-asterisk-gap ) 0 ;
0 commit comments