@fluentui/react-label 9.1.59 → 9.1.60
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +12 -2
- package/lib/components/Label/useLabelStyles.styles.js +8 -7
- package/lib/components/Label/useLabelStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Label/useLabelStyles.styles.js +15 -9
- package/lib-commonjs/components/Label/useLabelStyles.styles.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-label
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 29 Jan 2024 13:53:38 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.60](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.60)
|
|
8
|
+
|
|
9
|
+
Mon, 29 Jan 2024 13:53:38 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.59..@fluentui/react-label_v9.1.60)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- fix: Update Label to use a token for its padding, instead of a hardcoded value ([PR #30254](https://github.com/microsoft/fluentui/pull/30254) by behowell@microsoft.com)
|
|
15
|
+
- fix: Disabled Label should use GrayText in forced-colors mode ([PR #30245](https://github.com/microsoft/fluentui/pull/30245) by behowell@microsoft.com)
|
|
16
|
+
|
|
7
17
|
## [9.1.59](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.59)
|
|
8
18
|
|
|
9
|
-
Tue, 23 Jan 2024 15:
|
|
19
|
+
Tue, 23 Jan 2024 15:11:00 GMT
|
|
10
20
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.58..@fluentui/react-label_v9.1.59)
|
|
11
21
|
|
|
12
22
|
### Patches
|
|
@@ -13,14 +13,12 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
13
13
|
sj55zd: "f19n0e5"
|
|
14
14
|
},
|
|
15
15
|
disabled: {
|
|
16
|
-
sj55zd: "f1s2aq7o"
|
|
16
|
+
sj55zd: "f1s2aq7o",
|
|
17
|
+
Bbusuzp: "f1dcs8yz"
|
|
17
18
|
},
|
|
18
19
|
required: {
|
|
19
20
|
sj55zd: "f1whyuy6",
|
|
20
|
-
uwmqm3: ["
|
|
21
|
-
},
|
|
22
|
-
requiredDisabled: {
|
|
23
|
-
sj55zd: "f1s2aq7o"
|
|
21
|
+
uwmqm3: ["fruq291", "f7x41pl"]
|
|
24
22
|
},
|
|
25
23
|
small: {
|
|
26
24
|
Be2twd7: "fy9rknc",
|
|
@@ -39,7 +37,10 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
39
37
|
Bhrd7zp: "fl43uef"
|
|
40
38
|
}
|
|
41
39
|
}, {
|
|
42
|
-
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".
|
|
40
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".fruq291{padding-left:var(--spacingHorizontalXS);}", ".f7x41pl{padding-right:var(--spacingHorizontalXS);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"],
|
|
41
|
+
m: [["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
|
|
42
|
+
m: "(forced-colors: active)"
|
|
43
|
+
}]]
|
|
43
44
|
});
|
|
44
45
|
/**
|
|
45
46
|
* Apply styling to the Label slots based on the state
|
|
@@ -48,7 +49,7 @@ export const useLabelStyles_unstable = state => {
|
|
|
48
49
|
const styles = useStyles();
|
|
49
50
|
state.root.className = mergeClasses(labelClassNames.root, styles.root, state.disabled && styles.disabled, styles[state.size], state.weight === 'semibold' && styles.semibold, state.root.className);
|
|
50
51
|
if (state.required) {
|
|
51
|
-
state.required.className = mergeClasses(labelClassNames.required, styles.required, state.disabled && styles.
|
|
52
|
+
state.required.className = mergeClasses(labelClassNames.required, styles.required, state.disabled && styles.disabled, state.required.className);
|
|
52
53
|
}
|
|
53
54
|
return state;
|
|
54
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","tokens","labelClassNames","root","required","useStyles","Bahqtrf","sj55zd","disabled","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","tokens","labelClassNames","root","required","useStyles","Bahqtrf","sj55zd","disabled","Bbusuzp","uwmqm3","small","Be2twd7","Bg96gwp","medium","large","Bhrd7zp","semibold","d","m","useLabelStyles_unstable","state","styles","className","size","weight"],"sources":["useLabelStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const labelClassNames = {\n root: 'fui-Label',\n required: 'fui-Label__required'\n};\n/**\n * Styles for the label\n */ const useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n color: tokens.colorNeutralForeground1\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n },\n required: {\n color: tokens.colorPaletteRedForeground3,\n paddingLeft: tokens.spacingHorizontalXS\n },\n small: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200\n },\n medium: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300\n },\n large: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n fontWeight: tokens.fontWeightSemibold\n },\n semibold: {\n fontWeight: tokens.fontWeightSemibold\n }\n});\n/**\n * Apply styling to the Label slots based on the state\n */ export const useLabelStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(labelClassNames.root, styles.root, state.disabled && styles.disabled, styles[state.size], state.weight === 'semibold' && styles.semibold, state.root.className);\n if (state.required) {\n state.required.className = mergeClasses(labelClassNames.required, styles.required, state.disabled && styles.disabled, state.required.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE,WAAW;EACjBC,QAAQ,EAAE;AACd,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGN,QAAA;EAAAI,IAAA;IAAAG,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;IAAAE,OAAA;EAAA;EAAAL,QAAA;IAAAG,MAAA;IAAAG,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,KAAA;IAAAH,OAAA;IAAAC,OAAA;IAAAG,OAAA;EAAA;EAAAC,QAAA;IAAAD,OAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,CA+BrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,uBAAuB,GAAIC,KAAK,IAAG;EAChD,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1BgB,KAAK,CAAClB,IAAI,CAACoB,SAAS,GAAGvB,YAAY,CAACE,eAAe,CAACC,IAAI,EAAEmB,MAAM,CAACnB,IAAI,EAAEkB,KAAK,CAACb,QAAQ,IAAIc,MAAM,CAACd,QAAQ,EAAEc,MAAM,CAACD,KAAK,CAACG,IAAI,CAAC,EAAEH,KAAK,CAACI,MAAM,KAAK,UAAU,IAAIH,MAAM,CAACL,QAAQ,EAAEI,KAAK,CAAClB,IAAI,CAACoB,SAAS,CAAC;EACnM,IAAIF,KAAK,CAACjB,QAAQ,EAAE;IAChBiB,KAAK,CAACjB,QAAQ,CAACmB,SAAS,GAAGvB,YAAY,CAACE,eAAe,CAACE,QAAQ,EAAEkB,MAAM,CAAClB,QAAQ,EAAEiB,KAAK,CAACb,QAAQ,IAAIc,MAAM,CAACd,QAAQ,EAAEa,KAAK,CAACjB,QAAQ,CAACmB,SAAS,CAAC;EACnJ;EACA,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -29,18 +29,16 @@ const labelClassNames = {
|
|
|
29
29
|
sj55zd: "f19n0e5"
|
|
30
30
|
},
|
|
31
31
|
disabled: {
|
|
32
|
-
sj55zd: "f1s2aq7o"
|
|
32
|
+
sj55zd: "f1s2aq7o",
|
|
33
|
+
Bbusuzp: "f1dcs8yz"
|
|
33
34
|
},
|
|
34
35
|
required: {
|
|
35
36
|
sj55zd: "f1whyuy6",
|
|
36
37
|
uwmqm3: [
|
|
37
|
-
"
|
|
38
|
-
"
|
|
38
|
+
"fruq291",
|
|
39
|
+
"f7x41pl"
|
|
39
40
|
]
|
|
40
41
|
},
|
|
41
|
-
requiredDisabled: {
|
|
42
|
-
sj55zd: "f1s2aq7o"
|
|
43
|
-
},
|
|
44
42
|
small: {
|
|
45
43
|
Be2twd7: "fy9rknc",
|
|
46
44
|
Bg96gwp: "fwrc4pm"
|
|
@@ -63,8 +61,8 @@ const labelClassNames = {
|
|
|
63
61
|
".f19n0e5{color:var(--colorNeutralForeground1);}",
|
|
64
62
|
".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
|
|
65
63
|
".f1whyuy6{color:var(--colorPaletteRedForeground3);}",
|
|
66
|
-
".
|
|
67
|
-
".
|
|
64
|
+
".fruq291{padding-left:var(--spacingHorizontalXS);}",
|
|
65
|
+
".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
|
|
68
66
|
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
|
69
67
|
".fwrc4pm{line-height:var(--lineHeightBase200);}",
|
|
70
68
|
".fkhj508{font-size:var(--fontSizeBase300);}",
|
|
@@ -72,13 +70,21 @@ const labelClassNames = {
|
|
|
72
70
|
".fod5ikn{font-size:var(--fontSizeBase400);}",
|
|
73
71
|
".faaz57k{line-height:var(--lineHeightBase400);}",
|
|
74
72
|
".fl43uef{font-weight:var(--fontWeightSemibold);}"
|
|
73
|
+
],
|
|
74
|
+
m: [
|
|
75
|
+
[
|
|
76
|
+
"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}",
|
|
77
|
+
{
|
|
78
|
+
m: "(forced-colors: active)"
|
|
79
|
+
}
|
|
80
|
+
]
|
|
75
81
|
]
|
|
76
82
|
});
|
|
77
83
|
const useLabelStyles_unstable = (state)=>{
|
|
78
84
|
const styles = useStyles();
|
|
79
85
|
state.root.className = (0, _react.mergeClasses)(labelClassNames.root, styles.root, state.disabled && styles.disabled, styles[state.size], state.weight === 'semibold' && styles.semibold, state.root.className);
|
|
80
86
|
if (state.required) {
|
|
81
|
-
state.required.className = (0, _react.mergeClasses)(labelClassNames.required, styles.required, state.disabled && styles.
|
|
87
|
+
state.required.className = (0, _react.mergeClasses)(labelClassNames.required, styles.required, state.disabled && styles.disabled, state.required.className);
|
|
82
88
|
}
|
|
83
89
|
return state;
|
|
84
90
|
}; //# sourceMappingURL=useLabelStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useLabelStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const labelClassNames = {\n root: 'fui-Label',\n required: 'fui-Label__required'\n};\n/**\n * Styles for the label\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bahqtrf: \"fk6fouc\",\n sj55zd: \"f19n0e5\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\"\n },\n required: {\n sj55zd: \"f1whyuy6\",\n uwmqm3: [\"
|
|
1
|
+
{"version":3,"sources":["useLabelStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const labelClassNames = {\n root: 'fui-Label',\n required: 'fui-Label__required'\n};\n/**\n * Styles for the label\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bahqtrf: \"fk6fouc\",\n sj55zd: \"f19n0e5\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\",\n Bbusuzp: \"f1dcs8yz\"\n },\n required: {\n sj55zd: \"f1whyuy6\",\n uwmqm3: [\"fruq291\", \"f7x41pl\"]\n },\n small: {\n Be2twd7: \"fy9rknc\",\n Bg96gwp: \"fwrc4pm\"\n },\n medium: {\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n Be2twd7: \"fod5ikn\",\n Bg96gwp: \"faaz57k\",\n Bhrd7zp: \"fl43uef\"\n },\n semibold: {\n Bhrd7zp: \"fl43uef\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1whyuy6{color:var(--colorPaletteRedForeground3);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\"],\n m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the Label slots based on the state\n */\nexport const useLabelStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(labelClassNames.root, styles.root, state.disabled && styles.disabled, styles[state.size], state.weight === 'semibold' && styles.semibold, state.root.className);\n if (state.required) {\n state.required.className = mergeClasses(labelClassNames.required, styles.required, state.disabled && styles.disabled, state.required.className);\n }\n return state;\n};\n//# sourceMappingURL=useLabelStyles.styles.js.map"],"names":["labelClassNames","useLabelStyles_unstable","root","required","useStyles","__styles","Bahqtrf","sj55zd","disabled","Bbusuzp","uwmqm3","small","Be2twd7","Bg96gwp","medium","large","Bhrd7zp","semibold","d","m","state","styles","className","mergeClasses","size","weight"],"mappings":";;;;;;;;;;;IAEaA,eAAe;eAAfA;;IA6CAC,uBAAuB;eAAvBA;;;uBA/C0B;AAEhC,MAAMD,kBAAkB;IAC7BE,MAAM;IACNC,UAAU;AACZ;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,SAAS;QACTC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;QACRE,SAAS;IACX;IACAN,UAAU;QACRI,QAAQ;QACRG,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAC,OAAO;QACLC,SAAS;QACTC,SAAS;IACX;IACAC,QAAQ;QACNF,SAAS;QACTC,SAAS;IACX;IACAE,OAAO;QACLH,SAAS;QACTC,SAAS;QACTG,SAAS;IACX;IACAC,UAAU;QACRD,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAgD;QAAmD;QAA2D;QAAuD;QAAsD;QAAuD;QAA+C;QAAmD;QAA+C;QAAoD;QAA+C;QAAmD;KAAmD;IAChqBC,GAAG;QAAC;YAAC;YAA8D;gBACjEA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMlB,0BAA0BmB,CAAAA;IACrC,MAAMC,SAASjB;IACfgB,MAAMlB,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,gBAAgBE,IAAI,EAAEmB,OAAOnB,IAAI,EAAEkB,MAAMZ,QAAQ,IAAIa,OAAOb,QAAQ,EAAEa,MAAM,CAACD,MAAMI,IAAI,CAAC,EAAEJ,MAAMK,MAAM,KAAK,cAAcJ,OAAOJ,QAAQ,EAAEG,MAAMlB,IAAI,CAACoB,SAAS;IAClM,IAAIF,MAAMjB,QAAQ,EAAE;QAClBiB,MAAMjB,QAAQ,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,gBAAgBG,QAAQ,EAAEkB,OAAOlB,QAAQ,EAAEiB,MAAMZ,QAAQ,IAAIa,OAAOb,QAAQ,EAAEY,MAAMjB,QAAQ,CAACmB,SAAS;IAChJ;IACA,OAAOF;AACT,GACA,iDAAiD"}
|