@fluentui/react-label 0.0.0-nightly-20240823-1802.1 → 0.0.0-nightly-20240826-0407.1
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.
- package/CHANGELOG.md +10 -10
- package/lib/components/Label/useLabelStyles.styles.js +14 -14
- package/lib/components/Label/useLabelStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Label/useLabelStyles.styles.js +27 -28
- package/lib-commonjs/components/Label/useLabelStyles.styles.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
@@ -1,23 +1,23 @@
|
|
1
1
|
# Change Log - @fluentui/react-label
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Mon, 26 Aug 2024 04:12:09 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-nightly-
|
7
|
+
## [0.0.0-nightly-20240826-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightly-20240826-0407.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.74..@fluentui/react-label_v0.0.0-nightly-
|
9
|
+
Mon, 26 Aug 2024 04:12:09 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.74..@fluentui/react-label_v0.0.0-nightly-20240826-0407.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
15
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
16
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
17
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
18
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
19
|
-
- Bump @fluentui/react-conformance to v0.0.0-nightly-
|
20
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
15
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240826-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/5dcae25a432204f702bef2a94ec902770060fab7) by beachball)
|
16
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240826-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/5dcae25a432204f702bef2a94ec902770060fab7) by beachball)
|
17
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240826-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/5dcae25a432204f702bef2a94ec902770060fab7) by beachball)
|
18
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240826-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/5dcae25a432204f702bef2a94ec902770060fab7) by beachball)
|
19
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240826-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/5dcae25a432204f702bef2a94ec902770060fab7) by beachball)
|
20
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240826-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/5dcae25a432204f702bef2a94ec902770060fab7) by beachball)
|
21
21
|
|
22
22
|
## [9.1.74](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.74)
|
23
23
|
|
@@ -9,35 +9,35 @@ export const labelClassNames = {
|
|
9
9
|
*/
|
10
10
|
const useStyles = /*#__PURE__*/__styles({
|
11
11
|
root: {
|
12
|
-
Bahqtrf: "
|
13
|
-
sj55zd: "
|
12
|
+
Bahqtrf: "fk6fouc",
|
13
|
+
sj55zd: "f19n0e5"
|
14
14
|
},
|
15
15
|
disabled: {
|
16
|
-
sj55zd: "
|
16
|
+
sj55zd: "f1s2aq7o",
|
17
17
|
Bbusuzp: "f1dcs8yz"
|
18
18
|
},
|
19
19
|
required: {
|
20
|
-
sj55zd: "
|
21
|
-
uwmqm3: ["
|
20
|
+
sj55zd: "f1whyuy6",
|
21
|
+
uwmqm3: ["fruq291", "f7x41pl"]
|
22
22
|
},
|
23
23
|
small: {
|
24
|
-
Be2twd7: "
|
25
|
-
Bg96gwp: "
|
24
|
+
Be2twd7: "fy9rknc",
|
25
|
+
Bg96gwp: "fwrc4pm"
|
26
26
|
},
|
27
27
|
medium: {
|
28
|
-
Be2twd7: "
|
29
|
-
Bg96gwp: "
|
28
|
+
Be2twd7: "fkhj508",
|
29
|
+
Bg96gwp: "f1i3iumi"
|
30
30
|
},
|
31
31
|
large: {
|
32
|
-
Be2twd7: "
|
33
|
-
Bg96gwp: "
|
34
|
-
Bhrd7zp: "
|
32
|
+
Be2twd7: "fod5ikn",
|
33
|
+
Bg96gwp: "faaz57k",
|
34
|
+
Bhrd7zp: "fl43uef"
|
35
35
|
},
|
36
36
|
semibold: {
|
37
|
-
Bhrd7zp: "
|
37
|
+
Bhrd7zp: "fl43uef"
|
38
38
|
}
|
39
39
|
}, {
|
40
|
-
d: [".
|
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
41
|
m: [["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
|
42
42
|
m: "(forced-colors: active)"
|
43
43
|
}]]
|
@@ -1 +1 @@
|
|
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:
|
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 'use no memo';\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,aAAa;;EACb,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","ignoreList":[]}
|
@@ -25,52 +25,51 @@ const labelClassNames = {
|
|
25
25
|
* Styles for the label
|
26
26
|
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
27
27
|
root: {
|
28
|
-
Bahqtrf: "
|
29
|
-
sj55zd: "
|
28
|
+
Bahqtrf: "fk6fouc",
|
29
|
+
sj55zd: "f19n0e5"
|
30
30
|
},
|
31
31
|
disabled: {
|
32
|
-
sj55zd: "
|
32
|
+
sj55zd: "f1s2aq7o",
|
33
33
|
Bbusuzp: "f1dcs8yz"
|
34
34
|
},
|
35
35
|
required: {
|
36
|
-
sj55zd: "
|
36
|
+
sj55zd: "f1whyuy6",
|
37
37
|
uwmqm3: [
|
38
|
-
"
|
39
|
-
"
|
38
|
+
"fruq291",
|
39
|
+
"f7x41pl"
|
40
40
|
]
|
41
41
|
},
|
42
42
|
small: {
|
43
|
-
Be2twd7: "
|
44
|
-
Bg96gwp: "
|
43
|
+
Be2twd7: "fy9rknc",
|
44
|
+
Bg96gwp: "fwrc4pm"
|
45
45
|
},
|
46
46
|
medium: {
|
47
|
-
Be2twd7: "
|
48
|
-
Bg96gwp: "
|
47
|
+
Be2twd7: "fkhj508",
|
48
|
+
Bg96gwp: "f1i3iumi"
|
49
49
|
},
|
50
50
|
large: {
|
51
|
-
Be2twd7: "
|
52
|
-
Bg96gwp: "
|
53
|
-
Bhrd7zp: "
|
51
|
+
Be2twd7: "fod5ikn",
|
52
|
+
Bg96gwp: "faaz57k",
|
53
|
+
Bhrd7zp: "fl43uef"
|
54
54
|
},
|
55
55
|
semibold: {
|
56
|
-
Bhrd7zp: "
|
56
|
+
Bhrd7zp: "fl43uef"
|
57
57
|
}
|
58
58
|
}, {
|
59
59
|
d: [
|
60
|
-
".
|
61
|
-
".
|
62
|
-
".
|
63
|
-
".
|
64
|
-
".
|
65
|
-
".
|
66
|
-
".
|
67
|
-
".
|
68
|
-
".
|
69
|
-
".
|
70
|
-
".
|
71
|
-
".
|
72
|
-
".
|
73
|
-
".f40zmvd{font-weight:var(--1263, var(--1264, var(--fontWeightSemibold)));}"
|
60
|
+
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
61
|
+
".f19n0e5{color:var(--colorNeutralForeground1);}",
|
62
|
+
".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
|
63
|
+
".f1whyuy6{color:var(--colorPaletteRedForeground3);}",
|
64
|
+
".fruq291{padding-left:var(--spacingHorizontalXS);}",
|
65
|
+
".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
|
66
|
+
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
67
|
+
".fwrc4pm{line-height:var(--lineHeightBase200);}",
|
68
|
+
".fkhj508{font-size:var(--fontSizeBase300);}",
|
69
|
+
".f1i3iumi{line-height:var(--lineHeightBase300);}",
|
70
|
+
".fod5ikn{font-size:var(--fontSizeBase400);}",
|
71
|
+
".faaz57k{line-height:var(--lineHeightBase400);}",
|
72
|
+
".fl43uef{font-weight:var(--fontWeightSemibold);}"
|
74
73
|
],
|
75
74
|
m: [
|
76
75
|
[
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"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:
|
1
|
+
{"version":3,"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 'use no memo';\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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,eAAe;eAAfA;;IAwCIC,uBAAuB;eAAvBA;;;uBA1CwB;AAElC,MAAMD,kBAAkB;IAC3BE,MAAM;IACNC,UAAU;AACd;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAH,MAAA;QAAAI,SAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAD,QAAA;QAAAE,SAAA;IAAA;IAAAN,UAAA;QAAAI,QAAA;QAAAG,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,OAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,QAAA;QAAAF,SAAA;QAAAC,SAAA;IAAA;IAAAE,OAAA;QAAAH,SAAA;QAAAC,SAAA;QAAAG,SAAA;IAAA;IAAAC,UAAA;QAAAD,SAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA;YAAA;SAAA;KAAA;AAAA;AAkCX,MAAMlB,0BAA2BmB,CAAAA;IACxC;IACA,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;QAChBiB,MAAMjB,QAAQ,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,gBAAgBG,QAAQ,EAAEkB,OAAOlB,QAAQ,EAAEiB,MAAMZ,QAAQ,IAAIa,OAAOb,QAAQ,EAAEY,MAAMjB,QAAQ,CAACmB,SAAS;IAClJ;IACA,OAAOF;AACX"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-label",
|
3
|
-
"version": "0.0.0-nightly-
|
3
|
+
"version": "0.0.0-nightly-20240826-0407.1",
|
4
4
|
"description": "Fluent UI React Label component",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -26,16 +26,16 @@
|
|
26
26
|
},
|
27
27
|
"devDependencies": {
|
28
28
|
"@fluentui/eslint-plugin": "*",
|
29
|
-
"@fluentui/react-conformance": "0.0.0-nightly-
|
30
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
29
|
+
"@fluentui/react-conformance": "0.0.0-nightly-20240826-0407.1",
|
30
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20240826-0407.1",
|
31
31
|
"@fluentui/scripts-api-extractor": "*",
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
36
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
37
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
38
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
35
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20240826-0407.1",
|
36
|
+
"@fluentui/react-theme": "0.0.0-nightly-20240826-0407.1",
|
37
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20240826-0407.1",
|
38
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20240826-0407.1",
|
39
39
|
"@griffel/react": "^1.5.22",
|
40
40
|
"@swc/helpers": "^0.5.1"
|
41
41
|
},
|