@fluentui/react-label 0.0.0-nightly-20240730-0407.1 → 0.0.0-nightly-20240816-2133.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 CHANGED
@@ -1,23 +1,23 @@
1
1
  # Change Log - @fluentui/react-label
2
2
 
3
- This log was last generated on Tue, 30 Jul 2024 04:17:28 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 16 Aug 2024 21:44:05 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240730-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightly-20240730-0407.1)
7
+ ## [0.0.0-nightly-20240816-2133.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightly-20240816-2133.1)
8
8
 
9
- Tue, 30 Jul 2024 04:17:28 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.74..@fluentui/react-label_v0.0.0-nightly-20240730-0407.1)
9
+ Fri, 16 Aug 2024 21:44:05 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.74..@fluentui/react-label_v0.0.0-nightly-20240816-2133.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-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
16
- - Bump @fluentui/react-theme to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
17
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
18
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
19
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
20
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
15
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
16
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
17
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
18
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
19
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
20
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) 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: "fk6fouc",
13
- sj55zd: "f19n0e5"
12
+ Bahqtrf: "flsir7j",
13
+ sj55zd: "ft4ptsq"
14
14
  },
15
15
  disabled: {
16
- sj55zd: "f1s2aq7o",
16
+ sj55zd: "f2cluog",
17
17
  Bbusuzp: "f1dcs8yz"
18
18
  },
19
19
  required: {
20
- sj55zd: "f1whyuy6",
21
- uwmqm3: ["fruq291", "f7x41pl"]
20
+ sj55zd: "f1117kto",
21
+ uwmqm3: ["f7lxj2y", "f1nng5pv"]
22
22
  },
23
23
  small: {
24
- Be2twd7: "fy9rknc",
25
- Bg96gwp: "fwrc4pm"
24
+ Be2twd7: "ft7npr9",
25
+ Bg96gwp: "flcsqdw"
26
26
  },
27
27
  medium: {
28
- Be2twd7: "fkhj508",
29
- Bg96gwp: "f1i3iumi"
28
+ Be2twd7: "f1wetgjr",
29
+ Bg96gwp: "f4z4nt5"
30
30
  },
31
31
  large: {
32
- Be2twd7: "fod5ikn",
33
- Bg96gwp: "faaz57k",
34
- Bhrd7zp: "fl43uef"
32
+ Be2twd7: "f19df55q",
33
+ Bg96gwp: "f1q2gzmf",
34
+ Bhrd7zp: "f15c5pkn"
35
35
  },
36
36
  semibold: {
37
- Bhrd7zp: "fl43uef"
37
+ Bhrd7zp: "f1we3khz"
38
38
  }
39
39
  }, {
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);}"],
40
+ d: [".flsir7j{font-family:var(--ctrl-token-Label-1239, var(--semantic-token-Label-1240, var(--fontFamilyBase)));}", ".ft4ptsq{color:var(--ctrl-token-Label-1241, var(--semantic-token-Label-1242, var(--colorNeutralForeground1)));}", ".f2cluog{color:var(--ctrl-token-Label-1243, var(--semantic-token-Label-1244, var(--colorNeutralForegroundDisabled)));}", ".f1117kto{color:var(--ctrl-token-Label-1245, var(--semantic-token-Label-1246, var(--colorPaletteRedForeground3)));}", ".f7lxj2y{padding-left:var(--ctrl-token-Label-1247, var(--semantic-token-Label-1248, var(--spacingHorizontalXS)));}", ".f1nng5pv{padding-right:var(--ctrl-token-Label-1247, var(--semantic-token-Label-1248, var(--spacingHorizontalXS)));}", ".ft7npr9{font-size:var(--ctrl-token-Label-1249, var(--semantic-token-Label-1250, var(--fontSizeBase200)));}", ".flcsqdw{line-height:var(--ctrl-token-Label-1251, var(--semantic-token-Label-1252, var(--lineHeightBase200)));}", ".f1wetgjr{font-size:var(--ctrl-token-Label-1253, var(--semantic-token-Label-1254, var(--fontSizeBase300)));}", ".f4z4nt5{line-height:var(--ctrl-token-Label-1255, var(--semantic-token-Label-1256, var(--lineHeightBase300)));}", ".f19df55q{font-size:var(--ctrl-token-Label-1257, var(--semantic-token-Label-1258, var(--fontSizeBase400)));}", ".f1q2gzmf{line-height:var(--ctrl-token-Label-1259, var(--semantic-token-Label-1260, var(--lineHeightBase400)));}", ".f15c5pkn{font-weight:var(--ctrl-token-Label-1261, var(--semantic-token-Label-1262, var(--fontWeightSemibold)));}", ".f1we3khz{font-weight:var(--ctrl-token-Label-1263, var(--semantic-token-Label-1264, 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: 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":[]}
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: `var(--ctrl-token-Label-1239, var(--semantic-token-Label-1240, ${tokens.fontFamilyBase}))`,\n color: `var(--ctrl-token-Label-1241, var(--semantic-token-Label-1242, ${tokens.colorNeutralForeground1}))`\n },\n disabled: {\n color: `var(--ctrl-token-Label-1243, var(--semantic-token-Label-1244, ${tokens.colorNeutralForegroundDisabled}))`,\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n },\n required: {\n color: `var(--ctrl-token-Label-1245, var(--semantic-token-Label-1246, ${tokens.colorPaletteRedForeground3}))`,\n paddingLeft: `var(--ctrl-token-Label-1247, var(--semantic-token-Label-1248, ${tokens.spacingHorizontalXS}))`\n },\n small: {\n fontSize: `var(--ctrl-token-Label-1249, var(--semantic-token-Label-1250, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--ctrl-token-Label-1251, var(--semantic-token-Label-1252, ${tokens.lineHeightBase200}))`\n },\n medium: {\n fontSize: `var(--ctrl-token-Label-1253, var(--semantic-token-Label-1254, ${tokens.fontSizeBase300}))`,\n lineHeight: `var(--ctrl-token-Label-1255, var(--semantic-token-Label-1256, ${tokens.lineHeightBase300}))`\n },\n large: {\n fontSize: `var(--ctrl-token-Label-1257, var(--semantic-token-Label-1258, ${tokens.fontSizeBase400}))`,\n lineHeight: `var(--ctrl-token-Label-1259, var(--semantic-token-Label-1260, ${tokens.lineHeightBase400}))`,\n fontWeight: `var(--ctrl-token-Label-1261, var(--semantic-token-Label-1262, ${tokens.fontWeightSemibold}))`\n },\n semibold: {\n fontWeight: `var(--ctrl-token-Label-1263, var(--semantic-token-Label-1264, ${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,51 +25,52 @@ const labelClassNames = {
25
25
  * Styles for the label
26
26
  */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
27
27
  root: {
28
- Bahqtrf: "fk6fouc",
29
- sj55zd: "f19n0e5"
28
+ Bahqtrf: "flsir7j",
29
+ sj55zd: "ft4ptsq"
30
30
  },
31
31
  disabled: {
32
- sj55zd: "f1s2aq7o",
32
+ sj55zd: "f2cluog",
33
33
  Bbusuzp: "f1dcs8yz"
34
34
  },
35
35
  required: {
36
- sj55zd: "f1whyuy6",
36
+ sj55zd: "f1117kto",
37
37
  uwmqm3: [
38
- "fruq291",
39
- "f7x41pl"
38
+ "f7lxj2y",
39
+ "f1nng5pv"
40
40
  ]
41
41
  },
42
42
  small: {
43
- Be2twd7: "fy9rknc",
44
- Bg96gwp: "fwrc4pm"
43
+ Be2twd7: "ft7npr9",
44
+ Bg96gwp: "flcsqdw"
45
45
  },
46
46
  medium: {
47
- Be2twd7: "fkhj508",
48
- Bg96gwp: "f1i3iumi"
47
+ Be2twd7: "f1wetgjr",
48
+ Bg96gwp: "f4z4nt5"
49
49
  },
50
50
  large: {
51
- Be2twd7: "fod5ikn",
52
- Bg96gwp: "faaz57k",
53
- Bhrd7zp: "fl43uef"
51
+ Be2twd7: "f19df55q",
52
+ Bg96gwp: "f1q2gzmf",
53
+ Bhrd7zp: "f15c5pkn"
54
54
  },
55
55
  semibold: {
56
- Bhrd7zp: "fl43uef"
56
+ Bhrd7zp: "f1we3khz"
57
57
  }
58
58
  }, {
59
59
  d: [
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);}"
60
+ ".flsir7j{font-family:var(--ctrl-token-Label-1239, var(--semantic-token-Label-1240, var(--fontFamilyBase)));}",
61
+ ".ft4ptsq{color:var(--ctrl-token-Label-1241, var(--semantic-token-Label-1242, var(--colorNeutralForeground1)));}",
62
+ ".f2cluog{color:var(--ctrl-token-Label-1243, var(--semantic-token-Label-1244, var(--colorNeutralForegroundDisabled)));}",
63
+ ".f1117kto{color:var(--ctrl-token-Label-1245, var(--semantic-token-Label-1246, var(--colorPaletteRedForeground3)));}",
64
+ ".f7lxj2y{padding-left:var(--ctrl-token-Label-1247, var(--semantic-token-Label-1248, var(--spacingHorizontalXS)));}",
65
+ ".f1nng5pv{padding-right:var(--ctrl-token-Label-1247, var(--semantic-token-Label-1248, var(--spacingHorizontalXS)));}",
66
+ ".ft7npr9{font-size:var(--ctrl-token-Label-1249, var(--semantic-token-Label-1250, var(--fontSizeBase200)));}",
67
+ ".flcsqdw{line-height:var(--ctrl-token-Label-1251, var(--semantic-token-Label-1252, var(--lineHeightBase200)));}",
68
+ ".f1wetgjr{font-size:var(--ctrl-token-Label-1253, var(--semantic-token-Label-1254, var(--fontSizeBase300)));}",
69
+ ".f4z4nt5{line-height:var(--ctrl-token-Label-1255, var(--semantic-token-Label-1256, var(--lineHeightBase300)));}",
70
+ ".f19df55q{font-size:var(--ctrl-token-Label-1257, var(--semantic-token-Label-1258, var(--fontSizeBase400)));}",
71
+ ".f1q2gzmf{line-height:var(--ctrl-token-Label-1259, var(--semantic-token-Label-1260, var(--lineHeightBase400)));}",
72
+ ".f15c5pkn{font-weight:var(--ctrl-token-Label-1261, var(--semantic-token-Label-1262, var(--fontWeightSemibold)));}",
73
+ ".f1we3khz{font-weight:var(--ctrl-token-Label-1263, var(--semantic-token-Label-1264, var(--fontWeightSemibold)));}"
73
74
  ],
74
75
  m: [
75
76
  [
@@ -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: 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"}
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: `var(--ctrl-token-Label-1239, var(--semantic-token-Label-1240, ${tokens.fontFamilyBase}))`,\n color: `var(--ctrl-token-Label-1241, var(--semantic-token-Label-1242, ${tokens.colorNeutralForeground1}))`\n },\n disabled: {\n color: `var(--ctrl-token-Label-1243, var(--semantic-token-Label-1244, ${tokens.colorNeutralForegroundDisabled}))`,\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n },\n required: {\n color: `var(--ctrl-token-Label-1245, var(--semantic-token-Label-1246, ${tokens.colorPaletteRedForeground3}))`,\n paddingLeft: `var(--ctrl-token-Label-1247, var(--semantic-token-Label-1248, ${tokens.spacingHorizontalXS}))`\n },\n small: {\n fontSize: `var(--ctrl-token-Label-1249, var(--semantic-token-Label-1250, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--ctrl-token-Label-1251, var(--semantic-token-Label-1252, ${tokens.lineHeightBase200}))`\n },\n medium: {\n fontSize: `var(--ctrl-token-Label-1253, var(--semantic-token-Label-1254, ${tokens.fontSizeBase300}))`,\n lineHeight: `var(--ctrl-token-Label-1255, var(--semantic-token-Label-1256, ${tokens.lineHeightBase300}))`\n },\n large: {\n fontSize: `var(--ctrl-token-Label-1257, var(--semantic-token-Label-1258, ${tokens.fontSizeBase400}))`,\n lineHeight: `var(--ctrl-token-Label-1259, var(--semantic-token-Label-1260, ${tokens.lineHeightBase400}))`,\n fontWeight: `var(--ctrl-token-Label-1261, var(--semantic-token-Label-1262, ${tokens.fontWeightSemibold}))`\n },\n semibold: {\n fontWeight: `var(--ctrl-token-Label-1263, var(--semantic-token-Label-1264, ${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;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-20240730-0407.1",
3
+ "version": "0.0.0-nightly-20240816-2133.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-20240730-0407.1",
30
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240730-0407.1",
29
+ "@fluentui/react-conformance": "0.0.0-nightly-20240816-2133.1",
30
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240816-2133.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-20240730-0407.1",
36
- "@fluentui/react-theme": "0.0.0-nightly-20240730-0407.1",
37
- "@fluentui/react-utilities": "0.0.0-nightly-20240730-0407.1",
38
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240730-0407.1",
35
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240816-2133.1",
36
+ "@fluentui/react-theme": "0.0.0-nightly-20240816-2133.1",
37
+ "@fluentui/react-utilities": "0.0.0-nightly-20240816-2133.1",
38
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240816-2133.1",
39
39
  "@griffel/react": "^1.5.22",
40
40
  "@swc/helpers": "^0.5.1"
41
41
  },