@fluentui/react-rating 9.0.2 → 9.0.3

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,19 +1,30 @@
1
1
  # Change Log - @fluentui/react-rating
2
2
 
3
- This log was last generated on Tue, 02 Apr 2024 09:41:20 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 17 Apr 2024 21:47:25 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.0.3)
8
+
9
+ Wed, 17 Apr 2024 21:47:25 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating_v9.0.2..@fluentui/react-rating_v9.0.3)
11
+
12
+ ### Patches
13
+
14
+ - chore: Update RatingDisplay value margin-left tokens. ([PR #31034](https://github.com/microsoft/fluentui/pull/31034) by ololubek@microsoft.com)
15
+ - chore: Update react-icons to 2.0.235 ([PR #31011](https://github.com/microsoft/fluentui/pull/31011) by ololubek@microsoft.com)
16
+ - Bump @fluentui/react-tabster to v9.20.0 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
17
+
7
18
  ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.0.2)
8
19
 
9
- Tue, 02 Apr 2024 09:41:20 GMT
20
+ Tue, 02 Apr 2024 09:48:01 GMT
10
21
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating_v9.0.1..@fluentui/react-rating_v9.0.2)
11
22
 
12
23
  ### Patches
13
24
 
14
- - Bump @fluentui/react-jsx-runtime to v9.0.35 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
15
- - Bump @fluentui/react-tabster to v9.19.6 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
16
- - Bump @fluentui/react-utilities to v9.18.6 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
25
+ - Bump @fluentui/react-jsx-runtime to v9.0.35 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
26
+ - Bump @fluentui/react-tabster to v9.19.6 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
27
+ - Bump @fluentui/react-utilities to v9.18.6 ([PR #30644](https://github.com/microsoft/fluentui/pull/30644) by beachball)
17
28
 
18
29
  ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.0.1)
19
30
 
@@ -9,15 +9,17 @@ export const ratingDisplayClassNames = {
9
9
  * Styles for the root slot
10
10
  */
11
11
  const useRootClassName = /*#__PURE__*/__resetStyles("rxxdqwu", null, [".rxxdqwu{display:flex;flex-wrap:wrap;align-items:center;}"]);
12
- const useLabelClassName = /*#__PURE__*/__resetStyles("r1okbz36", "rzju99d", [".r1okbz36{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}", ".rzju99d{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
12
+ const useLabelClassName = /*#__PURE__*/__resetStyles("rkwnos5", "rwei36a", [".rkwnos5{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}", ".rwei36a{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
13
13
  const useLabelStyles = /*#__PURE__*/__styles({
14
14
  large: {
15
15
  Be2twd7: "fkhj508",
16
- Bg96gwp: "f1i3iumi"
16
+ Bg96gwp: "f1i3iumi",
17
+ Frg6f3: ["f1t5qyk5", "f1ikr372"]
17
18
  },
18
19
  extraLarge: {
19
20
  Be2twd7: "fod5ikn",
20
- Bg96gwp: "faaz57k"
21
+ Bg96gwp: "faaz57k",
22
+ Frg6f3: ["foyynoy", "f1vcna3q"]
21
23
  },
22
24
  strong: {
23
25
  Bhrd7zp: "fl43uef"
@@ -26,7 +28,7 @@ const useLabelStyles = /*#__PURE__*/__styles({
26
28
  Ftih45: "f169p45e"
27
29
  }
28
30
  }, {
29
- d: [".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);}", ".f169p45e::before{content:\"\xB7 \";}"]
31
+ d: [".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}", ".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".foyynoy{margin-left:var(--spacingHorizontalS);}", ".f1vcna3q{margin-right:var(--spacingHorizontalS);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f169p45e::before{content:\"\xB7 \";}"]
30
32
  });
31
33
  /**
32
34
  * Apply styling to the RatingDisplay slots based on the state
@@ -1 +1 @@
1
- {"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","typographyStyles","ratingDisplayClassNames","root","valueText","countText","useRootClassName","useLabelClassName","useLabelStyles","large","Be2twd7","Bg96gwp","extraLarge","strong","Bhrd7zp","divider","Ftih45","d","useRatingDisplayStyles_unstable","state","size","rootClassName","className","labelClassName","labelStyles"],"sources":["useRatingDisplayStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const ratingDisplayClassNames = {\n root: 'fui-RatingDisplay',\n valueText: 'fui-RatingDisplay__valueText',\n countText: 'fui-RatingDisplay__countText'\n};\n/**\n * Styles for the root slot\n */ const useRootClassName = makeResetStyles({\n display: 'flex',\n flexWrap: 'wrap',\n alignItems: 'center'\n});\nconst useLabelClassName = makeResetStyles({\n color: tokens.colorNeutralForeground1,\n marginLeft: tokens.spacingHorizontalXXS,\n ...typographyStyles.caption1\n});\nconst useLabelStyles = makeStyles({\n large: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300\n },\n extraLarge: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400\n },\n strong: {\n fontWeight: tokens.fontWeightSemibold\n },\n divider: {\n '::before': {\n content: '\"· \"'\n }\n }\n});\n/**\n * Apply styling to the RatingDisplay slots based on the state\n */ export const useRatingDisplayStyles_unstable = (state)=>{\n const { size } = state;\n const rootClassName = useRootClassName();\n state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n const labelClassName = useLabelClassName();\n const labelStyles = useLabelStyles();\n if (state.valueText) {\n state.valueText.className = mergeClasses(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);\n }\n if (state.countText) {\n state.countText.className = mergeClasses(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,SAAS,EAAE,8BAA8B;EACzCC,SAAS,EAAE;AACf,CAAC;AACD;AACA;AACA;AAAI,MAAMC,gBAAgB,gBAAGT,aAAA,+EAI5B,CAAC;AACF,MAAMU,iBAAiB,gBAAGV,aAAA,0eAIzB,CAAC;AACF,MAAMW,cAAc,gBAAGV,QAAA;EAAAW,KAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,UAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAiBtB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,aAAa,GAAGf,gBAAgB,CAAC,CAAC;EACxCa,KAAK,CAAChB,IAAI,CAACmB,SAAS,GAAGvB,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAEkB,aAAa,EAAEF,KAAK,CAAChB,IAAI,CAACmB,SAAS,CAAC;EACtG,MAAMC,cAAc,GAAGhB,iBAAiB,CAAC,CAAC;EAC1C,MAAMiB,WAAW,GAAGhB,cAAc,CAAC,CAAC;EACpC,IAAIW,KAAK,CAACf,SAAS,EAAE;IACjBe,KAAK,CAACf,SAAS,CAACkB,SAAS,GAAGvB,YAAY,CAACG,uBAAuB,CAACE,SAAS,EAAEmB,cAAc,EAAEC,WAAW,CAACX,MAAM,EAAEO,IAAI,KAAK,OAAO,IAAII,WAAW,CAACf,KAAK,EAAEW,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAACf,SAAS,CAACkB,SAAS,CAAC;EACvO;EACA,IAAIH,KAAK,CAACd,SAAS,EAAE;IACjBc,KAAK,CAACd,SAAS,CAACiB,SAAS,GAAGvB,YAAY,CAACG,uBAAuB,CAACG,SAAS,EAAEkB,cAAc,EAAEH,IAAI,KAAK,OAAO,IAAII,WAAW,CAACf,KAAK,EAAEW,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAACf,SAAS,IAAIoB,WAAW,CAACT,OAAO,EAAEI,KAAK,CAACd,SAAS,CAACiB,SAAS,CAAC;EAC3P;EACA,OAAOH,KAAK;AAChB,CAAC"}
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","typographyStyles","ratingDisplayClassNames","root","valueText","countText","useRootClassName","useLabelClassName","useLabelStyles","large","Be2twd7","Bg96gwp","Frg6f3","extraLarge","strong","Bhrd7zp","divider","Ftih45","d","useRatingDisplayStyles_unstable","state","size","rootClassName","className","labelClassName","labelStyles"],"sources":["useRatingDisplayStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const ratingDisplayClassNames = {\n root: 'fui-RatingDisplay',\n valueText: 'fui-RatingDisplay__valueText',\n countText: 'fui-RatingDisplay__countText'\n};\n/**\n * Styles for the root slot\n */ const useRootClassName = makeResetStyles({\n display: 'flex',\n flexWrap: 'wrap',\n alignItems: 'center'\n});\nconst useLabelClassName = makeResetStyles({\n color: tokens.colorNeutralForeground1,\n marginLeft: tokens.spacingHorizontalXS,\n ...typographyStyles.caption1\n});\nconst useLabelStyles = makeStyles({\n large: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n marginLeft: tokens.spacingHorizontalSNudge\n },\n extraLarge: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n marginLeft: tokens.spacingHorizontalS\n },\n strong: {\n fontWeight: tokens.fontWeightSemibold\n },\n divider: {\n '::before': {\n content: '\"· \"'\n }\n }\n});\n/**\n * Apply styling to the RatingDisplay slots based on the state\n */ export const useRatingDisplayStyles_unstable = (state)=>{\n const { size } = state;\n const rootClassName = useRootClassName();\n state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n const labelClassName = useLabelClassName();\n const labelStyles = useLabelStyles();\n if (state.valueText) {\n state.valueText.className = mergeClasses(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);\n }\n if (state.countText) {\n state.countText.className = mergeClasses(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,SAAS,EAAE,8BAA8B;EACzCC,SAAS,EAAE;AACf,CAAC;AACD;AACA;AACA;AAAI,MAAMC,gBAAgB,gBAAGT,aAAA,+EAI5B,CAAC;AACF,MAAMU,iBAAiB,gBAAGV,aAAA,seAIzB,CAAC;AACF,MAAMW,cAAc,gBAAGV,QAAA;EAAAW,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAH,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAmBtB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,aAAa,GAAGhB,gBAAgB,CAAC,CAAC;EACxCc,KAAK,CAACjB,IAAI,CAACoB,SAAS,GAAGxB,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAEmB,aAAa,EAAEF,KAAK,CAACjB,IAAI,CAACoB,SAAS,CAAC;EACtG,MAAMC,cAAc,GAAGjB,iBAAiB,CAAC,CAAC;EAC1C,MAAMkB,WAAW,GAAGjB,cAAc,CAAC,CAAC;EACpC,IAAIY,KAAK,CAAChB,SAAS,EAAE;IACjBgB,KAAK,CAAChB,SAAS,CAACmB,SAAS,GAAGxB,YAAY,CAACG,uBAAuB,CAACE,SAAS,EAAEoB,cAAc,EAAEC,WAAW,CAACX,MAAM,EAAEO,IAAI,KAAK,OAAO,IAAII,WAAW,CAAChB,KAAK,EAAEY,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAAChB,SAAS,CAACmB,SAAS,CAAC;EACvO;EACA,IAAIH,KAAK,CAACf,SAAS,EAAE;IACjBe,KAAK,CAACf,SAAS,CAACkB,SAAS,GAAGxB,YAAY,CAACG,uBAAuB,CAACG,SAAS,EAAEmB,cAAc,EAAEH,IAAI,KAAK,OAAO,IAAII,WAAW,CAAChB,KAAK,EAAEY,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAAChB,SAAS,IAAIqB,WAAW,CAACT,OAAO,EAAEI,KAAK,CAACf,SAAS,CAACkB,SAAS,CAAC;EAC3P;EACA,OAAOH,KAAK;AAChB,CAAC"}
@@ -27,18 +27,26 @@ const ratingDisplayClassNames = {
27
27
  */ const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rxxdqwu", null, [
28
28
  ".rxxdqwu{display:flex;flex-wrap:wrap;align-items:center;}"
29
29
  ]);
30
- const useLabelClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1okbz36", "rzju99d", [
31
- ".r1okbz36{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}",
32
- ".rzju99d{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
30
+ const useLabelClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rkwnos5", "rwei36a", [
31
+ ".rkwnos5{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}",
32
+ ".rwei36a{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
33
33
  ]);
34
34
  const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
35
35
  large: {
36
36
  Be2twd7: "fkhj508",
37
- Bg96gwp: "f1i3iumi"
37
+ Bg96gwp: "f1i3iumi",
38
+ Frg6f3: [
39
+ "f1t5qyk5",
40
+ "f1ikr372"
41
+ ]
38
42
  },
39
43
  extraLarge: {
40
44
  Be2twd7: "fod5ikn",
41
- Bg96gwp: "faaz57k"
45
+ Bg96gwp: "faaz57k",
46
+ Frg6f3: [
47
+ "foyynoy",
48
+ "f1vcna3q"
49
+ ]
42
50
  },
43
51
  strong: {
44
52
  Bhrd7zp: "fl43uef"
@@ -50,8 +58,12 @@ const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
50
58
  d: [
51
59
  ".fkhj508{font-size:var(--fontSizeBase300);}",
52
60
  ".f1i3iumi{line-height:var(--lineHeightBase300);}",
61
+ ".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}",
62
+ ".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}",
53
63
  ".fod5ikn{font-size:var(--fontSizeBase400);}",
54
64
  ".faaz57k{line-height:var(--lineHeightBase400);}",
65
+ ".foyynoy{margin-left:var(--spacingHorizontalS);}",
66
+ ".f1vcna3q{margin-right:var(--spacingHorizontalS);}",
55
67
  ".fl43uef{font-weight:var(--fontWeightSemibold);}",
56
68
  ".f169p45e::before{content:\"\xB7 \";}"
57
69
  ]
@@ -1 +1 @@
1
- {"version":3,"sources":["useRatingDisplayStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const ratingDisplayClassNames = {\n root: 'fui-RatingDisplay',\n valueText: 'fui-RatingDisplay__valueText',\n countText: 'fui-RatingDisplay__countText'\n};\n/**\n * Styles for the root slot\n */\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"rxxdqwu\", null, [\".rxxdqwu{display:flex;flex-wrap:wrap;align-items:center;}\"]);\nconst useLabelClassName = /*#__PURE__*/__resetStyles(\"r1okbz36\", \"rzju99d\", [\".r1okbz36{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\", \".rzju99d{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\nconst useLabelStyles = /*#__PURE__*/__styles({\n large: {\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n extraLarge: {\n Be2twd7: \"fod5ikn\",\n Bg96gwp: \"faaz57k\"\n },\n strong: {\n Bhrd7zp: \"fl43uef\"\n },\n divider: {\n Ftih45: \"f169p45e\"\n }\n}, {\n d: [\".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);}\", \".f169p45e::before{content:\\\"\\xB7 \\\";}\"]\n});\n/**\n * Apply styling to the RatingDisplay slots based on the state\n */\nexport const useRatingDisplayStyles_unstable = state => {\n const {\n size\n } = state;\n const rootClassName = useRootClassName();\n state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n const labelClassName = useLabelClassName();\n const labelStyles = useLabelStyles();\n if (state.valueText) {\n state.valueText.className = mergeClasses(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);\n }\n if (state.countText) {\n state.countText.className = mergeClasses(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);\n }\n return state;\n};\n//# sourceMappingURL=useRatingDisplayStyles.styles.js.map"],"names":["ratingDisplayClassNames","useRatingDisplayStyles_unstable","root","valueText","countText","useRootClassName","__resetStyles","useLabelClassName","useLabelStyles","__styles","large","Be2twd7","Bg96gwp","extraLarge","strong","Bhrd7zp","divider","Ftih45","d","state","size","rootClassName","className","mergeClasses","labelClassName","labelStyles"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IA+BAC,+BAA+B;eAA/BA;;;uBAjCyC;AAE/C,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,WAAW;IACXC,WAAW;AACb;AACA;;CAEC,GACD,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAA4D;AAClI,MAAMC,oBAAoB,WAAW,GAAED,IAAAA,oBAAa,EAAC,YAAY,WAAW;IAAC;IAAyO;CAAwO;AAC9hB,MAAME,iBAAiB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC3CC,OAAO;QACLC,SAAS;QACTC,SAAS;IACX;IACAC,YAAY;QACVF,SAAS;QACTC,SAAS;IACX;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,SAAS;QACPC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA+C;QAAoD;QAA+C;QAAmD;QAAoD;KAAwC;AACvS;AAIO,MAAMjB,kCAAkCkB,CAAAA;IAC7C,MAAM,EACJC,IAAI,EACL,GAAGD;IACJ,MAAME,gBAAgBhB;IACtBc,MAAMjB,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,wBAAwBE,IAAI,EAAEmB,eAAeF,MAAMjB,IAAI,CAACoB,SAAS;IACrG,MAAME,iBAAiBjB;IACvB,MAAMkB,cAAcjB;IACpB,IAAIW,MAAMhB,SAAS,EAAE;QACnBgB,MAAMhB,SAAS,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,wBAAwBG,SAAS,EAAEqB,gBAAgBC,YAAYX,MAAM,EAAEM,SAAS,WAAWK,YAAYf,KAAK,EAAEU,SAAS,iBAAiBK,YAAYZ,UAAU,EAAEM,MAAMhB,SAAS,CAACmB,SAAS;IACpO;IACA,IAAIH,MAAMf,SAAS,EAAE;QACnBe,MAAMf,SAAS,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,wBAAwBI,SAAS,EAAEoB,gBAAgBJ,SAAS,WAAWK,YAAYf,KAAK,EAAEU,SAAS,iBAAiBK,YAAYZ,UAAU,EAAEM,MAAMhB,SAAS,IAAIsB,YAAYT,OAAO,EAAEG,MAAMf,SAAS,CAACkB,SAAS;IACxP;IACA,OAAOH;AACT,GACA,yDAAyD"}
1
+ {"version":3,"sources":["useRatingDisplayStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const ratingDisplayClassNames = {\n root: 'fui-RatingDisplay',\n valueText: 'fui-RatingDisplay__valueText',\n countText: 'fui-RatingDisplay__countText'\n};\n/**\n * Styles for the root slot\n */\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"rxxdqwu\", null, [\".rxxdqwu{display:flex;flex-wrap:wrap;align-items:center;}\"]);\nconst useLabelClassName = /*#__PURE__*/__resetStyles(\"rkwnos5\", \"rwei36a\", [\".rkwnos5{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\", \".rwei36a{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\nconst useLabelStyles = /*#__PURE__*/__styles({\n large: {\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\",\n Frg6f3: [\"f1t5qyk5\", \"f1ikr372\"]\n },\n extraLarge: {\n Be2twd7: \"fod5ikn\",\n Bg96gwp: \"faaz57k\",\n Frg6f3: [\"foyynoy\", \"f1vcna3q\"]\n },\n strong: {\n Bhrd7zp: \"fl43uef\"\n },\n divider: {\n Ftih45: \"f169p45e\"\n }\n}, {\n d: [\".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}\", \".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".foyynoy{margin-left:var(--spacingHorizontalS);}\", \".f1vcna3q{margin-right:var(--spacingHorizontalS);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f169p45e::before{content:\\\"\\xB7 \\\";}\"]\n});\n/**\n * Apply styling to the RatingDisplay slots based on the state\n */\nexport const useRatingDisplayStyles_unstable = state => {\n const {\n size\n } = state;\n const rootClassName = useRootClassName();\n state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n const labelClassName = useLabelClassName();\n const labelStyles = useLabelStyles();\n if (state.valueText) {\n state.valueText.className = mergeClasses(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);\n }\n if (state.countText) {\n state.countText.className = mergeClasses(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);\n }\n return state;\n};\n//# sourceMappingURL=useRatingDisplayStyles.styles.js.map"],"names":["ratingDisplayClassNames","useRatingDisplayStyles_unstable","root","valueText","countText","useRootClassName","__resetStyles","useLabelClassName","useLabelStyles","__styles","large","Be2twd7","Bg96gwp","Frg6f3","extraLarge","strong","Bhrd7zp","divider","Ftih45","d","state","size","rootClassName","className","mergeClasses","labelClassName","labelStyles"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IAiCAC,+BAA+B;eAA/BA;;;uBAnCyC;AAE/C,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,WAAW;IACXC,WAAW;AACb;AACA;;CAEC,GACD,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAA4D;AAClI,MAAMC,oBAAoB,WAAW,GAAED,IAAAA,oBAAa,EAAC,WAAW,WAAW;IAAC;IAAuO;CAAuO;AAC1hB,MAAME,iBAAiB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC3CC,OAAO;QACLC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,YAAY;QACVH,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,SAAS;QACPC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA+C;QAAoD;QAA0D;QAA2D;QAA+C;QAAmD;QAAoD;QAAsD;QAAoD;KAAwC;AACtgB;AAIO,MAAMlB,kCAAkCmB,CAAAA;IAC7C,MAAM,EACJC,IAAI,EACL,GAAGD;IACJ,MAAME,gBAAgBjB;IACtBe,MAAMlB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,wBAAwBE,IAAI,EAAEoB,eAAeF,MAAMlB,IAAI,CAACqB,SAAS;IACrG,MAAME,iBAAiBlB;IACvB,MAAMmB,cAAclB;IACpB,IAAIY,MAAMjB,SAAS,EAAE;QACnBiB,MAAMjB,SAAS,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,wBAAwBG,SAAS,EAAEsB,gBAAgBC,YAAYX,MAAM,EAAEM,SAAS,WAAWK,YAAYhB,KAAK,EAAEW,SAAS,iBAAiBK,YAAYZ,UAAU,EAAEM,MAAMjB,SAAS,CAACoB,SAAS;IACpO;IACA,IAAIH,MAAMhB,SAAS,EAAE;QACnBgB,MAAMhB,SAAS,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,wBAAwBI,SAAS,EAAEqB,gBAAgBJ,SAAS,WAAWK,YAAYhB,KAAK,EAAEW,SAAS,iBAAiBK,YAAYZ,UAAU,EAAEM,MAAMjB,SAAS,IAAIuB,YAAYT,OAAO,EAAEG,MAAMhB,SAAS,CAACmB,SAAS;IACxP;IACA,OAAOH;AACT,GACA,yDAAyD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-rating",
3
- "version": "9.0.2",
3
+ "version": "9.0.3",
4
4
  "description": "Rating component for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "dependencies": {
33
33
  "@fluentui/react-jsx-runtime": "^9.0.35",
34
- "@fluentui/react-icons": "^2.0.224",
34
+ "@fluentui/react-icons": "^2.0.235",
35
35
  "@fluentui/react-theme": "^9.1.19",
36
- "@fluentui/react-tabster": "^9.19.6",
36
+ "@fluentui/react-tabster": "^9.20.0",
37
37
  "@fluentui/react-utilities": "^9.18.6",
38
38
  "@griffel/react": "^1.5.14",
39
39
  "@swc/helpers": "^0.5.1"