@fluentui/react-spinner 9.74.7-experimental.cli-api.20261006-ccaa611d58.0 → 9.75.0-experimental.css-modules.20261031-810ab07afb.0

package/lib-commonjs/components/Spinner/useSpinnerStyles.styles.raw.cjs

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    spinnerClassNames: function() {
+    get spinnerClassNames () {
         return spinnerClassNames;
     },
-    useSpinnerStyles_unstable: function() {
+    get useSpinnerStyles_unstable () {
         return useSpinnerStyles_unstable;
     }
 });

package/lib-commonjs/components/Spinner/useSpinnerStyles.styles.raw.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Spinner/useSpinnerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SpinnerSlots, SpinnerState } from './Spinner.types';\n\nexport const spinnerClassNames: SlotClassNames<SpinnerSlots> = {\n  root: 'fui-Spinner',\n  spinner: 'fui-Spinner__spinner',\n  spinnerTail: 'fui-Spinner__spinnerTail',\n  label: 'fui-Spinner__label',\n};\n\n/**\n * CSS variables used internally by Spinner\n */\nconst vars = {\n  strokeWidth: '--fui-Spinner--strokeWidth',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  lineHeight: '0',\n  gap: '8px',\n  overflow: 'hidden', // prevents height changes from rotating children\n  minWidth: 'min-content',\n});\n\nconst useRootStyles = makeStyles({\n  vertical: {\n    flexDirection: 'column',\n  },\n});\n\nconst useSpinnerBaseClassName = makeResetStyles({\n  position: 'relative',\n  flexShrink: 0,\n\n  // Use a mask to create the ring shape of the spinner.\n  maskImage:\n    `radial-gradient(closest-side, ` +\n    `transparent calc(100% - var(${vars.strokeWidth}) - 1px), ` +\n    `white calc(100% - var(${vars.strokeWidth})) calc(100% - 1px), ` +\n    `transparent 100%)`,\n\n  backgroundColor: tokens.colorBrandStroke2Contrast,\n  color: tokens.colorBrandStroke1,\n  '@media screen and (forced-colors: active)': {\n    backgroundColor: 'HighlightText',\n    color: 'Highlight',\n    forcedColorAdjust: 'none',\n  },\n\n  animationDuration: '1.5s',\n  animationIterationCount: 'infinite',\n  animationTimingFunction: 'linear',\n  animationName: {\n    '0%': { transform: 'rotate(0deg)' },\n    '100%': { transform: 'rotate(360deg)' },\n  },\n\n  '@media screen and (prefers-reduced-motion: reduce)': {\n    animationDuration: '1.8s',\n  },\n});\n\n// The spinner tail is rendered using two 135deg arc segments, behind a 105deg arc mask.\n// The segments are rotated out from behind the mask to expand the visible arc from\n// 30deg (min) to 255deg (max), and then back behind the mask again to shrink the arc.\n// The tail and spinner itself also have 360deg rotation animations for the spin.\nconst useSpinnerTailBaseClassName = makeResetStyles({\n  position: 'absolute',\n  display: 'block',\n  width: '100%',\n  height: '100%',\n  maskImage: 'conic-gradient(transparent 105deg, white 105deg)',\n\n  '&::before, &::after': {\n    content: '\"\"',\n    position: 'absolute',\n    display: 'block',\n    width: '100%',\n    height: '100%',\n    animation: 'inherit',\n    backgroundImage: 'conic-gradient(currentcolor 135deg, transparent 135deg)',\n  },\n\n  animationDuration: '1.5s',\n  animationIterationCount: 'infinite',\n  animationTimingFunction: tokens.curveEasyEase,\n  animationName: {\n    '0%': { transform: 'rotate(-135deg)' },\n    '50%': { transform: 'rotate(0deg)' },\n    '100%': { transform: 'rotate(225deg)' },\n  },\n  '&::before': {\n    animationName: {\n      '0%': { transform: 'rotate(0deg)' },\n      '50%': { transform: 'rotate(105deg)' },\n      '100%': { transform: 'rotate(0deg)' },\n    },\n  },\n  '&::after': {\n    animationName: {\n      '0%': { transform: 'rotate(0deg)' },\n      '50%': { transform: 'rotate(225deg)' },\n      '100%': { transform: 'rotate(0deg)' },\n    },\n  },\n  '@media screen and (prefers-reduced-motion: reduce)': {\n    animationIterationCount: '0',\n    backgroundImage: 'conic-gradient(transparent 120deg, currentcolor 360deg)',\n    '&::before, &::after': {\n      content: 'none',\n    },\n  },\n});\n\nconst useSpinnerStyles = makeStyles({\n  inverted: {\n    backgroundColor: tokens.colorNeutralStrokeAlpha2,\n    color: tokens.colorNeutralStrokeOnBrand2,\n  },\n\n  rtlTail: {\n    maskImage: 'conic-gradient(white 255deg, transparent 255deg)',\n    '&::before, &::after': {\n      backgroundImage: 'conic-gradient(transparent 225deg, currentcolor 225deg)',\n    },\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      backgroundImage: 'conic-gradient(currentcolor 0deg, transparent 240deg)',\n    },\n  },\n\n  'extra-tiny': {\n    height: '16px',\n    width: '16px',\n    [vars.strokeWidth]: tokens.strokeWidthThick,\n  },\n\n  tiny: {\n    height: '20px',\n    width: '20px',\n    [vars.strokeWidth]: tokens.strokeWidthThick,\n  },\n\n  'extra-small': {\n    height: '24px',\n    width: '24px',\n    [vars.strokeWidth]: tokens.strokeWidthThick,\n  },\n\n  small: {\n    height: '28px',\n    width: '28px',\n    [vars.strokeWidth]: tokens.strokeWidthThick,\n  },\n\n  medium: {\n    height: '32px',\n    width: '32px',\n    [vars.strokeWidth]: tokens.strokeWidthThicker,\n  },\n\n  large: {\n    height: '36px',\n    width: '36px',\n    [vars.strokeWidth]: tokens.strokeWidthThicker,\n  },\n\n  'extra-large': {\n    height: '40px',\n    width: '40px',\n    [vars.strokeWidth]: tokens.strokeWidthThicker,\n  },\n\n  huge: {\n    height: '44px',\n    width: '44px',\n    [vars.strokeWidth]: tokens.strokeWidthThickest,\n  },\n});\n\nconst useLabelStyles = makeStyles({\n  inverted: {\n    color: tokens.colorNeutralForegroundStaticInverted,\n  },\n\n  'extra-tiny': {\n    ...typographyStyles.body1,\n  },\n\n  tiny: {\n    ...typographyStyles.body1,\n  },\n\n  'extra-small': {\n    ...typographyStyles.body1,\n  },\n\n  small: {\n    ...typographyStyles.body1,\n  },\n\n  medium: {\n    ...typographyStyles.subtitle2,\n  },\n\n  large: {\n    ...typographyStyles.subtitle2,\n  },\n\n  'extra-large': {\n    ...typographyStyles.subtitle2,\n  },\n\n  huge: {\n    ...typographyStyles.subtitle1,\n  },\n});\n\n/**\n * Apply styling to the Spinner slots based on the state\n */\nexport const useSpinnerStyles_unstable = (state: SpinnerState): SpinnerState => {\n  const { labelPosition, size, appearance } = state;\n  const { dir } = useFluent();\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const spinnerBaseClassName = useSpinnerBaseClassName();\n  const spinnerStyles = useSpinnerStyles();\n  const spinnerTailBaseClassName = useSpinnerTailBaseClassName();\n  const labelStyles = useLabelStyles();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    spinnerClassNames.root,\n    rootBaseClassName,\n    (labelPosition === 'above' || labelPosition === 'below') && rootStyles.vertical,\n    state.root.className,\n  );\n  if (state.spinner) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.spinner.className = mergeClasses(\n      spinnerClassNames.spinner,\n      spinnerBaseClassName,\n      spinnerStyles[size],\n      appearance === 'inverted' && spinnerStyles.inverted,\n      state.spinner.className,\n    );\n  }\n  if (state.spinnerTail) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.spinnerTail.className = mergeClasses(\n      spinnerClassNames.spinnerTail,\n      spinnerTailBaseClassName,\n      dir === 'rtl' && spinnerStyles.rtlTail,\n      state.spinnerTail.className,\n    );\n  }\n  if (state.label) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.label.className = mergeClasses(\n      spinnerClassNames.label,\n      labelStyles[size],\n      appearance === 'inverted' && labelStyles.inverted,\n      state.label.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["useFluent_unstable","useFluent","tokens","typographyStyles","makeResetStyles","makeStyles","mergeClasses","spinnerClassNames","root","spinner","spinnerTail","label","vars","strokeWidth","useRootBaseClassName","display","alignItems","justifyContent","lineHeight","gap","overflow","minWidth","useRootStyles","vertical","flexDirection","useSpinnerBaseClassName","position","flexShrink","maskImage","backgroundColor","colorBrandStroke2Contrast","color","colorBrandStroke1","forcedColorAdjust","animationDuration","animationIterationCount","animationTimingFunction","animationName","transform","useSpinnerTailBaseClassName","width","height","content","animation","backgroundImage","curveEasyEase","useSpinnerStyles","inverted","colorNeutralStrokeAlpha2","colorNeutralStrokeOnBrand2","rtlTail","strokeWidthThick","tiny","small","medium","strokeWidthThicker","large","huge","strokeWidthThickest","useLabelStyles","colorNeutralForegroundStaticInverted","body1","subtitle2","subtitle1","useSpinnerStyles_unstable","state","labelPosition","size","appearance","dir","rootBaseClassName","rootStyles","spinnerBaseClassName","spinnerStyles","spinnerTailBaseClassName","labelStyles","className"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Spinner/useSpinnerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SpinnerSlots, SpinnerState } from './Spinner.types';\n\nexport const spinnerClassNames: SlotClassNames<SpinnerSlots> = {\n  root: 'fui-Spinner',\n  spinner: 'fui-Spinner__spinner',\n  spinnerTail: 'fui-Spinner__spinnerTail',\n  label: 'fui-Spinner__label',\n};\n\n/**\n * CSS variables used internally by Spinner\n */\nconst vars = {\n  strokeWidth: '--fui-Spinner--strokeWidth',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  lineHeight: '0',\n  gap: '8px',\n  overflow: 'hidden', // prevents height changes from rotating children\n  minWidth: 'min-content',\n});\n\nconst useRootStyles = makeStyles({\n  vertical: {\n    flexDirection: 'column',\n  },\n});\n\nconst useSpinnerBaseClassName = makeResetStyles({\n  position: 'relative',\n  flexShrink: 0,\n\n  // Use a mask to create the ring shape of the spinner.\n  maskImage:\n    `radial-gradient(closest-side, ` +\n    `transparent calc(100% - var(${vars.strokeWidth}) - 1px), ` +\n    `white calc(100% - var(${vars.strokeWidth})) calc(100% - 1px), ` +\n    `transparent 100%)`,\n\n  backgroundColor: tokens.colorBrandStroke2Contrast,\n  color: tokens.colorBrandStroke1,\n  '@media screen and (forced-colors: active)': {\n    backgroundColor: 'HighlightText',\n    color: 'Highlight',\n    forcedColorAdjust: 'none',\n  },\n\n  animationDuration: '1.5s',\n  animationIterationCount: 'infinite',\n  animationTimingFunction: 'linear',\n  animationName: {\n    '0%': { transform: 'rotate(0deg)' },\n    '100%': { transform: 'rotate(360deg)' },\n  },\n\n  '@media screen and (prefers-reduced-motion: reduce)': {\n    animationDuration: '1.8s',\n  },\n});\n\n// The spinner tail is rendered using two 135deg arc segments, behind a 105deg arc mask.\n// The segments are rotated out from behind the mask to expand the visible arc from\n// 30deg (min) to 255deg (max), and then back behind the mask again to shrink the arc.\n// The tail and spinner itself also have 360deg rotation animations for the spin.\nconst useSpinnerTailBaseClassName = makeResetStyles({\n  position: 'absolute',\n  display: 'block',\n  width: '100%',\n  height: '100%',\n  maskImage: 'conic-gradient(transparent 105deg, white 105deg)',\n\n  '&::before, &::after': {\n    content: '\"\"',\n    position: 'absolute',\n    display: 'block',\n    width: '100%',\n    height: '100%',\n    animation: 'inherit',\n    backgroundImage: 'conic-gradient(currentcolor 135deg, transparent 135deg)',\n  },\n\n  animationDuration: '1.5s',\n  animationIterationCount: 'infinite',\n  animationTimingFunction: tokens.curveEasyEase,\n  animationName: {\n    '0%': { transform: 'rotate(-135deg)' },\n    '50%': { transform: 'rotate(0deg)' },\n    '100%': { transform: 'rotate(225deg)' },\n  },\n  '&::before': {\n    animationName: {\n      '0%': { transform: 'rotate(0deg)' },\n      '50%': { transform: 'rotate(105deg)' },\n      '100%': { transform: 'rotate(0deg)' },\n    },\n  },\n  '&::after': {\n    animationName: {\n      '0%': { transform: 'rotate(0deg)' },\n      '50%': { transform: 'rotate(225deg)' },\n      '100%': { transform: 'rotate(0deg)' },\n    },\n  },\n  '@media screen and (prefers-reduced-motion: reduce)': {\n    animationIterationCount: '0',\n    backgroundImage: 'conic-gradient(transparent 120deg, currentcolor 360deg)',\n    '&::before, &::after': {\n      content: 'none',\n    },\n  },\n});\n\nconst useSpinnerStyles = makeStyles({\n  inverted: {\n    backgroundColor: tokens.colorNeutralStrokeAlpha2,\n    color: tokens.colorNeutralStrokeOnBrand2,\n  },\n\n  rtlTail: {\n    maskImage: 'conic-gradient(white 255deg, transparent 255deg)',\n    '&::before, &::after': {\n      backgroundImage: 'conic-gradient(transparent 225deg, currentcolor 225deg)',\n    },\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      backgroundImage: 'conic-gradient(currentcolor 0deg, transparent 240deg)',\n    },\n  },\n\n  'extra-tiny': {\n    height: '16px',\n    width: '16px',\n    [vars.strokeWidth]: tokens.strokeWidthThick,\n  },\n\n  tiny: {\n    height: '20px',\n    width: '20px',\n    [vars.strokeWidth]: tokens.strokeWidthThick,\n  },\n\n  'extra-small': {\n    height: '24px',\n    width: '24px',\n    [vars.strokeWidth]: tokens.strokeWidthThick,\n  },\n\n  small: {\n    height: '28px',\n    width: '28px',\n    [vars.strokeWidth]: tokens.strokeWidthThick,\n  },\n\n  medium: {\n    height: '32px',\n    width: '32px',\n    [vars.strokeWidth]: tokens.strokeWidthThicker,\n  },\n\n  large: {\n    height: '36px',\n    width: '36px',\n    [vars.strokeWidth]: tokens.strokeWidthThicker,\n  },\n\n  'extra-large': {\n    height: '40px',\n    width: '40px',\n    [vars.strokeWidth]: tokens.strokeWidthThicker,\n  },\n\n  huge: {\n    height: '44px',\n    width: '44px',\n    [vars.strokeWidth]: tokens.strokeWidthThickest,\n  },\n});\n\nconst useLabelStyles = makeStyles({\n  inverted: {\n    color: tokens.colorNeutralForegroundStaticInverted,\n  },\n\n  'extra-tiny': {\n    ...typographyStyles.body1,\n  },\n\n  tiny: {\n    ...typographyStyles.body1,\n  },\n\n  'extra-small': {\n    ...typographyStyles.body1,\n  },\n\n  small: {\n    ...typographyStyles.body1,\n  },\n\n  medium: {\n    ...typographyStyles.subtitle2,\n  },\n\n  large: {\n    ...typographyStyles.subtitle2,\n  },\n\n  'extra-large': {\n    ...typographyStyles.subtitle2,\n  },\n\n  huge: {\n    ...typographyStyles.subtitle1,\n  },\n});\n\n/**\n * Apply styling to the Spinner slots based on the state\n */\nexport const useSpinnerStyles_unstable = (state: SpinnerState): SpinnerState => {\n  const { labelPosition, size, appearance } = state;\n  const { dir } = useFluent();\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const spinnerBaseClassName = useSpinnerBaseClassName();\n  const spinnerStyles = useSpinnerStyles();\n  const spinnerTailBaseClassName = useSpinnerTailBaseClassName();\n  const labelStyles = useLabelStyles();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    spinnerClassNames.root,\n    rootBaseClassName,\n    (labelPosition === 'above' || labelPosition === 'below') && rootStyles.vertical,\n    state.root.className,\n  );\n  if (state.spinner) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.spinner.className = mergeClasses(\n      spinnerClassNames.spinner,\n      spinnerBaseClassName,\n      spinnerStyles[size],\n      appearance === 'inverted' && spinnerStyles.inverted,\n      state.spinner.className,\n    );\n  }\n  if (state.spinnerTail) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.spinnerTail.className = mergeClasses(\n      spinnerClassNames.spinnerTail,\n      spinnerTailBaseClassName,\n      dir === 'rtl' && spinnerStyles.rtlTail,\n      state.spinnerTail.className,\n    );\n  }\n  if (state.label) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.label.className = mergeClasses(\n      spinnerClassNames.label,\n      labelStyles[size],\n      appearance === 'inverted' && labelStyles.inverted,\n      state.label.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["useFluent_unstable","useFluent","tokens","typographyStyles","makeResetStyles","makeStyles","mergeClasses","spinnerClassNames","root","spinner","spinnerTail","label","vars","strokeWidth","useRootBaseClassName","display","alignItems","justifyContent","lineHeight","gap","overflow","minWidth","useRootStyles","vertical","flexDirection","useSpinnerBaseClassName","position","flexShrink","maskImage","backgroundColor","colorBrandStroke2Contrast","color","colorBrandStroke1","forcedColorAdjust","animationDuration","animationIterationCount","animationTimingFunction","animationName","transform","useSpinnerTailBaseClassName","width","height","content","animation","backgroundImage","curveEasyEase","useSpinnerStyles","inverted","colorNeutralStrokeAlpha2","colorNeutralStrokeOnBrand2","rtlTail","strokeWidthThick","tiny","small","medium","strokeWidthThicker","large","huge","strokeWidthThickest","useLabelStyles","colorNeutralForegroundStaticInverted","body1","subtitle2","subtitle1","useSpinnerStyles_unstable","state","labelPosition","size","appearance","dir","rootBaseClassName","rootStyles","spinnerBaseClassName","spinnerStyles","spinnerTailBaseClassName","labelStyles","className"],"mappings":"AAAA;;;;;;;;;;;;QAQaO;;;QA4NAyD;;;;qCAlOmC,kCAAkC;4BACzC,wBAAwB;uBAEP,iBAAiB;AAGpE,0BAAwD;IAC7DxD,MAAM;IACNC,SAAS;IACTC,aAAa;IACbC,OAAO;AACT,EAAE;AAEF;;CAEC,GACD,MAAMC,OAAO;IACXC,aAAa;AACf;AAEA,MAAMC,2BAAuBV,sBAAAA,EAAgB;IAC3CW,SAAS;IACTC,YAAY;IACZC,gBAAgB;IAChBC,YAAY;IACZC,KAAK;IACLC,UAAU;IACVC,UAAU;AACZ;AAEA,MAAMC,oBAAgBjB,iBAAAA,EAAW;IAC/BkB,UAAU;QACRC,eAAe;IACjB;AACF;AAEA,MAAMC,8BAA0BrB,sBAAAA,EAAgB;IAC9CsB,UAAU;IACVC,YAAY;IAEZ,sDAAsD;IACtDC,WACE,CAAC,8BAA8B,CAAC,GAChC,CAAC,4BAA4B,EAAEhB,KAAKC,WAAW,CAAC,UAAU,CAAC,GAC3D,CAAC,sBAAsB,EAAED,KAAKC,WAAW,CAAC,qBAAqB,CAAC,GAChE,CAAC,iBAAiB,CAAC;IAErBgB,iBAAiB3B,kBAAAA,CAAO4B,yBAAyB;IACjDC,OAAO7B,kBAAAA,CAAO8B,iBAAiB;IAC/B,6CAA6C;QAC3CH,iBAAiB;QACjBE,OAAO;QACPE,mBAAmB;IACrB;IAEAC,mBAAmB;IACnBC,yBAAyB;IACzBC,yBAAyB;IACzBC,eAAe;QACb,MAAM;YAAEC,WAAW;QAAe;QAClC,QAAQ;YAAEA,WAAW;QAAiB;IACxC;IAEA,sDAAsD;QACpDJ,mBAAmB;IACrB;AACF;AAEA,wFAAwF;AACxF,mFAAmF;AACnF,sFAAsF;AACtF,iFAAiF;AACjF,MAAMK,kCAA8BnC,sBAAAA,EAAgB;IAClDsB,UAAU;IACVX,SAAS;IACTyB,OAAO;IACPC,QAAQ;IACRb,WAAW;IAEX,uBAAuB;QACrBc,SAAS;QACThB,UAAU;QACVX,SAAS;QACTyB,OAAO;QACPC,QAAQ;QACRE,WAAW;QACXC,iBAAiB;IACnB;IAEAV,mBAAmB;IACnBC,yBAAyB;IACzBC,yBAAyBlC,kBAAAA,CAAO2C,aAAa;IAC7CR,eAAe;QACb,MAAM;YAAEC,WAAW;QAAkB;QACrC,OAAO;YAAEA,WAAW;QAAe;QACnC,QAAQ;YAAEA,WAAW;QAAiB;IACxC;IACA,aAAa;QACXD,eAAe;YACb,MAAM;gBAAEC,WAAW;YAAe;YAClC,OAAO;gBAAEA,WAAW;YAAiB;YACrC,QAAQ;gBAAEA,WAAW;YAAe;QACtC;IACF;IACA,YAAY;QACVD,eAAe;YACb,MAAM;gBAAEC,WAAW;YAAe;YAClC,OAAO;gBAAEA,WAAW;YAAiB;YACrC,QAAQ;gBAAEA,WAAW;YAAe;QACtC;IACF;IACA,sDAAsD;QACpDH,yBAAyB;QACzBS,iBAAiB;QACjB,uBAAuB;YACrBF,SAAS;QACX;IACF;AACF;AAEA,MAAMI,uBAAmBzC,iBAAAA,EAAW;IAClC0C,UAAU;QACRlB,iBAAiB3B,kBAAAA,CAAO8C,wBAAwB;QAChDjB,OAAO7B,kBAAAA,CAAO+C,0BAA0B;IAC1C;IAEAC,SAAS;QACPtB,WAAW;QACX,uBAAuB;YACrBgB,iBAAiB;QACnB;QACA,sDAAsD;YACpDA,iBAAiB;QACnB;IACF;IAEA,cAAc;QACZH,QAAQ;QACRD,OAAO;QACP,CAAC5B,KAAKC,WAAW,CAAC,EAAEX,kBAAAA,CAAOiD,gBAAgB;IAC7C;IAEAC,MAAM;QACJX,QAAQ;QACRD,OAAO;QACP,CAAC5B,KAAKC,WAAW,CAAC,EAAEX,kBAAAA,CAAOiD,gBAAgB;IAC7C;IAEA,eAAe;QACbV,QAAQ;QACRD,OAAO;QACP,CAAC5B,KAAKC,WAAW,CAAC,EAAEX,kBAAAA,CAAOiD,gBAAgB;IAC7C;IAEAE,OAAO;QACLZ,QAAQ;QACRD,OAAO;QACP,CAAC5B,KAAKC,WAAW,CAAC,EAAEX,kBAAAA,CAAOiD,gBAAgB;IAC7C;IAEAG,QAAQ;QACNb,QAAQ;QACRD,OAAO;QACP,CAAC5B,KAAKC,WAAW,CAAC,EAAEX,kBAAAA,CAAOqD,kBAAkB;IAC/C;IAEAC,OAAO;QACLf,QAAQ;QACRD,OAAO;QACP,CAAC5B,KAAKC,WAAW,CAAC,EAAEX,kBAAAA,CAAOqD,kBAAkB;IAC/C;IAEA,eAAe;QACbd,QAAQ;QACRD,OAAO;QACP,CAAC5B,KAAKC,WAAW,CAAC,EAAEX,kBAAAA,CAAOqD,kBAAkB;IAC/C;IAEAE,MAAM;QACJhB,QAAQ;QACRD,OAAO;QACP,CAAC5B,KAAKC,WAAW,CAAC,EAAEX,kBAAAA,CAAOwD,mBAAmB;IAChD;AACF;AAEA,MAAMC,qBAAiBtD,iBAAAA,EAAW;IAChC0C,UAAU;QACRhB,OAAO7B,kBAAAA,CAAO0D,oCAAoC;IACpD;IAEA,cAAc;QACZ,GAAGzD,4BAAAA,CAAiB0D,KAAK;IAC3B;IAEAT,MAAM;QACJ,GAAGjD,4BAAAA,CAAiB0D,KAAK;IAC3B;IAEA,eAAe;QACb,GAAG1D,4BAAAA,CAAiB0D,KAAK;IAC3B;IAEAR,OAAO;QACL,GAAGlD,4BAAAA,CAAiB0D,KAAK;IAC3B;IAEAP,QAAQ;QACN,GAAGnD,4BAAAA,CAAiB2D,SAAS;IAC/B;IAEAN,OAAO;QACL,GAAGrD,4BAAAA,CAAiB2D,SAAS;IAC/B;IAEA,eAAe;QACb,GAAG3D,4BAAAA,CAAiB2D,SAAS;IAC/B;IAEAL,MAAM;QACJ,GAAGtD,4BAAAA,CAAiB4D,SAAS;IAC/B;AACF;AAKO,kCAAkC,CAACE;IACxC,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAEC,UAAU,EAAE,GAAGH;IAC5C,MAAM,EAAEI,GAAG,EAAE,OAAGpE,uCAAAA;IAEhB,MAAMqE,oBAAoBxD;IAC1B,MAAMyD,aAAajD;IACnB,MAAMkD,uBAAuB/C;IAC7B,MAAMgD,gBAAgB3B;IACtB,MAAM4B,2BAA2BnC;IACjC,MAAMoC,cAAchB;IAEpB,oDAAoD;IACpDM,MAAMzD,IAAI,CAACoE,SAAS,OAAGtE,mBAAAA,EACrBC,kBAAkBC,IAAI,EACtB8D,mBACCJ,CAAAA,kBAAkB,WAAWA,kBAAkB,OAAA,CAAM,IAAMK,WAAWhD,QAAQ,EAC/E0C,MAAMzD,IAAI,CAACoE,SAAS;IAEtB,IAAIX,MAAMxD,OAAO,EAAE;QACjB,oDAAoD;QACpDwD,MAAMxD,OAAO,CAACmE,SAAS,OAAGtE,mBAAAA,EACxBC,kBAAkBE,OAAO,EACzB+D,sBACAC,aAAa,CAACN,KAAK,EACnBC,eAAe,cAAcK,cAAc1B,QAAQ,EACnDkB,MAAMxD,OAAO,CAACmE,SAAS;IAE3B;IACA,IAAIX,MAAMvD,WAAW,EAAE;QACrB,oDAAoD;QACpDuD,MAAMvD,WAAW,CAACkE,SAAS,OAAGtE,mBAAAA,EAC5BC,kBAAkBG,WAAW,EAC7BgE,0BACAL,QAAQ,SAASI,cAAcvB,OAAO,EACtCe,MAAMvD,WAAW,CAACkE,SAAS;IAE/B;IACA,IAAIX,MAAMtD,KAAK,EAAE;QACf,oDAAoD;QACpDsD,MAAMtD,KAAK,CAACiE,SAAS,OAAGtE,mBAAAA,EACtBC,kBAAkBI,KAAK,EACvBgE,WAAW,CAACR,KAAK,EACjBC,eAAe,cAAcO,YAAY5B,QAAQ,EACjDkB,MAAMtD,KAAK,CAACiE,SAAS;IAEzB;IAEA,OAAOX;AACT,EAAE"}

package/lib-commonjs/components/Spinner/useSpinnerStyles.styles.raw.css.cjs

@@ -0,0 +1,47 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get spinnerClassNames () {
+        return spinnerClassNames;
+    },
+    get useSpinnerStyles_unstable () {
+        return useSpinnerStyles_unstable;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _clsx = require("clsx");
+const _Spinnermodulecss = /*#__PURE__*/ _interop_require_default._(require("./Spinner.module.css"));
+const spinnerClassNames = {
+    root: 'fui-Spinner',
+    spinner: 'fui-Spinner__spinner',
+    spinnerTail: 'fui-Spinner__spinnerTail',
+    label: 'fui-Spinner__label'
+};
+const useSpinnerStyles_unstable = (state)=>{
+    const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
+    // eslint-disable-next-line react-hooks/immutability
+    state.root.className = (0, _clsx.clsx)(spinnerClassNames.root, _Spinnermodulecss.default.root, _Spinnermodulecss.default[state.labelPosition], _Spinnermodulecss.default[state.size], _Spinnermodulecss.default[state.appearance], state.root.className);
+    if (state.spinner) {
+        // eslint-disable-next-line react-hooks/immutability
+        state.spinner.className = (0, _clsx.clsx)(spinnerClassNames.spinner, _Spinnermodulecss.default.spinner, state.spinner.className);
+    }
+    if (state.spinnerTail) {
+        // eslint-disable-next-line react-hooks/immutability
+        state.spinnerTail.className = (0, _clsx.clsx)(spinnerClassNames.spinnerTail, _Spinnermodulecss.default.spinnerTail, dir === 'rtl' && _Spinnermodulecss.default.rtlTail, state.spinnerTail.className);
+    }
+    if (state.label) {
+        // eslint-disable-next-line react-hooks/immutability
+        state.label.className = (0, _clsx.clsx)(spinnerClassNames.label, _Spinnermodulecss.default.label, state.label.className);
+    }
+    return state;
+};

package/lib-commonjs/components/Spinner/useSpinnerStyles.styles.raw.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Spinner/useSpinnerStyles.styles.css.ts"],"sourcesContent":["'use client';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SpinnerState, SpinnerSlots } from './Spinner.types';\nimport styles from './Spinner.module.css';\n\nexport const spinnerClassNames: SlotClassNames<SpinnerSlots> = {\n  root: 'fui-Spinner',\n  spinner: 'fui-Spinner__spinner',\n  spinnerTail: 'fui-Spinner__spinnerTail',\n  label: 'fui-Spinner__label',\n};\n\nexport const useSpinnerStyles_unstable = (state: SpinnerState): SpinnerState => {\n  const { dir } = useFluent();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = clsx(\n    spinnerClassNames.root,\n    styles.root,\n    styles[state.labelPosition],\n    styles[state.size],\n    styles[state.appearance],\n    state.root.className,\n  );\n  if (state.spinner) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.spinner.className = clsx(spinnerClassNames.spinner, styles.spinner, state.spinner.className);\n  }\n  if (state.spinnerTail) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.spinnerTail.className = clsx(\n      spinnerClassNames.spinnerTail,\n      styles.spinnerTail,\n      dir === 'rtl' && styles.rtlTail,\n      state.spinnerTail.className,\n    );\n  }\n  if (state.label) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.label.className = clsx(spinnerClassNames.label, styles.label, state.label.className);\n  }\n  return state;\n};\n"],"names":["useFluent_unstable","useFluent","clsx","styles","spinnerClassNames","root","spinner","spinnerTail","label","useSpinnerStyles_unstable","state","dir","className","labelPosition","size","appearance","rtlTail"],"mappings":"AAAA;;;;;;;;;;;;QAOaI;;;;;;;;qCANmC,kCAAkC;sBAC7D,OAAO;2EAGT,uBAAuB;AAEnC,0BAAwD;IAC7DC,MAAM;IACNC,SAAS;IACTC,aAAa;IACbC,OAAO;AACT,EAAE;AAEK,MAAMC,4BAA4B,CAACC;IACxC,MAAM,EAAEC,GAAG,EAAE,OAAGV,uCAAAA;IAChB,oDAAoD;IACpDS,MAAML,IAAI,CAACO,SAAS,OAAGV,UAAAA,EACrBE,kBAAkBC,IAAI,EACtBF,yBAAAA,CAAOE,IAAI,EACXF,yBAAM,CAACO,MAAMG,aAAa,CAAC,EAC3BV,yBAAM,CAACO,MAAMI,IAAI,CAAC,EAClBX,yBAAM,CAACO,MAAMK,UAAU,CAAC,EACxBL,MAAML,IAAI,CAACO,SAAS;IAEtB,IAAIF,MAAMJ,OAAO,EAAE;QACjB,oDAAoD;QACpDI,MAAMJ,OAAO,CAACM,SAAS,OAAGV,UAAAA,EAAKE,kBAAkBE,OAAO,EAAEH,yBAAAA,CAAOG,OAAO,EAAEI,MAAMJ,OAAO,CAACM,SAAS;IACnG;IACA,IAAIF,MAAMH,WAAW,EAAE;QACrB,oDAAoD;QACpDG,MAAMH,WAAW,CAACK,SAAS,OAAGV,UAAAA,EAC5BE,kBAAkBG,WAAW,EAC7BJ,yBAAAA,CAAOI,WAAW,EAClBI,QAAQ,SAASR,yBAAAA,CAAOa,OAAO,EAC/BN,MAAMH,WAAW,CAACK,SAAS;IAE/B;IACA,IAAIF,MAAMF,KAAK,EAAE;QACf,oDAAoD;QACpDE,MAAMF,KAAK,CAACI,SAAS,OAAGV,UAAAA,EAAKE,kBAAkBI,KAAK,EAAEL,yBAAAA,CAAOK,KAAK,EAAEE,MAAMF,KAAK,CAACI,SAAS;IAC3F;IACA,OAAOF;AACT,EAAE"}

