@fluentui/react-rating 9.4.0 → 9.4.2

package/lib-commonjs/components/RatingItem/useRatingItemStyles.styles.raw.js

@@ -130,17 +130,22 @@ const useRatingItemStyles_unstable = (state)=>{
     const inputStyles = useInputStyles();
     const indicatorBaseClassName = useIndicatorBaseClassName();
     const indicatorStyles = useIndicatorStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(ratingItemClassNames.root, styles.root, styles[size], state.root.className);
     if (state.halfValueInput) {
+        // eslint-disable-next-line react-hooks/immutability
         state.halfValueInput.className = (0, _react.mergeClasses)(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);
     }
     if (state.fullValueInput) {
+        // eslint-disable-next-line react-hooks/immutability
         state.fullValueInput.className = (0, _react.mergeClasses)(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);
     }
     if (state.unselectedIcon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.unselectedIcon.className = (0, _react.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);
     }
     if (state.selectedIcon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.selectedIcon.className = (0, _react.mergeClasses)(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);
     }
     return state;

package/lib-commonjs/components/RatingItem/useRatingItemStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RatingItem/useRatingItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport type { RatingItemSlots, RatingItemState } from './RatingItem.types';\n\nexport const ratingItemClassNames: SlotClassNames<RatingItemSlots> = {\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/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    ...createFocusOutlineStyle({ style: {}, selector: 'focus-within' }),\n  },\n  small: {\n    fontSize: '12px',\n    width: '12px',\n    height: '12px',\n  },\n\n  medium: {\n    fontSize: '16px',\n    width: '16px',\n    height: '16px',\n  },\n\n  large: {\n    fontSize: '20px',\n    width: '20px',\n    height: '20px',\n  },\n\n  'extra-large': {\n    fontSize: '28px',\n    width: '28px',\n    height: '28px',\n  },\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});\n\nconst useInputStyles = makeStyles({\n  lowerHalf: {\n    right: '50%',\n  },\n  upperHalf: {\n    left: '50%',\n  },\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});\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/**\n * Apply styling to the RatingItem slots based on the state\n */\nexport const useRatingItemStyles_unstable = (state: RatingItemState): RatingItemState => {\n  'use no memo';\n\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\n  state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n\n  if (state.halfValueInput) {\n    state.halfValueInput.className = mergeClasses(\n      ratingItemClassNames.halfValueInput,\n      inputBaseClassName,\n      inputStyles.lowerHalf,\n      state.halfValueInput.className,\n    );\n  }\n\n  if (state.fullValueInput) {\n    state.fullValueInput.className = mergeClasses(\n      ratingItemClassNames.fullValueInput,\n      inputBaseClassName,\n      state.halfValueInput && inputStyles.upperHalf,\n      state.fullValueInput.className,\n    );\n  }\n\n  if (state.unselectedIcon) {\n    state.unselectedIcon.className = mergeClasses(\n      ratingItemClassNames.unselectedIcon,\n      indicatorBaseClassName,\n      appearance === 'filled' && indicatorStyles.filled,\n      color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand),\n      color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold),\n      iconFillWidth === 0.5 && indicatorStyles.upperHalf,\n      state.unselectedIcon.className,\n    );\n  }\n\n  if (state.selectedIcon) {\n    state.selectedIcon.className = mergeClasses(\n      ratingItemClassNames.selectedIcon,\n      indicatorBaseClassName,\n      color === 'brand' && indicatorStyles.brand,\n      color === 'marigold' && indicatorStyles.marigold,\n      iconFillWidth === 0.5 && indicatorStyles.lowerHalf,\n      state.selectedIcon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","createFocusOutlineStyle","ratingItemClassNames","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","position","style","selector","small","fontSize","width","height","medium","large","useInputBaseClassName","left","top","right","bottom","boxSizing","margin","opacity","cursor","useInputStyles","lowerHalf","upperHalf","useIndicatorBaseClassName","display","overflow","color","colorNeutralForeground1","fill","pointerEvents","useIndicatorStyles","flex","marginLeft","brand","colorBrandForeground1","marigold","colorPaletteMarigoldBorderActive","filled","colorNeutralBackground6","stroke","colorTransparentStroke","brandFilled","colorBrandBackground2","marigoldFilled","colorPaletteMarigoldBackground2","useRatingItemStyles_unstable","state","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className"],"mappings":"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"}
+{"version":3,"sources":["../src/components/RatingItem/useRatingItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport type { RatingItemSlots, RatingItemState } from './RatingItem.types';\n\nexport const ratingItemClassNames: SlotClassNames<RatingItemSlots> = {\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/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    ...createFocusOutlineStyle({ style: {}, selector: 'focus-within' }),\n  },\n  small: {\n    fontSize: '12px',\n    width: '12px',\n    height: '12px',\n  },\n\n  medium: {\n    fontSize: '16px',\n    width: '16px',\n    height: '16px',\n  },\n\n  large: {\n    fontSize: '20px',\n    width: '20px',\n    height: '20px',\n  },\n\n  'extra-large': {\n    fontSize: '28px',\n    width: '28px',\n    height: '28px',\n  },\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});\n\nconst useInputStyles = makeStyles({\n  lowerHalf: {\n    right: '50%',\n  },\n  upperHalf: {\n    left: '50%',\n  },\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});\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/**\n * Apply styling to the RatingItem slots based on the state\n */\nexport const useRatingItemStyles_unstable = (state: RatingItemState): RatingItemState => {\n  'use no memo';\n\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\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n\n  if (state.halfValueInput) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.halfValueInput.className = mergeClasses(\n      ratingItemClassNames.halfValueInput,\n      inputBaseClassName,\n      inputStyles.lowerHalf,\n      state.halfValueInput.className,\n    );\n  }\n\n  if (state.fullValueInput) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.fullValueInput.className = mergeClasses(\n      ratingItemClassNames.fullValueInput,\n      inputBaseClassName,\n      state.halfValueInput && inputStyles.upperHalf,\n      state.fullValueInput.className,\n    );\n  }\n\n  if (state.unselectedIcon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.unselectedIcon.className = mergeClasses(\n      ratingItemClassNames.unselectedIcon,\n      indicatorBaseClassName,\n      appearance === 'filled' && indicatorStyles.filled,\n      color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand),\n      color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold),\n      iconFillWidth === 0.5 && indicatorStyles.upperHalf,\n      state.unselectedIcon.className,\n    );\n  }\n\n  if (state.selectedIcon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.selectedIcon.className = mergeClasses(\n      ratingItemClassNames.selectedIcon,\n      indicatorBaseClassName,\n      color === 'brand' && indicatorStyles.brand,\n      color === 'marigold' && indicatorStyles.marigold,\n      iconFillWidth === 0.5 && indicatorStyles.lowerHalf,\n      state.selectedIcon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","createFocusOutlineStyle","ratingItemClassNames","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","position","style","selector","small","fontSize","width","height","medium","large","useInputBaseClassName","left","top","right","bottom","boxSizing","margin","opacity","cursor","useInputStyles","lowerHalf","upperHalf","useIndicatorBaseClassName","display","overflow","color","colorNeutralForeground1","fill","pointerEvents","useIndicatorStyles","flex","marginLeft","brand","colorBrandForeground1","marigold","colorPaletteMarigoldBorderActive","filled","colorNeutralBackground6","stroke","colorTransparentStroke","brandFilled","colorBrandBackground2","marigoldFilled","colorPaletteMarigoldBackground2","useRatingItemStyles_unstable","state","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className"],"mappings":"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"}

package/lib-commonjs/contexts/RatingItemContext.js

@@ -22,12 +22,11 @@ _export(exports, {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reacticons = require("@fluentui/react-icons");
 const RatingItemContext = /*#__PURE__*/ _react.createContext(undefined);
 const ratingItemContextDefaultValue = {
     color: 'neutral',
-    iconFilled: _reacticons.StarFilled,
-    iconOutline: _reacticons.StarRegular,
+    iconFilled: 'span',
+    iconOutline: 'span',
     step: 1,
     size: 'medium'
 };

package/lib-commonjs/contexts/RatingItemContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/RatingItemContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { RatingItemContextValue } from '../RatingItem';\nimport { StarFilled, StarRegular } from '@fluentui/react-icons';\n\n/**\n * RatingContext is provided by Rating, and is consumed by Rating to determine default values of some props.\n */\nexport const RatingItemContext = React.createContext<RatingItemContextValue | undefined>(undefined);\nconst ratingItemContextDefaultValue: RatingItemContextValue = {\n  color: 'neutral',\n  iconFilled: StarFilled,\n  iconOutline: StarRegular,\n  step: 1,\n  size: 'medium',\n};\nexport const RatingItemProvider = RatingItemContext.Provider;\n\n/**\n * Get the value of the RatingContext.\n */\nexport const useRatingItemContextValue_unstable = (): RatingItemContextValue =>\n  React.useContext(RatingItemContext) || ratingItemContextDefaultValue;\n"],"names":["React","StarFilled","StarRegular","RatingItemContext","createContext","undefined","ratingItemContextDefaultValue","color","iconFilled","iconOutline","step","size","RatingItemProvider","Provider","useRatingItemContextValue_unstable","useContext"],"mappings":"AAAA;;;;;;;;;;;;qBASaG;;;sBAQAS;;;sCAKAE;;;;;iEApBU,QAAQ;4BAES,wBAAwB;AAKzD,MAAMX,oBAAAA,WAAAA,GAAoBH,OAAMI,aAAa,CAAqCC,WAAW;AACpG,MAAMC,gCAAwD;IAC5DC,OAAO;IACPC,YAAYP,sBAAAA;IACZQ,aAAaP,uBAAAA;IACbQ,MAAM;IACNC,MAAM;AACR;AACO,MAAMC,qBAAqBT,kBAAkBU,QAAQ,CAAC;AAKtD,MAAMC,qCAAqC,IAChDd,OAAMe,UAAU,CAACZ,sBAAsBG,8BAA8B"}
+{"version":3,"sources":["../src/contexts/RatingItemContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { RatingItemContextValue } from '../RatingItem';\n\n/**\n * RatingContext is provided by Rating, and is consumed by Rating to determine default values of some props.\n */\nexport const RatingItemContext = React.createContext<RatingItemContextValue | undefined>(undefined);\nconst ratingItemContextDefaultValue: RatingItemContextValue = {\n  color: 'neutral',\n  iconFilled: 'span',\n  iconOutline: 'span',\n  step: 1,\n  size: 'medium',\n};\nexport const RatingItemProvider = RatingItemContext.Provider;\n\n/**\n * Get the value of the RatingContext.\n */\nexport const useRatingItemContextValue_unstable = (): RatingItemContextValue =>\n  React.useContext(RatingItemContext) || ratingItemContextDefaultValue;\n"],"names":["React","RatingItemContext","createContext","undefined","ratingItemContextDefaultValue","color","iconFilled","iconOutline","step","size","RatingItemProvider","Provider","useRatingItemContextValue_unstable","useContext"],"mappings":"AAAA;;;;;;;;;;;;qBAQaC;;;sBAQAS;;;sCAKAE;;;;;iEAnBU,QAAQ;AAMxB,MAAMX,oBAAAA,WAAAA,GAAoBD,OAAME,aAAa,CAAqCC,WAAW;AACpG,MAAMC,gCAAwD;IAC5DC,OAAO;IACPC,YAAY;IACZC,aAAa;IACbC,MAAM;IACNC,MAAM;AACR;AACO,MAAMC,qBAAqBT,kBAAkBU,QAAQ,CAAC;AAKtD,MAAMC,qCAAqC,IAChDZ,OAAMa,UAAU,CAACZ,sBAAsBG,8BAA8B"}

package/lib-commonjs/index.js

@@ -57,6 +57,9 @@ _export(exports, {
     useRatingDisplay_unstable: function() {
         return _RatingDisplay.useRatingDisplay_unstable;
     },
+    useRatingItemBase_unstable: function() {
+        return _RatingItem.useRatingItemBase_unstable;
+    },
     useRatingItemContextValue_unstable: function() {
         return _index.useRatingItemContextValue_unstable;
     },

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Rating,\n  ratingClassNames,\n  renderRating_unstable,\n  useRatingStyles_unstable,\n  useRating_unstable,\n  useRatingContextValues,\n  useRatingBase_unstable,\n} from './Rating';\nexport type {\n  RatingProps,\n  RatingSlots,\n  RatingState,\n  RatingOnChangeEventData,\n  RatingContextValues,\n  RatingBaseProps,\n  RatingBaseState,\n} from './Rating';\nexport {\n  RatingItem,\n  ratingItemClassNames,\n  renderRatingItem_unstable,\n  useRatingItemStyles_unstable,\n  useRatingItem_unstable,\n} from './RatingItem';\nexport type {\n  RatingItemProps,\n  RatingItemSlots,\n  RatingItemState,\n  RatingItemBaseProps,\n  RatingItemBaseState,\n} from './RatingItem';\nexport { RatingItemProvider, useRatingItemContextValue_unstable } from './contexts/index';\nexport {\n  RatingDisplay,\n  ratingDisplayClassNames,\n  renderRatingDisplay_unstable,\n  useRatingDisplayStyles_unstable,\n  useRatingDisplay_unstable,\n  useRatingDisplayContextValues,\n  useRatingDisplayBase_unstable,\n} from './RatingDisplay';\nexport type {\n  RatingDisplayProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayContextValues,\n  RatingDisplayBaseProps,\n  RatingDisplayBaseState,\n} from './RatingDisplay';\n"],"names":["Rating","ratingClassNames","renderRating_unstable","useRatingStyles_unstable","useRating_unstable","useRatingContextValues","useRatingBase_unstable","RatingItem","ratingItemClassNames","renderRatingItem_unstable","useRatingItemStyles_unstable","useRatingItem_unstable","RatingItemProvider","useRatingItemContextValue_unstable","RatingDisplay","ratingDisplayClassNames","renderRatingDisplay_unstable","useRatingDisplayStyles_unstable","useRatingDisplay_unstable","useRatingDisplayContextValues","useRatingDisplayBase_unstable"],"mappings":";;;;;;;;;;;IACEA,MAAM;;;iBAiCO;eAAbc;;IAfAP;qCAAU;;;eAaHK,yBAAkB;;;eA9BzBX,wBAAgB;;;eAiChBc,sCAAuB;;;eAfvBP,gCAAoB;;;eAgBpBQ,2CAA4B;;;eAf5BP,qCAAyB;;;eAlBzBP,6BAAqB;;;eAIrBI,8BAAsB;;;eADtBD,8BAAsB;;;eAkCtBe,4CAA6B;;;eAD7BD,4CAA6B;;;eAF7BF,8CAA+B;;;eAC/BC,wCAAyB;;;eANEL,yCAAkC;;;eAV7DH,wCAA4B;;;eAC5BC,kCAAsB;;;eAnBtBR,gCAAwB;;;eACxBC,0BAAkB;;;wBAGb,WAAW;4BAgBX,eAAe;uBAQiD,mBAAmB;+BASnF,kBAAkB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Rating,\n  ratingClassNames,\n  renderRating_unstable,\n  useRatingStyles_unstable,\n  useRating_unstable,\n  useRatingContextValues,\n  useRatingBase_unstable,\n} from './Rating';\nexport type {\n  RatingProps,\n  RatingSlots,\n  RatingState,\n  RatingOnChangeEventData,\n  RatingContextValues,\n  RatingBaseProps,\n  RatingBaseState,\n} from './Rating';\nexport {\n  RatingItem,\n  ratingItemClassNames,\n  renderRatingItem_unstable,\n  useRatingItemStyles_unstable,\n  useRatingItem_unstable,\n  useRatingItemBase_unstable,\n} from './RatingItem';\nexport type {\n  RatingItemProps,\n  RatingItemSlots,\n  RatingItemState,\n  RatingItemBaseProps,\n  RatingItemBaseState,\n} from './RatingItem';\nexport { RatingItemProvider, useRatingItemContextValue_unstable } from './contexts/index';\nexport {\n  RatingDisplay,\n  ratingDisplayClassNames,\n  renderRatingDisplay_unstable,\n  useRatingDisplayStyles_unstable,\n  useRatingDisplay_unstable,\n  useRatingDisplayContextValues,\n  useRatingDisplayBase_unstable,\n} from './RatingDisplay';\nexport type {\n  RatingDisplayProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayContextValues,\n  RatingDisplayBaseProps,\n  RatingDisplayBaseState,\n} from './RatingDisplay';\n"],"names":["Rating","ratingClassNames","renderRating_unstable","useRatingStyles_unstable","useRating_unstable","useRatingContextValues","useRatingBase_unstable","RatingItem","ratingItemClassNames","renderRatingItem_unstable","useRatingItemStyles_unstable","useRatingItem_unstable","useRatingItemBase_unstable","RatingItemProvider","useRatingItemContextValue_unstable","RatingDisplay","ratingDisplayClassNames","renderRatingDisplay_unstable","useRatingDisplayStyles_unstable","useRatingDisplay_unstable","useRatingDisplayContextValues","useRatingDisplayBase_unstable"],"mappings":";;;;;;;;;;;IACEA,MAAM;;;iBAkCO;eAAbe;;;eAhBAR,sBAAU;;IAcHM;wCAAkB;;;eA/BzBZ,wBAAgB;;;eAkChBe,sCAAuB;;;eAhBvBR,gCAAoB;;;eAiBpBS,2CAA4B;;;eAhB5BR,qCAAyB;;;eAlBzBP,6BAAqB;;;eAIrBI,8BAAsB;;;eADtBD,8BAAsB;;;eAmCtBgB,4CAA6B;;;eAD7BD,4CAA6B;;;eAF7BF,8CAA+B;;;eAC/BC,wCAAyB;;;eAfzBP,sCAA0B;;IASCE,kCAAkC;;;;eAX7DJ,wCAA4B;;;eAC5BC,kCAAsB;;;eAnBtBR,gCAAwB;;;eACxBC,0BAAkB;;;wBAGb,WAAW;4BAiBX,eAAe;uBAQiD,mBAAmB;+BASnF,kBAAkB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-rating",
-  "version": "9.4.0",
+  "version": "9.4.2",
   "description": "Rating component for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,12 +12,12 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.4.1",
+    "@fluentui/react-jsx-runtime": "^9.4.3",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-shared-contexts": "^9.26.2",
     "@fluentui/react-theme": "^9.2.1",
-    "@fluentui/react-tabster": "^9.26.13",
-    "@fluentui/react-utilities": "^9.26.2",
+    "@fluentui/react-tabster": "^9.26.15",
+    "@fluentui/react-utilities": "^9.26.4",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },