@fluentui/react-rating 9.0.12 → 9.0.13
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 +15 -2
- package/lib/components/Rating/useRatingStyles.styles.js +2 -0
- package/lib/components/Rating/useRatingStyles.styles.js.map +1 -1
- package/lib/components/RatingDisplay/useRatingDisplayStyles.styles.js +2 -0
- package/lib/components/RatingDisplay/useRatingDisplayStyles.styles.js.map +1 -1
- package/lib/components/RatingItem/useRatingItemStyles.styles.js +2 -0
- package/lib/components/RatingItem/useRatingItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Rating/useRatingStyles.styles.js +1 -0
- package/lib-commonjs/components/Rating/useRatingStyles.styles.js.map +1 -1
- package/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.js +1 -0
- package/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.js.map +1 -1
- package/lib-commonjs/components/RatingItem/useRatingItemStyles.styles.js +1 -0
- package/lib-commonjs/components/RatingItem/useRatingItemStyles.styles.js.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,25 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-rating
|
|
2
2
|
|
|
3
|
-
This log was last generated on Mon,
|
|
3
|
+
This log was last generated on Mon, 01 Jul 2024 20:25:41 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.0.13)
|
|
8
|
+
|
|
9
|
+
Mon, 01 Jul 2024 20:25:41 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating_v9.0.12..@fluentui/react-rating_v9.0.13)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: Update react-icons package to ^2.0.245 ([PR #31802](https://github.com/microsoft/fluentui/pull/31802) by ololubek@microsoft.com)
|
|
15
|
+
- chore: add eslint react-compiler ([PR #31457](https://github.com/microsoft/fluentui/pull/31457) by seanmonahan@microsoft.com)
|
|
16
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
|
|
17
|
+
- Bump @fluentui/react-tabster to v9.22.1 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
|
|
18
|
+
- Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
|
|
19
|
+
|
|
7
20
|
## [9.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.0.12)
|
|
8
21
|
|
|
9
|
-
Mon, 17 Jun 2024 07:
|
|
22
|
+
Mon, 17 Jun 2024 07:34:17 GMT
|
|
10
23
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating_v9.0.11..@fluentui/react-rating_v9.0.12)
|
|
11
24
|
|
|
12
25
|
### Patches
|
|
@@ -10,6 +10,8 @@ const useRootClassName = /*#__PURE__*/__resetStyles("r2imjyh", null, [".r2imjyh{
|
|
|
10
10
|
* Apply styling to the Rating slots based on the state
|
|
11
11
|
*/
|
|
12
12
|
export const useRatingStyles_unstable = state => {
|
|
13
|
+
'use no memo';
|
|
14
|
+
|
|
13
15
|
const rootClassName = useRootClassName();
|
|
14
16
|
state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);
|
|
15
17
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","mergeClasses","ratingClassNames","root","useRootClassName","useRatingStyles_unstable","state","rootClassName","className"],"sources":["useRatingStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const ratingClassNames = {\n root: 'fui-Rating'\n};\n/**\n * Styles for the root slot\n */ const useRootClassName = makeResetStyles({\n display: 'flex',\n flexWrap: 'wrap'\n});\n/**\n * Apply styling to the Rating slots based on the state\n */ export const useRatingStyles_unstable = (state)=>{\n const rootClassName = useRootClassName();\n state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,gBAAgB,gBAAGJ,aAAA,4DAG5B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMK,wBAAwB,GAAIC,KAAK,IAAG;EACjD,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxCE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,gBAAgB,CAACC,IAAI,EAAEI,aAAa,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC/F,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__resetStyles","mergeClasses","ratingClassNames","root","useRootClassName","useRatingStyles_unstable","state","rootClassName","className"],"sources":["useRatingStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const ratingClassNames = {\n root: 'fui-Rating'\n};\n/**\n * Styles for the root slot\n */ const useRootClassName = makeResetStyles({\n display: 'flex',\n flexWrap: 'wrap'\n});\n/**\n * Apply styling to the Rating slots based on the state\n */ export const useRatingStyles_unstable = (state)=>{\n 'use no memo';\n const rootClassName = useRootClassName();\n state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,gBAAgB,gBAAGJ,aAAA,4DAG5B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMK,wBAAwB,GAAIC,KAAK,IAAG;EACjD,aAAa;;EACb,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxCE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,gBAAgB,CAACC,IAAI,EAAEI,aAAa,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC/F,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
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","ignoreList":[]}
|
|
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 'use no memo';\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,aAAa;;EACb,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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","createFocusOutlineStyle","ratingItemClassNames","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","qhf8xq","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","small","Be2twd7","a9b677","Bqenvij","medium","large","d","p","f","i","m","useInputBaseClassName","useInputStyles","lowerHalf","j35jbq","upperHalf","oyh7mz","useIndicatorBaseClassName","useIndicatorStyles","l5kjut","uoufgc","v39lw8","Bbwb3tu","Frg6f3","brand","sj55zd","marigold","filled","ojy3ng","Bbusuzp","B6jmk37","brandFilled","marigoldFilled","useRatingItemStyles_unstable","state","color","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className"],"sources":["useRatingItemStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const ratingItemClassNames = {\n root: 'fui-RatingItem',\n selectedIcon: 'fui-RatingItem__selectedIcon',\n unselectedIcon: 'fui-RatingItem__unselectedIcon',\n halfValueInput: 'fui-RatingItem__halfValueInput',\n fullValueInput: 'fui-RatingItem__fullValueInput'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'relative',\n ...createFocusOutlineStyle({\n style: {},\n selector: 'focus-within'\n })\n },\n small: {\n fontSize: '12px',\n width: '12px',\n height: '12px'\n },\n medium: {\n fontSize: '16px',\n width: '16px',\n height: '16px'\n },\n large: {\n fontSize: '20px',\n width: '20px',\n height: '20px'\n },\n 'extra-large': {\n fontSize: '28px',\n width: '28px',\n height: '28px'\n }\n});\nconst useInputBaseClassName = makeResetStyles({\n position: 'absolute',\n left: 0,\n top: 0,\n right: 0,\n bottom: 0,\n boxSizing: 'border-box',\n margin: 0,\n opacity: 0,\n cursor: 'pointer',\n height: '100%'\n});\nconst useInputStyles = makeStyles({\n lowerHalf: {\n right: '50%'\n },\n upperHalf: {\n left: '50%'\n }\n});\nconst useIndicatorBaseClassName = makeResetStyles({\n display: 'flex',\n overflow: 'hidden',\n color: tokens.colorNeutralForeground1,\n fill: 'currentColor',\n pointerEvents: 'none',\n position: 'absolute',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0\n});\nconst useIndicatorStyles = makeStyles({\n lowerHalf: {\n right: '50%',\n '& > svg': {\n flex: '0 0 auto'\n }\n },\n upperHalf: {\n left: '50%',\n marginLeft: '-50%'\n },\n brand: {\n color: tokens.colorBrandForeground1\n },\n marigold: {\n color: tokens.colorPaletteMarigoldBorderActive\n },\n filled: {\n color: tokens.colorNeutralBackground6,\n stroke: tokens.colorTransparentStroke,\n '@media (forced-colors: active)': {\n color: 'Canvas',\n stroke: 'CanvasText'\n }\n },\n brandFilled: {\n color: tokens.colorBrandBackground2\n },\n marigoldFilled: {\n color: tokens.colorPaletteMarigoldBackground2\n }\n});\n/**\n * Apply styling to the RatingItem slots based on the state\n */ export const useRatingItemStyles_unstable = (state)=>{\n const { color, size, iconFillWidth, appearance } = state;\n const styles = useStyles();\n const inputBaseClassName = useInputBaseClassName();\n const inputStyles = useInputStyles();\n const indicatorBaseClassName = useIndicatorBaseClassName();\n const indicatorStyles = useIndicatorStyles();\n state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n if (state.halfValueInput) {\n state.halfValueInput.className = mergeClasses(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);\n }\n if (state.fullValueInput) {\n state.fullValueInput.className = mergeClasses(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);\n }\n if (state.unselectedIcon) {\n state.unselectedIcon.className = mergeClasses(ratingItemClassNames.unselectedIcon, indicatorBaseClassName, appearance === 'filled' && indicatorStyles.filled, color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand), color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold), iconFillWidth === 0.5 && indicatorStyles.upperHalf, state.unselectedIcon.className);\n }\n if (state.selectedIcon) {\n state.selectedIcon.className = mergeClasses(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","createFocusOutlineStyle","ratingItemClassNames","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","qhf8xq","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","small","Be2twd7","a9b677","Bqenvij","medium","large","d","p","f","i","m","useInputBaseClassName","useInputStyles","lowerHalf","j35jbq","upperHalf","oyh7mz","useIndicatorBaseClassName","useIndicatorStyles","l5kjut","uoufgc","v39lw8","Bbwb3tu","Frg6f3","brand","sj55zd","marigold","filled","ojy3ng","Bbusuzp","B6jmk37","brandFilled","marigoldFilled","useRatingItemStyles_unstable","state","color","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className"],"sources":["useRatingItemStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const ratingItemClassNames = {\n root: 'fui-RatingItem',\n selectedIcon: 'fui-RatingItem__selectedIcon',\n unselectedIcon: 'fui-RatingItem__unselectedIcon',\n halfValueInput: 'fui-RatingItem__halfValueInput',\n fullValueInput: 'fui-RatingItem__fullValueInput'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'relative',\n ...createFocusOutlineStyle({\n style: {},\n selector: 'focus-within'\n })\n },\n small: {\n fontSize: '12px',\n width: '12px',\n height: '12px'\n },\n medium: {\n fontSize: '16px',\n width: '16px',\n height: '16px'\n },\n large: {\n fontSize: '20px',\n width: '20px',\n height: '20px'\n },\n 'extra-large': {\n fontSize: '28px',\n width: '28px',\n height: '28px'\n }\n});\nconst useInputBaseClassName = makeResetStyles({\n position: 'absolute',\n left: 0,\n top: 0,\n right: 0,\n bottom: 0,\n boxSizing: 'border-box',\n margin: 0,\n opacity: 0,\n cursor: 'pointer',\n height: '100%'\n});\nconst useInputStyles = makeStyles({\n lowerHalf: {\n right: '50%'\n },\n upperHalf: {\n left: '50%'\n }\n});\nconst useIndicatorBaseClassName = makeResetStyles({\n display: 'flex',\n overflow: 'hidden',\n color: tokens.colorNeutralForeground1,\n fill: 'currentColor',\n pointerEvents: 'none',\n position: 'absolute',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0\n});\nconst useIndicatorStyles = makeStyles({\n lowerHalf: {\n right: '50%',\n '& > svg': {\n flex: '0 0 auto'\n }\n },\n upperHalf: {\n left: '50%',\n marginLeft: '-50%'\n },\n brand: {\n color: tokens.colorBrandForeground1\n },\n marigold: {\n color: tokens.colorPaletteMarigoldBorderActive\n },\n filled: {\n color: tokens.colorNeutralBackground6,\n stroke: tokens.colorTransparentStroke,\n '@media (forced-colors: active)': {\n color: 'Canvas',\n stroke: 'CanvasText'\n }\n },\n brandFilled: {\n color: tokens.colorBrandBackground2\n },\n marigoldFilled: {\n color: tokens.colorPaletteMarigoldBackground2\n }\n});\n/**\n * Apply styling to the RatingItem slots based on the state\n */ export const useRatingItemStyles_unstable = (state)=>{\n 'use no memo';\n const { color, size, iconFillWidth, appearance } = state;\n const styles = useStyles();\n const inputBaseClassName = useInputBaseClassName();\n const inputStyles = useInputStyles();\n const indicatorBaseClassName = useIndicatorBaseClassName();\n const indicatorStyles = useIndicatorStyles();\n state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n if (state.halfValueInput) {\n state.halfValueInput.className = mergeClasses(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);\n }\n if (state.fullValueInput) {\n state.fullValueInput.className = mergeClasses(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);\n }\n if (state.unselectedIcon) {\n state.unselectedIcon.className = mergeClasses(ratingItemClassNames.unselectedIcon, indicatorBaseClassName, appearance === 'filled' && indicatorStyles.filled, color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand), color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold), iconFillWidth === 0.5 && indicatorStyles.upperHalf, state.unselectedIcon.className);\n }\n if (state.selectedIcon) {\n state.selectedIcon.className = mergeClasses(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -26,6 +26,7 @@ const ratingClassNames = {
|
|
|
26
26
|
".r2imjyh{display:flex;flex-wrap:wrap;}"
|
|
27
27
|
]);
|
|
28
28
|
const useRatingStyles_unstable = (state)=>{
|
|
29
|
+
'use no memo';
|
|
29
30
|
const rootClassName = useRootClassName();
|
|
30
31
|
state.root.className = (0, _react.mergeClasses)(ratingClassNames.root, rootClassName, state.root.className);
|
|
31
32
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useRatingStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nexport const ratingClassNames = {\n root: 'fui-Rating'\n};\n/**\n * Styles for the root slot\n */\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r2imjyh\", null, [\".r2imjyh{display:flex;flex-wrap:wrap;}\"]);\n/**\n * Apply styling to the Rating slots based on the state\n */\nexport const useRatingStyles_unstable = state => {\n const rootClassName = useRootClassName();\n state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n return state;\n};\n//# sourceMappingURL=useRatingStyles.styles.js.map"],"names":["ratingClassNames","useRatingStyles_unstable","root","useRootClassName","__resetStyles","state","rootClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,gBAAgB;eAAhBA;;IAUAC,wBAAwB;eAAxBA;;;uBAX+B;AACrC,MAAMD,mBAAmB;IAC9BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAyC;AAIxG,MAAMH,2BAA2BI,CAAAA;IACtC,MAAMC,gBAAgBH;IACtBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,iBAAiBE,IAAI,EAAEI,eAAeD,MAAMH,IAAI,CAACK,SAAS;IAC9F,OAAOF;AACT,GACA,kDAAkD"}
|
|
1
|
+
{"version":3,"sources":["useRatingStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nexport const ratingClassNames = {\n root: 'fui-Rating'\n};\n/**\n * Styles for the root slot\n */\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r2imjyh\", null, [\".r2imjyh{display:flex;flex-wrap:wrap;}\"]);\n/**\n * Apply styling to the Rating slots based on the state\n */\nexport const useRatingStyles_unstable = state => {\n 'use no memo';\n\n const rootClassName = useRootClassName();\n state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n return state;\n};\n//# sourceMappingURL=useRatingStyles.styles.js.map"],"names":["ratingClassNames","useRatingStyles_unstable","root","useRootClassName","__resetStyles","state","rootClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,gBAAgB;eAAhBA;;IAUAC,wBAAwB;eAAxBA;;;uBAX+B;AACrC,MAAMD,mBAAmB;IAC9BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAyC;AAIxG,MAAMH,2BAA2BI,CAAAA;IACtC;IAEA,MAAMC,gBAAgBH;IACtBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,iBAAiBE,IAAI,EAAEI,eAAeD,MAAMH,IAAI,CAACK,SAAS;IAC9F,OAAOF;AACT,GACA,kDAAkD"}
|
|
@@ -69,6 +69,7 @@ const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
69
69
|
]
|
|
70
70
|
});
|
|
71
71
|
const useRatingDisplayStyles_unstable = (state)=>{
|
|
72
|
+
'use no memo';
|
|
72
73
|
const { size } = state;
|
|
73
74
|
const rootClassName = useRootClassName();
|
|
74
75
|
state.root.className = (0, _react.mergeClasses)(ratingDisplayClassNames.root, rootClassName, state.root.className);
|
|
@@ -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(\"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"}
|
|
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 'use no memo';\n\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;IAEA,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"}
|
|
@@ -276,6 +276,7 @@ const useIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
276
276
|
]
|
|
277
277
|
});
|
|
278
278
|
const useRatingItemStyles_unstable = (state)=>{
|
|
279
|
+
'use no memo';
|
|
279
280
|
const { color, size, iconFillWidth, appearance } = state;
|
|
280
281
|
const styles = useStyles();
|
|
281
282
|
const inputBaseClassName = useInputBaseClassName();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useRatingItemStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const ratingItemClassNames = {\n root: 'fui-RatingItem',\n selectedIcon: 'fui-RatingItem__selectedIcon',\n unselectedIcon: 'fui-RatingItem__unselectedIcon',\n halfValueInput: 'fui-RatingItem__halfValueInput',\n fullValueInput: 'fui-RatingItem__fullValueInput'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n Bm3wd5j: \"f1k55ka9\",\n Bbrhkcr: [\"fgclinu\", \"f16pcs8n\"],\n f1oku: \"fycbxed\",\n aywvf2: [\"f16pcs8n\", \"fgclinu\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n Byrf0fs: 0,\n Bsiemmq: 0,\n Bwckmig: 0,\n skfxo0: 0,\n Iidy0u: 0,\n B98u21t: 0,\n Bvwlmkc: 0,\n jo1ztg: 0,\n Ba1iezr: 0,\n Blmvk6g: 0,\n B24cy0v: 0,\n Bil7v7r: 0,\n Br3gin4: 0,\n nr063g: 0,\n ghq09: 0,\n Bbgo44z: 0,\n Bseh09z: \"fmj8fco\",\n az1dzo: 0,\n Ba3ybja: 0,\n B6352mv: 0,\n vppk2z: 0,\n Biaj6j7: \"f1iwowo3\",\n B2pnrqr: \"f1spmvte\",\n B29w5g4: [\"fgp7k2s\", \"f13pb23\"],\n Bhhzhcn: \"f1ihbrwi\",\n Bec0n69: [\"f13pb23\", \"fgp7k2s\"]\n },\n small: {\n Be2twd7: \"f1ugzwwg\",\n a9b677: \"frx94fk\",\n Bqenvij: \"fvblgha\"\n },\n medium: {\n Be2twd7: \"f4ybsrx\",\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n large: {\n Be2twd7: \"fe5j1ua\",\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"extra-large\": {\n Be2twd7: \"f24l1pt\",\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", [\".fmj8fco[data-fui-focus-within]:focus-within::after{border:2px solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], [\".f1iwowo3[data-fui-focus-within]:focus-within::after{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f1spmvte[data-fui-focus-within]:focus-within::after{top:calc(2px * -1);}\", \".fgp7k2s[data-fui-focus-within]:focus-within::after{right:calc(2px * -1);}\", \".f13pb23[data-fui-focus-within]:focus-within::after{left:calc(2px * -1);}\", \".f1ihbrwi[data-fui-focus-within]:focus-within::after{bottom:calc(2px * -1);}\", \".f1ugzwwg{font-size:12px;}\", \".frx94fk{width:12px;}\", \".fvblgha{height:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".f24l1pt{font-size:28px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n m: [[\"@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useInputBaseClassName = /*#__PURE__*/__resetStyles(\"r1qfsv1p\", \"rh8pzaz\", [\".r1qfsv1p{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;margin:0;opacity:0;cursor:pointer;height:100%;}\", \".rh8pzaz{position:absolute;right:0;top:0;left:0;bottom:0;box-sizing:border-box;margin:0;opacity:0;cursor:pointer;height:100%;}\"]);\nconst useInputStyles = /*#__PURE__*/__styles({\n lowerHalf: {\n j35jbq: [\"ffenbu1\", \"f1ktbn1t\"]\n },\n upperHalf: {\n oyh7mz: [\"f1ktbn1t\", \"ffenbu1\"]\n }\n}, {\n d: [\".ffenbu1{right:50%;}\", \".f1ktbn1t{left:50%;}\"]\n});\nconst useIndicatorBaseClassName = /*#__PURE__*/__resetStyles(\"r1420l2m\", \"r1yt29v5\", [\".r1420l2m{display:flex;overflow:hidden;color:var(--colorNeutralForeground1);fill:currentColor;pointer-events:none;position:absolute;left:0;right:0;top:0;bottom:0;}\", \".r1yt29v5{display:flex;overflow:hidden;color:var(--colorNeutralForeground1);fill:currentColor;pointer-events:none;position:absolute;right:0;left:0;top:0;bottom:0;}\"]);\nconst useIndicatorStyles = /*#__PURE__*/__styles({\n lowerHalf: {\n j35jbq: [\"ffenbu1\", \"f1ktbn1t\"],\n l5kjut: 0,\n uoufgc: 0,\n v39lw8: 0,\n Bbwb3tu: \"f10jwh99\"\n },\n upperHalf: {\n oyh7mz: [\"f1ktbn1t\", \"ffenbu1\"],\n Frg6f3: [\"fbm7ezh\", \"f3ev47i\"]\n },\n brand: {\n sj55zd: \"f16muhyy\"\n },\n marigold: {\n sj55zd: \"f1whvut0\"\n },\n filled: {\n sj55zd: \"f1qaymga\",\n ojy3ng: \"f13qq9og\",\n Bbusuzp: \"f1cg6951\",\n B6jmk37: \"f1am6ztc\"\n },\n brandFilled: {\n sj55zd: \"f1kdv6iu\"\n },\n marigoldFilled: {\n sj55zd: \"f1ymbmfq\"\n }\n}, {\n d: [\".ffenbu1{right:50%;}\", \".f1ktbn1t{left:50%;}\", [\".f10jwh99>svg{flex:0 0 auto;}\", {\n p: -1\n }], \".fbm7ezh{margin-left:-50%;}\", \".f3ev47i{margin-right:-50%;}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f1whvut0{color:var(--colorPaletteMarigoldBorderActive);}\", \".f1qaymga{color:var(--colorNeutralBackground6);}\", \".f13qq9og{stroke:var(--colorTransparentStroke);}\", \".f1kdv6iu{color:var(--colorBrandBackground2);}\", \".f1ymbmfq{color:var(--colorPaletteMarigoldBackground2);}\"],\n m: [[\"@media (forced-colors: active){.f1cg6951{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1am6ztc{stroke:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the RatingItem slots based on the state\n */\nexport const useRatingItemStyles_unstable = state => {\n const {\n color,\n size,\n iconFillWidth,\n appearance\n } = state;\n const styles = useStyles();\n const inputBaseClassName = useInputBaseClassName();\n const inputStyles = useInputStyles();\n const indicatorBaseClassName = useIndicatorBaseClassName();\n const indicatorStyles = useIndicatorStyles();\n state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n if (state.halfValueInput) {\n state.halfValueInput.className = mergeClasses(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);\n }\n if (state.fullValueInput) {\n state.fullValueInput.className = mergeClasses(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);\n }\n if (state.unselectedIcon) {\n state.unselectedIcon.className = mergeClasses(ratingItemClassNames.unselectedIcon, indicatorBaseClassName, appearance === 'filled' && indicatorStyles.filled, color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand), color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold), iconFillWidth === 0.5 && indicatorStyles.upperHalf, state.unselectedIcon.className);\n }\n if (state.selectedIcon) {\n state.selectedIcon.className = mergeClasses(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);\n }\n return state;\n};\n//# sourceMappingURL=useRatingItemStyles.styles.js.map"],"names":["ratingItemClassNames","useRatingItemStyles_unstable","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","__styles","qhf8xq","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","small","Be2twd7","a9b677","Bqenvij","medium","large","d","p","f","i","m","useInputBaseClassName","__resetStyles","useInputStyles","lowerHalf","j35jbq","upperHalf","oyh7mz","useIndicatorBaseClassName","useIndicatorStyles","l5kjut","uoufgc","v39lw8","Bbwb3tu","Frg6f3","brand","sj55zd","marigold","filled","ojy3ng","Bbusuzp","B6jmk37","brandFilled","marigoldFilled","state","color","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className","mergeClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useRatingItemStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const ratingItemClassNames = {\n root: 'fui-RatingItem',\n selectedIcon: 'fui-RatingItem__selectedIcon',\n unselectedIcon: 'fui-RatingItem__unselectedIcon',\n halfValueInput: 'fui-RatingItem__halfValueInput',\n fullValueInput: 'fui-RatingItem__fullValueInput'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n Bm3wd5j: \"f1k55ka9\",\n Bbrhkcr: [\"fgclinu\", \"f16pcs8n\"],\n f1oku: \"fycbxed\",\n aywvf2: [\"f16pcs8n\", \"fgclinu\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n Byrf0fs: 0,\n Bsiemmq: 0,\n Bwckmig: 0,\n skfxo0: 0,\n Iidy0u: 0,\n B98u21t: 0,\n Bvwlmkc: 0,\n jo1ztg: 0,\n Ba1iezr: 0,\n Blmvk6g: 0,\n B24cy0v: 0,\n Bil7v7r: 0,\n Br3gin4: 0,\n nr063g: 0,\n ghq09: 0,\n Bbgo44z: 0,\n Bseh09z: \"fmj8fco\",\n az1dzo: 0,\n Ba3ybja: 0,\n B6352mv: 0,\n vppk2z: 0,\n Biaj6j7: \"f1iwowo3\",\n B2pnrqr: \"f1spmvte\",\n B29w5g4: [\"fgp7k2s\", \"f13pb23\"],\n Bhhzhcn: \"f1ihbrwi\",\n Bec0n69: [\"f13pb23\", \"fgp7k2s\"]\n },\n small: {\n Be2twd7: \"f1ugzwwg\",\n a9b677: \"frx94fk\",\n Bqenvij: \"fvblgha\"\n },\n medium: {\n Be2twd7: \"f4ybsrx\",\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n large: {\n Be2twd7: \"fe5j1ua\",\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"extra-large\": {\n Be2twd7: \"f24l1pt\",\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", [\".fmj8fco[data-fui-focus-within]:focus-within::after{border:2px solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], [\".f1iwowo3[data-fui-focus-within]:focus-within::after{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f1spmvte[data-fui-focus-within]:focus-within::after{top:calc(2px * -1);}\", \".fgp7k2s[data-fui-focus-within]:focus-within::after{right:calc(2px * -1);}\", \".f13pb23[data-fui-focus-within]:focus-within::after{left:calc(2px * -1);}\", \".f1ihbrwi[data-fui-focus-within]:focus-within::after{bottom:calc(2px * -1);}\", \".f1ugzwwg{font-size:12px;}\", \".frx94fk{width:12px;}\", \".fvblgha{height:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".f24l1pt{font-size:28px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n m: [[\"@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useInputBaseClassName = /*#__PURE__*/__resetStyles(\"r1qfsv1p\", \"rh8pzaz\", [\".r1qfsv1p{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;margin:0;opacity:0;cursor:pointer;height:100%;}\", \".rh8pzaz{position:absolute;right:0;top:0;left:0;bottom:0;box-sizing:border-box;margin:0;opacity:0;cursor:pointer;height:100%;}\"]);\nconst useInputStyles = /*#__PURE__*/__styles({\n lowerHalf: {\n j35jbq: [\"ffenbu1\", \"f1ktbn1t\"]\n },\n upperHalf: {\n oyh7mz: [\"f1ktbn1t\", \"ffenbu1\"]\n }\n}, {\n d: [\".ffenbu1{right:50%;}\", \".f1ktbn1t{left:50%;}\"]\n});\nconst useIndicatorBaseClassName = /*#__PURE__*/__resetStyles(\"r1420l2m\", \"r1yt29v5\", [\".r1420l2m{display:flex;overflow:hidden;color:var(--colorNeutralForeground1);fill:currentColor;pointer-events:none;position:absolute;left:0;right:0;top:0;bottom:0;}\", \".r1yt29v5{display:flex;overflow:hidden;color:var(--colorNeutralForeground1);fill:currentColor;pointer-events:none;position:absolute;right:0;left:0;top:0;bottom:0;}\"]);\nconst useIndicatorStyles = /*#__PURE__*/__styles({\n lowerHalf: {\n j35jbq: [\"ffenbu1\", \"f1ktbn1t\"],\n l5kjut: 0,\n uoufgc: 0,\n v39lw8: 0,\n Bbwb3tu: \"f10jwh99\"\n },\n upperHalf: {\n oyh7mz: [\"f1ktbn1t\", \"ffenbu1\"],\n Frg6f3: [\"fbm7ezh\", \"f3ev47i\"]\n },\n brand: {\n sj55zd: \"f16muhyy\"\n },\n marigold: {\n sj55zd: \"f1whvut0\"\n },\n filled: {\n sj55zd: \"f1qaymga\",\n ojy3ng: \"f13qq9og\",\n Bbusuzp: \"f1cg6951\",\n B6jmk37: \"f1am6ztc\"\n },\n brandFilled: {\n sj55zd: \"f1kdv6iu\"\n },\n marigoldFilled: {\n sj55zd: \"f1ymbmfq\"\n }\n}, {\n d: [\".ffenbu1{right:50%;}\", \".f1ktbn1t{left:50%;}\", [\".f10jwh99>svg{flex:0 0 auto;}\", {\n p: -1\n }], \".fbm7ezh{margin-left:-50%;}\", \".f3ev47i{margin-right:-50%;}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f1whvut0{color:var(--colorPaletteMarigoldBorderActive);}\", \".f1qaymga{color:var(--colorNeutralBackground6);}\", \".f13qq9og{stroke:var(--colorTransparentStroke);}\", \".f1kdv6iu{color:var(--colorBrandBackground2);}\", \".f1ymbmfq{color:var(--colorPaletteMarigoldBackground2);}\"],\n m: [[\"@media (forced-colors: active){.f1cg6951{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1am6ztc{stroke:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the RatingItem slots based on the state\n */\nexport const useRatingItemStyles_unstable = state => {\n 'use no memo';\n\n const {\n color,\n size,\n iconFillWidth,\n appearance\n } = state;\n const styles = useStyles();\n const inputBaseClassName = useInputBaseClassName();\n const inputStyles = useInputStyles();\n const indicatorBaseClassName = useIndicatorBaseClassName();\n const indicatorStyles = useIndicatorStyles();\n state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n if (state.halfValueInput) {\n state.halfValueInput.className = mergeClasses(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);\n }\n if (state.fullValueInput) {\n state.fullValueInput.className = mergeClasses(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);\n }\n if (state.unselectedIcon) {\n state.unselectedIcon.className = mergeClasses(ratingItemClassNames.unselectedIcon, indicatorBaseClassName, appearance === 'filled' && indicatorStyles.filled, color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand), color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold), iconFillWidth === 0.5 && indicatorStyles.upperHalf, state.unselectedIcon.className);\n }\n if (state.selectedIcon) {\n state.selectedIcon.className = mergeClasses(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);\n }\n return state;\n};\n//# sourceMappingURL=useRatingItemStyles.styles.js.map"],"names":["ratingItemClassNames","useRatingItemStyles_unstable","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","__styles","qhf8xq","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","small","Be2twd7","a9b677","Bqenvij","medium","large","d","p","f","i","m","useInputBaseClassName","__resetStyles","useInputStyles","lowerHalf","j35jbq","upperHalf","oyh7mz","useIndicatorBaseClassName","useIndicatorStyles","l5kjut","uoufgc","v39lw8","Bbwb3tu","Frg6f3","brand","sj55zd","marigold","filled","ojy3ng","Bbusuzp","B6jmk37","brandFilled","marigoldFilled","state","color","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className","mergeClasses"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-rating",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.13",
|
|
4
4
|
"description": "Rating component for building web experiences",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
"@fluentui/scripts-tasks": "*"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
33
|
-
"@fluentui/react-icons": "^2.0.
|
|
32
|
+
"@fluentui/react-jsx-runtime": "^9.0.40",
|
|
33
|
+
"@fluentui/react-icons": "^2.0.245",
|
|
34
34
|
"@fluentui/react-theme": "^9.1.19",
|
|
35
|
-
"@fluentui/react-tabster": "^9.22.
|
|
36
|
-
"@fluentui/react-utilities": "^9.18.
|
|
35
|
+
"@fluentui/react-tabster": "^9.22.1",
|
|
36
|
+
"@fluentui/react-utilities": "^9.18.11",
|
|
37
37
|
"@griffel/react": "^1.5.22",
|
|
38
38
|
"@swc/helpers": "^0.5.1"
|
|
39
39
|
},
|