package/lib-commonjs/contexts/SpinnerContext.cjs

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    SpinnerContextProvider: function() {
+    get SpinnerContextProvider () {
         return SpinnerContextProvider;
     },
-    useSpinnerContext: function() {
+    get useSpinnerContext () {
         return useSpinnerContext;
     }
 });

package/lib-commonjs/contexts/SpinnerContext.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/SpinnerContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SpinnerProps } from '../components/Spinner/Spinner.types';\n\nconst SpinnerContext = React.createContext<SpinnerContextValue | undefined>(undefined);\n\n/**\n * @internal\n */\nexport type SpinnerContextValue = Pick<SpinnerProps, 'size'>;\n\nconst SpinnerContextDefaultValue: SpinnerContextValue = {};\n\n/**\n * @internal\n */\nexport const SpinnerContextProvider = SpinnerContext.Provider;\n\n/**\n * @internal\n */\nexport const useSpinnerContext = (): SpinnerContextValue =>\n  React.useContext(SpinnerContext) ?? SpinnerContextDefaultValue;\n"],"names":["React","SpinnerContext","createContext","undefined","SpinnerContextDefaultValue","SpinnerContextProvider","Provider","useSpinnerContext","useContext"],"mappings":"AAAA;;;;;;;;;;;;0BAiBaK;;;qBAKAE;;;;;iEApBU,QAAQ;AAG/B,MAAMN,+BAAiBD,OAAME,aAAa,CAAkCC;AAO5E,MAAMC,6BAAkD,CAAC;AAKlD,MAAMC,yBAAyBJ,eAAeK,QAAQ,CAAC;AAKvD,MAAMC,oBAAoB;QAC/BP;WAAAA,CAAAA,oBAAAA,OAAMQ,UAAU,CAACP,eAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAoCI;EAA2B"}
+{"version":3,"sources":["../../src/contexts/SpinnerContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SpinnerProps } from '../components/Spinner/Spinner.types';\n\nconst SpinnerContext = React.createContext<SpinnerContextValue | undefined>(undefined);\n\n/**\n * @internal\n */\nexport type SpinnerContextValue = Pick<SpinnerProps, 'size'>;\n\nconst SpinnerContextDefaultValue: SpinnerContextValue = {};\n\n/**\n * @internal\n */\nexport const SpinnerContextProvider = SpinnerContext.Provider;\n\n/**\n * @internal\n */\nexport const useSpinnerContext = (): SpinnerContextValue =>\n  React.useContext(SpinnerContext) ?? SpinnerContextDefaultValue;\n"],"names":["React","SpinnerContext","createContext","undefined","SpinnerContextDefaultValue","SpinnerContextProvider","Provider","useSpinnerContext","useContext"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;iEAEuB,QAAQ;AAG/B,MAAMC,+BAAiBD,OAAME,aAAa,CAAkCC;AAO5E,MAAMC,6BAAkD,CAAC;AAKlD,MAAMC,yBAAyBJ,eAAeK,QAAQ,CAAC;AAKvD,MAAMC,oBAAoB;QAC/BP;YAAAA,oBAAAA,OAAMQ,UAAU,CAACP,eAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAoCI;EAA2B"}

package/lib-commonjs/contexts/index.cjs

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    SpinnerContextProvider: function() {
+    get SpinnerContextProvider () {
         return _SpinnerContext.SpinnerContextProvider;
     },
-    useSpinnerContext: function() {
+    get useSpinnerContext () {
         return _SpinnerContext.useSpinnerContext;
     }
 });

package/lib-commonjs/contexts/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { SpinnerContextValue } from './SpinnerContext';\nexport { SpinnerContextProvider, useSpinnerContext } from './SpinnerContext';\n"],"names":["SpinnerContextProvider","useSpinnerContext"],"mappings":";;;;;;;;;;;;eACSA,sCAAsB;;;eAAEC,iCAAiB;;;gCAAQ,sBAAmB"}
+{"version":3,"sources":["../../src/contexts/index.ts"],"sourcesContent":["export type { SpinnerContextValue } from './SpinnerContext';\nexport { SpinnerContextProvider, useSpinnerContext } from './SpinnerContext';\n"],"names":["SpinnerContextProvider","useSpinnerContext"],"mappings":";;;;;;;;;;;;eACSA,sCAAsB;;;eAAEC,iCAAiB;;;gCAAQ,sBAAmB"}

package/lib-commonjs/index.cjs

@@ -5,32 +5,32 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    Spinner: function() {
+    get Spinner () {
         return _Spinner.Spinner;
     },
-    SpinnerContextProvider: function() {
+    get SpinnerContextProvider () {
         return _index.SpinnerContextProvider;
     },
-    renderSpinner_unstable: function() {
+    get renderSpinner_unstable () {
         return _Spinner.renderSpinner_unstable;
     },
-    spinnerClassNames: function() {
+    get spinnerClassNames () {
         return _Spinner.spinnerClassNames;
     },
-    useSpinnerBase_unstable: function() {
+    get useSpinnerBase_unstable () {
         return _Spinner.useSpinnerBase_unstable;
     },
-    useSpinnerContext: function() {
+    get useSpinnerContext () {
         return _index.useSpinnerContext;
     },
-    useSpinnerStyles_unstable: function() {
+    get useSpinnerStyles_unstable () {
         return _Spinner.useSpinnerStyles_unstable;
     },
-    useSpinner_unstable: function() {
+    get useSpinner_unstable () {
         return _Spinner.useSpinner_unstable;
     }
 });

package/lib-commonjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Spinner,\n  spinnerClassNames,\n  renderSpinner_unstable,\n  useSpinner_unstable,\n  useSpinnerStyles_unstable,\n  useSpinnerBase_unstable,\n} from './Spinner';\nexport type { SpinnerProps, SpinnerSlots, SpinnerState, SpinnerBaseProps, SpinnerBaseState } from './Spinner';\nexport { SpinnerContextProvider, useSpinnerContext } from './contexts/index';\nexport type { SpinnerContextValue } from './contexts/index';\n"],"names":["Spinner","spinnerClassNames","renderSpinner_unstable","useSpinner_unstable","useSpinnerStyles_unstable","useSpinnerBase_unstable","SpinnerContextProvider","useSpinnerContext"],"mappings":";;;;;;;;;;;IACEA;+BAAO;;IAQAM;4CAAsB;;;eAN7BJ,+BAAsB;;;eADtBD,0BAAiB;;;eAIjBI,gCAAuB;;;eAGQE,wBAAiB;;;eAJhDH,kCAAyB;;;eADzBD,4BAAmB;;;yBAGd,eAAY;uBAEuC,sBAAmB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Spinner,\n  spinnerClassNames,\n  renderSpinner_unstable,\n  useSpinner_unstable,\n  useSpinnerStyles_unstable,\n  useSpinnerBase_unstable,\n} from './Spinner';\nexport type { SpinnerProps, SpinnerSlots, SpinnerState, SpinnerBaseProps, SpinnerBaseState } from './Spinner';\nexport { SpinnerContextProvider, useSpinnerContext } from './contexts/index';\nexport type { SpinnerContextValue } from './contexts/index';\n"],"names":["Spinner","spinnerClassNames","renderSpinner_unstable","useSpinner_unstable","useSpinnerStyles_unstable","useSpinnerBase_unstable","SpinnerContextProvider","useSpinnerContext"],"mappings":";;;;;;;;;;;;eACEA,gBAAO;;;eAQAM,6BAAsB;;;eAN7BJ,+BAAsB;;;eADtBD,0BAAiB;;;eAIjBI,gCAAuB;;;eAGQE,wBAAiB;;;eAJhDH,kCAAyB;;;eADzBD,4BAAmB;;;yBAGd,eAAY;uBAEuC,sBAAmB"}

package/package.json

@@ -1,24 +1,27 @@
 {
   "name": "@fluentui/react-spinner",
-  "version": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+  "version": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
   "description": "Spinner component for Fluent UI React",
   "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",
   "typings": "./dist/index.d.ts",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui"
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-label": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-shared-contexts": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-theme": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-utilities": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+    "@fluentui/react-jsx-runtime": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-label": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-shared-contexts": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-theme": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-utilities": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
     "@griffel/react": "^1.5.32",
-    "@swc/helpers": "^0.5.1"
+    "@swc/helpers": "^0.5.1",
+    "clsx": "^2.1.1"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0 <20.0.0",
@@ -41,7 +44,6 @@
         "default": "./lib-commonjs/index.cjs"
       }
     },
-    "./metadata.json": "./dist/metadata/index.json",
     "./package.json": "./package.json"
   },
   "files": [
@@ -49,9 +51,7 @@
     "dist/*.d.ts",
     "dist/*.d.cts",
     "lib",
-    "lib-commonjs",
-    "dist/metadata"
+    "lib-commonjs"
   ],
-  "type": "module",
-  "fluentuiCatalog": "./metadata.json"
+  "type": "module"
 }