npm - @fluentui/react-radio - Versions diffs - 9.1.15 → 9.1.17 - Mend

@fluentui/react-radio 9.1.15 → 9.1.17

Files changed (74) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,97 @@
   "name": "@fluentui/react-radio",
   "entries": [
     {
-      "date": "Wed, 24 May 2023 20:42:44 GMT",
+      "date": "Wed, 31 May 2023 06:43:01 GMT",
+      "tag": "@fluentui/react-radio_v9.1.17",
+      "version": "9.1.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-radio",
+            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
+            "comment": "chore: Update Griffel to v1.5.7."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-field to v9.1.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-label to v9.1.15",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-tabster to v9.7.5",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-utilities to v9.9.2",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 May 2023 10:00:48 GMT",
+      "tag": "@fluentui/react-radio_v9.1.16",
+      "version": "9.1.16",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-field to v9.1.5",
+            "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.5",
+            "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-label to v9.1.14",
+            "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-tabster to v9.7.4",
+            "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-utilities to v9.9.1",
+            "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 24 May 2023 20:45:32 GMT",
       "tag": "@fluentui/react-radio_v9.1.15",
       "version": "9.1.15",
       "comments": {

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,40 @@
 # Change Log - @fluentui/react-radio
-This log was last generated on Wed, 24 May 2023 20:42:44 GMT and should not be manually modified.
+This log was last generated on Wed, 31 May 2023 06:43:01 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.17)
+Wed, 31 May 2023 06:43:01 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.1.16..@fluentui/react-radio_v9.1.17)
+### Patches
+- chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-field to v9.1.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-label to v9.1.15 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-tabster to v9.7.5 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.16)
+Thu, 25 May 2023 10:00:48 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.1.15..@fluentui/react-radio_v9.1.16)
+### Patches
+- Bump @fluentui/react-field to v9.1.5 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.5 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
+- Bump @fluentui/react-label to v9.1.14 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
+- Bump @fluentui/react-tabster to v9.7.4 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
+- Bump @fluentui/react-utilities to v9.9.1 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
 ## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.15)
-Wed, 24 May 2023 20:42:44 GMT
+Wed, 24 May 2023 20:45:32 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.1.14..@fluentui/react-radio_v9.1.15)
 ### Patches

package/lib/Radio.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export * from './components/Radio/index';
2	- //# sourceMappingURL=Radio.js.map

package/lib/Radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~names":[],"~~sources":["~~../src/~~Radio.ts"],"sourcesContent":["export * from './components/Radio/index';\n"],"mappings":"AAAA,cAAc"}
1	+ {"version":3,"sources":["Radio.ts"],"sourcesContent":["export * from './components/Radio/index';\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B"}

package/lib/RadioGroup.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export * from './components/RadioGroup/index';
2	- //# sourceMappingURL=RadioGroup.js.map

package/lib/RadioGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~names":[],"~~sources":["~~../src/~~RadioGroup.ts"],"sourcesContent":["export * from './components/RadioGroup/index';\n"],"mappings":"AAAA,cAAc"}
1	+ {"version":3,"sources":["RadioGroup.ts"],"sourcesContent":["export * from './components/RadioGroup/index';\n"],"names":[],"mappings":"AAAA,cAAc,gCAAgC"}

package/lib/components/Radio/Radio.js CHANGED Viewed

@@ -5,12 +5,10 @@ import { useRadioStyles_unstable } from './useRadioStyles.styles';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * Radio component is a wrapper for a radio button with a label.
- */
-export const Radio = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useRadio_unstable(props, ref);
-  useRadioStyles_unstable(state);
-  useCustomStyleHook_unstable('useRadioStyles_unstable')(state);
-  return renderRadio_unstable(state);
+ */ export const Radio = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useRadio_unstable(props, ref);
+    useRadioStyles_unstable(state);
+    useCustomStyleHook_unstable('useRadioStyles_unstable')(state);
+    return renderRadio_unstable(state);
 });
 Radio.displayName = 'Radio';
-//# sourceMappingURL=Radio.js.map

package/lib/components/Radio/Radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~names":["React","renderRadio_unstable","useRadio_unstable","useRadioStyles_unstable","useCustomStyleHook_unstable","Radio","forwardRef","props","ref","state","displayName"],"~~sources":["~~../../../src/components/~~Radio~~/Radio~~.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { RadioProps } from './Radio.types';\nimport { renderRadio_unstable } from './renderRadio';\nimport { useRadio_unstable } from './useRadio';\nimport { useRadioStyles_unstable } from './useRadioStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n Radio component is a wrapper for a radio button with a label.\n */\nexport const Radio: ForwardRefComponent<RadioProps> = React.forwardRef((props, ref) => {\n const state = useRadio_unstable(props, ref);\n\n useRadioStyles_unstable(state);\n\n useCustomStyleHook_unstable('useRadioStyles_unstable')(state);\n\n return renderRadio_unstable(state);\n});\n\nRadio.displayName = 'Radio';\n"],"mappings":"AAAA,YAAYA,~~KAAA~~,~~MAAW~~;~~AAGvB~~,SAASC,oBAAoB,QAAQ;~~AACrC~~,SAASC,iBAAiB,QAAQ;~~AAClC~~,SAASC,uBAAuB,QAAQ;~~AACxC~~,SAASC,2BAA2B,QAAQ;~~AAE5C;;;AAGA~~,OAAO,MAAMC,~~KAAA~~,~~gBAAyCL~~,~~KAAA,CAAMM,~~UAAU,CAAC,CAACC,~~KAAA~~,~~EAAOC,GAAA,KAAQ~~;~~EACrF~~,MAAMC,~~KAAA~~,~~GAAQP~~,~~iBAAA,CAAkBK,KAAA,EAAOC,GAAA~~;~~EAEvCL~~,~~uBAAA,CAAwBM,KAAA~~;~~EAExBL~~,~~2BAAA~~,~~CAA4B,~~2BAA2BK~~,KAAA~~;~~EAEvD~~,OAAOR,~~oBAAA,CAAqBQ,KAAA~~;AAC9B;~~AAEAJ~~,~~KAAA~~,~~CAAMK,~~WAAW,GAAG"}
1	+ {"version":3,"sources":["Radio.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { RadioProps } from './Radio.types';\nimport { renderRadio_unstable } from './renderRadio';\nimport { useRadio_unstable } from './useRadio';\nimport { useRadioStyles_unstable } from './useRadioStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n Radio component is a wrapper for a radio button with a label.\n */\nexport const Radio: ForwardRefComponent<RadioProps> = React.forwardRef((props, ref) => {\n const state = useRadio_unstable(props, ref);\n\n useRadioStyles_unstable(state);\n\n useCustomStyleHook_unstable('useRadioStyles_unstable')(state);\n\n return renderRadio_unstable(state);\n});\n\nRadio.displayName = 'Radio';\n"],"names":["React","renderRadio_unstable","useRadio_unstable","useRadioStyles_unstable","useCustomStyleHook_unstable","Radio","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,uBAAuB,QAAQ,0BAA0B;AAClE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,sBAAyCL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrF,MAAMC,QAAQP,kBAAkBK,OAAOC;IAEvCL,wBAAwBM;IAExBL,4BAA4B,2BAA2BK;IAEvD,OAAOR,qBAAqBQ;AAC9B,GAAG;AAEHJ,MAAMK,WAAW,GAAG"}

package/lib/components/Radio/Radio.types.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	import * as React from 'react';
2	- //# sourceMappingURL=Radio.types.js.map

package/lib/components/Radio/Radio.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~names":["React"],"~~sources":["~~../../../src/components/~~Radio~~/Radio~~.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type RadioSlots = {\n /*\n The root element of the Radio.\n \n The root slot receives the `className` and `style` specified directly on the `<Radio>`.\n * All other native props will be applied to the primary slot: `input`\n /\n root: NonNullable<Slot<'span'>>;\n\n /\n The Radio's label.\n /\n label: Slot<typeof Label>;\n\n /\n Hidden input that handles the radio's functionality.\n \n This is the PRIMARY slot: all native properties specified directly on `<Radio>` will be applied to this slot,\n * except `className` and `style`, which remain on the root slot.\n /\n input: NonNullable<Slot<'input'>>;\n\n /\n A circle outline, with a filled circle icon inside when the Radio is checked.\n /\n indicator: NonNullable<Slot<'div'>>;\n};\n\n/\n Radio Props\n /\nexport type RadioProps = Omit<ComponentProps<Partial<RadioSlots>, 'input'>, 'onChange' \| 'size'> & {\n /\n The value of the RadioGroup when this Radio item is selected.\n /\n value?: string;\n\n /\n The position of the label relative to the radio indicator.\n \n This defaults to `after` unless the Radio is inside a RadioGroup with `layout=\"horizontalStacked\"`,\n * in which case it defaults to `below`.\n \n @defaultvalue after\n /\n labelPosition?: 'after' \| 'below';\n\n /\n Disable this Radio item.\n /\n disabled?: boolean;\n\n /\n Callback when this Radio is selected in its group.\n \n Note: `onChange` is NOT called when this Radio is deselected.\n * Use RadioGroup's `onChange` event to determine when the selection in the group changes.\n /\n onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: RadioOnChangeData) => void;\n};\n\n/\n Data for the onChange event for Radio.\n /\nexport type RadioOnChangeData = {\n /\n The value prop of this Radio item.\n /\n value: string;\n};\n\n/\n State used in rendering Radio\n */\nexport type RadioState = ComponentState<RadioSlots> & Required<Pick<RadioProps, 'labelPosition'>>;\n"],"mappings":"AAAA,YAAYA,~~KAAA~~,~~MAAW~~"}
1	+ {"version":3,"sources":["Radio.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type RadioSlots = {\n /*\n The root element of the Radio.\n \n The root slot receives the `className` and `style` specified directly on the `<Radio>`.\n * All other native props will be applied to the primary slot: `input`\n /\n root: NonNullable<Slot<'span'>>;\n\n /\n The Radio's label.\n /\n label: Slot<typeof Label>;\n\n /\n Hidden input that handles the radio's functionality.\n \n This is the PRIMARY slot: all native properties specified directly on `<Radio>` will be applied to this slot,\n * except `className` and `style`, which remain on the root slot.\n /\n input: NonNullable<Slot<'input'>>;\n\n /\n A circle outline, with a filled circle icon inside when the Radio is checked.\n /\n indicator: NonNullable<Slot<'div'>>;\n};\n\n/\n Radio Props\n /\nexport type RadioProps = Omit<ComponentProps<Partial<RadioSlots>, 'input'>, 'onChange' \| 'size'> & {\n /\n The value of the RadioGroup when this Radio item is selected.\n /\n value?: string;\n\n /\n The position of the label relative to the radio indicator.\n \n This defaults to `after` unless the Radio is inside a RadioGroup with `layout=\"horizontalStacked\"`,\n * in which case it defaults to `below`.\n \n @defaultvalue after\n /\n labelPosition?: 'after' \| 'below';\n\n /\n Disable this Radio item.\n /\n disabled?: boolean;\n\n /\n Callback when this Radio is selected in its group.\n \n Note: `onChange` is NOT called when this Radio is deselected.\n * Use RadioGroup's `onChange` event to determine when the selection in the group changes.\n /\n onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: RadioOnChangeData) => void;\n};\n\n/\n Data for the onChange event for Radio.\n /\nexport type RadioOnChangeData = {\n /\n The value prop of this Radio item.\n /\n value: string;\n};\n\n/\n State used in rendering Radio\n */\nexport type RadioState = ComponentState<RadioSlots> & Required<Pick<RadioProps, 'labelPosition'>>;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/Radio/index.js CHANGED Viewed

@@ -3,4 +3,3 @@ export * from './Radio.types';
 export * from './renderRadio';
 export * from './useRadio';
 export * from './useRadioStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/Radio/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~names":[],"~~sources":["~~../../../src/components/Radio/~~index.ts"],"sourcesContent":["export * from './Radio';\nexport * from './Radio.types';\nexport * from './renderRadio';\nexport * from './useRadio';\nexport * from './useRadioStyles.styles';\n"],"mappings":"AAAA,cAAc;~~AACd~~,cAAc;~~AACd~~,cAAc;~~AACd~~,cAAc;~~AACd~~,cAAc"}
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Radio';\nexport * from './Radio.types';\nexport * from './renderRadio';\nexport * from './useRadio';\nexport * from './useRadioStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,0BAA0B"}

package/lib/components/Radio/renderRadio.js CHANGED Viewed

@@ -1,13 +1,8 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Radio
- */
-export const renderRadio_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(slots.input, slotProps.input), /*#__PURE__*/createElement(slots.indicator, slotProps.indicator), slots.label && /*#__PURE__*/createElement(slots.label, slotProps.label));
+ */ export const renderRadio_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.input, slotProps.input), /*#__PURE__*/ createElement(slots.indicator, slotProps.indicator), slots.label && /*#__PURE__*/ createElement(slots.label, slotProps.label));
 };
-//# sourceMappingURL=renderRadio.js.map

package/lib/components/Radio/renderRadio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~names":["createElement","getSlotsNext","renderRadio_unstable","state","slots","slotProps","root","input","indicator","label"],"~~sources":["~~../../../src/components/Radio/~~renderRadio.tsx"],"sourcesContent":["/** @jsxRuntime classic /\n/* @jsx createElement /\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { RadioSlots, RadioState } from './Radio.types';\n\n/\n Render the final JSX of Radio\n */\nexport const renderRadio_unstable = (state: RadioState) => {\n const { slots, slotProps } = getSlotsNext<RadioSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <slots.input {...slotProps.input} />\n <slots.indicator {...slotProps.indicator} />\n {slots.label && <slots.label {...slotProps.label} />}\n </slots.root>\n );\n};\n"],"mappings":"AAAA,~~2BACA~~,~~yBAEA~~,SAASA,aAAa,QAAQ;~~AAE9B~~,SAASC,YAAY,QAAQ;~~AAG7B;;;AAGA~~,OAAO,MAAMC,~~oBAAA~~,~~GAAwBC~~,~~KAAA,IAAsB~~;~~EACzD~~,MAAM~~;IAAEC~~,~~KAAA;IAAOC;EAAS~~,~~CAAE~~,~~GAAGJ~~,~~YAAA~~,~~CAAyBE~~,~~KAAA~~;~~EAEtD~~,~~oBACEH~~,~~aAdJ~~,~~CAcKI~~,~~KAAA~~,~~CAAME,~~IAAI,EAAKD,~~SAAA~~,~~CAAUC,~~IAAI,~~eAC5BN~~,~~aAfN~~,~~CAeOI~~,~~KAAA~~,~~CAAMG,~~KAAK,EAAKF,~~SAAA~~,~~CAAUE,~~KAAK,~~gBAChCP~~,~~aAhBN~~,~~CAgBOI~~,~~KAAA~~,~~CAAMI,~~SAAS,EAAKH,~~SAAA~~,~~CAAUG,~~SAAS,GACvCJ,~~KAAA~~,~~CAAMK,~~KAAK,~~iBAAIT~~,~~aAjBtB~~,~~CAiBuBI~~,~~KAAA~~,~~CAAMK,~~KAAK,EAAKJ,~~SAAA~~,~~CAAUI,~~KAAK;AAGtD"}
1	+ {"version":3,"sources":["renderRadio.tsx"],"sourcesContent":["/** @jsxRuntime classic /\n/* @jsx createElement /\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { RadioSlots, RadioState } from './Radio.types';\n\n/\n Render the final JSX of Radio\n */\nexport const renderRadio_unstable = (state: RadioState) => {\n const { slots, slotProps } = getSlotsNext<RadioSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <slots.input {...slotProps.input} />\n <slots.indicator {...slotProps.indicator} />\n {slots.label && <slots.label {...slotProps.label} />}\n </slots.root>\n );\n};\n"],"names":["createElement","getSlotsNext","renderRadio_unstable","state","slots","slotProps","root","input","indicator","label"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,QAAsB;IACzD,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAyBE;IAEtD,qBACE,AAdJ,cAcKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,gBAC5B,AAfN,cAeOF,MAAMG,KAAK,EAAKF,UAAUE,KAAK,iBAChC,AAhBN,cAgBOH,MAAMI,SAAS,EAAKH,UAAUG,SAAS,GACvCJ,MAAMK,KAAK,kBAAI,AAjBtB,cAiBuBL,MAAMK,KAAK,EAAKJ,UAAUI,KAAK;AAGtD,EAAE"}

package/lib/components/Radio/useRadio.js CHANGED Viewed

@@ -12,76 +12,69 @@ import { useFocusWithin } from '@fluentui/react-tabster';
  *
  * @param props - props from this instance of Radio
  * @param ref - reference to `<input>` element of Radio
- */
-export const useRadio_unstable = (props, ref) => {
-  const group = useRadioGroupContextValue_unstable();
-  const {
-    name = group.name,
-    checked = group.value !== undefined ? group.value === props.value : undefined,
-    defaultChecked = group.defaultValue !== undefined ? group.defaultValue === props.value : undefined,
-    labelPosition = group.layout === 'horizontal-stacked' ? 'below' : 'after',
-    disabled = group.disabled,
-    required = group.required,
-    'aria-describedby': ariaDescribedBy = group['aria-describedby'],
-    onChange
-  } = props;
-  const nativeProps = getPartitionedNativeProps({
-    props,
-    primarySlotTagName: 'input',
-    excludedPropNames: ['checked', 'defaultChecked', 'onChange']
-  });
-  const root = resolveShorthand(props.root, {
-    required: true,
-    defaultProps: {
-      ref: useFocusWithin(),
-      ...nativeProps.root
-    }
-  });
-  const input = resolveShorthand(props.input, {
-    required: true,
-    defaultProps: {
-      ref,
-      type: 'radio',
-      id: useId('radio-', nativeProps.primary.id),
-      name,
-      checked,
-      defaultChecked,
-      disabled,
-      required,
-      'aria-describedby': ariaDescribedBy,
-      ...nativeProps.primary
-    }
-  });
-  input.onChange = mergeCallbacks(input.onChange, ev => {
-    return onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
-      value: ev.currentTarget.value
+ */ export const useRadio_unstable = (props, ref)=>{
+    const group = useRadioGroupContextValue_unstable();
+    const { name =group.name , checked =group.value !== undefined ? group.value === props.value : undefined , defaultChecked =group.defaultValue !== undefined ? group.defaultValue === props.value : undefined , labelPosition =group.layout === 'horizontal-stacked' ? 'below' : 'after' , disabled =group.disabled , required =group.required , 'aria-describedby': ariaDescribedBy = group['aria-describedby'] , onChange  } = props;
+    const nativeProps = getPartitionedNativeProps({
+        props,
+        primarySlotTagName: 'input',
+        excludedPropNames: [
+            'checked',
+            'defaultChecked',
+            'onChange'
+        ]
     });
-  });
-  const label = resolveShorthand(props.label, {
-    defaultProps: {
-      htmlFor: input.id,
-      disabled: input.disabled
-    }
-  });
-  const indicator = resolveShorthand(props.indicator, {
-    required: true,
-    defaultProps: {
-      'aria-hidden': true,
-      children: /*#__PURE__*/React.createElement(CircleFilled, null)
-    }
-  });
-  return {
-    labelPosition,
-    components: {
-      root: 'span',
-      input: 'input',
-      label: Label,
-      indicator: 'div'
-    },
-    root,
-    input,
-    label,
-    indicator
-  };
+    const root = resolveShorthand(props.root, {
+        required: true,
+        defaultProps: {
+            ref: useFocusWithin(),
+            ...nativeProps.root
+        }
+    });
+    const input = resolveShorthand(props.input, {
+        required: true,
+        defaultProps: {
+            ref,
+            type: 'radio',
+            id: useId('radio-', nativeProps.primary.id),
+            name,
+            checked,
+            defaultChecked,
+            disabled,
+            required,
+            'aria-describedby': ariaDescribedBy,
+            ...nativeProps.primary
+        }
+    });
+    input.onChange = mergeCallbacks(input.onChange, (ev)=>{
+        return onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
+            value: ev.currentTarget.value
+        });
+    });
+    const label = resolveShorthand(props.label, {
+        defaultProps: {
+            htmlFor: input.id,
+            disabled: input.disabled
+        }
+    });
+    const indicator = resolveShorthand(props.indicator, {
+        required: true,
+        defaultProps: {
+            'aria-hidden': true,
+            children: /*#__PURE__*/ React.createElement(CircleFilled, null)
+        }
+    });
+    return {
+        labelPosition,
+        components: {
+            root: 'span',
+            input: 'input',
+            label: Label,
+            indicator: 'div'
+        },
+        root,
+        input,
+        label,
+        indicator
+    };
 };
-//# sourceMappingURL=useRadio.js.map

package/lib/components/Radio/useRadio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","CircleFilled","Label","getPartitionedNativeProps","mergeCallbacks","resolveShorthand","useId","useRadioGroupContextValue_unstable","useFocusWithin","useRadio_unstable","props","ref","group","name","checked","value","undefined","defaultChecked","defaultValue","labelPosition","layout","disabled","required","ariaDescribedBy","onChange","nativeProps","primarySlotTagName","excludedPropNames","root","defaultProps","input","type","id","primary","ev","currentTarget","label","htmlFor","indicator","children","createElement","components"],"sources":["~~../../../src/components/Radio/~~useRadio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CircleFilled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { useRadioGroupContextValue_unstable } from '../../contexts/RadioGroupContext';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport type { RadioProps, RadioState } from './Radio.types';\n\n/*\n Create the state required to render Radio.\n \n The returned state can be modified with hooks such as useRadioStyles_unstable,\n * before being passed to renderRadio_unstable.\n \n @param props - props from this instance of Radio\n * @param ref - reference to `<input>` element of Radio\n */\nexport const useRadio_unstable = (props: RadioProps, ref: React.Ref<HTMLInputElement>): RadioState => {\n const group = useRadioGroupContextValue_unstable();\n\n const {\n name = group.name,\n checked = group.value !== undefined ? group.value === props.value : undefined,\n defaultChecked = group.defaultValue !== undefined ? group.defaultValue === props.value : undefined,\n labelPosition = group.layout === 'horizontal-stacked' ? 'below' : 'after',\n disabled = group.disabled,\n required = group.required,\n 'aria-describedby': ariaDescribedBy = group['aria-describedby'],\n onChange,\n } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: ['checked', 'defaultChecked', 'onChange'],\n });\n\n const root = resolveShorthand(props.root, {\n required: true,\n defaultProps: {\n ref: useFocusWithin<HTMLSpanElement>(),\n ...nativeProps.root,\n },\n });\n\n const input = resolveShorthand(props.input, {\n required: true,\n defaultProps: {\n ref,\n type: 'radio',\n id: useId('radio-', nativeProps.primary.id),\n name,\n checked,\n defaultChecked,\n disabled,\n required,\n 'aria-describedby': ariaDescribedBy,\n ...nativeProps.primary,\n },\n });\n\n input.onChange = mergeCallbacks(input.onChange, ev => onChange?.(ev, { value: ev.currentTarget.value }));\n\n const label = resolveShorthand(props.label, {\n defaultProps: {\n htmlFor: input.id,\n disabled: input.disabled,\n },\n });\n\n const indicator = resolveShorthand(props.indicator, {\n required: true,\n defaultProps: {\n 'aria-hidden': true,\n children: <CircleFilled />,\n },\n });\n\n return {\n labelPosition,\n components: {\n root: 'span',\n input: 'input',\n label: Label,\n indicator: 'div',\n },\n root,\n input,\n label,\n indicator,\n };\n};\n"],"mappings":"AAAA,YAAYA,~~KAAA~~,~~MAAW~~;~~AACvB~~,SAASC,YAAY,QAAQ;~~AAC7B~~,SAASC,KAAK,QAAQ;~~AACtB~~,SAASC,yBAAyB,EAAEC,cAAc,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ;~~AACnF~~,SAASC,kCAAkC,QAAQ;~~AACnD~~,SAASC,cAAc,QAAQ;~~AAG/B;;;;;;;;;AASA~~,OAAO,MAAMC,~~iBAAA~~,~~GAAoBA,~~CAACC,~~KAAA~~,~~EAAmBC,GAAA,KAAiD~~;~~EACpG~~,MAAMC,~~KAAA,GAAQL,kCAAA~~;~~EAEd~~,MAAM~~;IACJM~~,~~IAAA~~,~~GAAOD~~,~~KAAA~~,~~CAAMC,~~IAAI~~;IACjBC~~,~~OAAA~~,~~GAAUF~~,~~KAAA~~,~~CAAMG~~,KAAK,KAAKC,~~SAAA~~,~~GAAYJ~~,~~KAAA,CAAMG,~~KAAK,KAAKL,~~KAAA~~,~~CAAMK,~~KAAK,GAAGC,SAAS~~;IAC7EC~~,~~cAAA~~,~~GAAiBL~~,~~KAAA~~,~~CAAMM~~,YAAY,KAAKF,~~SAAA~~,~~GAAYJ~~,~~KAAA,CAAMM,~~YAAY,KAAKR,~~KAAA~~,~~CAAMK,~~KAAK,GAAGC,SAAS~~;IAClGG~~,~~aAAA~~,~~GAAgBP~~,~~KAAA~~,~~CAAMQ~~,MAAM,KAAK,uBAAuB,UAAU,OAAO~~;IACzEC~~,~~QAAA~~,~~GAAWT~~,~~KAAA~~,~~CAAMS~~,QAAQ~~;IACzBC~~,~~QAAA~~,~~GAAWV~~,~~KAAA~~,~~CAAMU~~,QAAQ~~;IACzB~~,oBAAoBC,~~eAAA~~,~~GAAkBX,~~KAAK,CAAC,mBAAmB~~;IAC~~/DY~~;EAAQ~~,~~CACT~~,GAAGd~~,KAAA~~;~~EAEJ~~,MAAMe,~~WAAA~~,~~GAActB,yBAAA,CAA0B~~;~~IAC5CO,KAAA~~;~~IACAgB~~,~~kBAAA,EAAoB~~;~~IACpBC~~,~~iBAAA,EAAmB,CAAC,WAAW,kBAAkB~~;~~EACnD~~;~~EAEA~~,MAAMC,~~IAAA~~,~~GAAOvB~~,~~gBAAA~~,~~CAAiBK,KAAA,CAAMkB,~~IAAI,EAAE;~~IACxCN~~,~~QAAA~~,~~EAAU,~~IAAI;~~IACdO~~,~~YAAA,EAAc~~;~~MACZlB~~,~~GAAA,EAAKH,cAAA~~;~~MACL~~,GAAGiB,~~WAAA~~,~~CAAYG~~;~~IACjB~~;~~EACF~~;~~EAEA~~,MAAME,~~KAAA~~,~~GAAQzB~~,~~gBAAA~~,~~CAAiBK,KAAA,CAAMoB,~~KAAK,EAAE;~~IAC1CR~~,~~QAAA~~,~~EAAU,~~IAAI;~~IACdO~~,~~YAAA,EAAc~~;~~MACZlB,GAAA~~;~~MACAoB~~,~~IAAA,EAAM~~;~~MACNC~~,~~EAAA~~,~~EAAI1B~~,~~KAAA,CAAM,~~UAAUmB,~~WAAA~~,~~CAAYQ,~~OAAO,CAACD,EAAE;~~MAC1CnB,IAAA~~;~~MACAC,OAAA~~;~~MACAG,cAAA~~;~~MACAI,QAAA~~;~~MACAC,QAAA~~;~~MACA~~,oBAAoBC~~,eAAA~~;~~MACpB~~,GAAGE,~~WAAA~~,~~CAAYQ~~;~~IACjB~~;~~EACF~~;~~EAEAH~~,~~KAAA~~,~~CAAMN,~~QAAQ,GAAGpB,~~cAAA~~,~~CAAe0B~~,~~KAAA,CAAMN,~~QAAQ,EAAEU,~~EAAA~~;~~IAAM~~,~~OAAAV~~,~~QAAA~~,~~aAAAA~~,~~QAAA~~,~~uBAAAA~~,~~QAAA~~,~~CAAWU,EAAA,EAAI~~;~~MAAEnB~~,~~KAAA~~,~~EAAOmB~~,~~EAAA,CAAGC,~~aAAa,CAACpB;~~IAAM~~;;~~EAErG~~,MAAMqB,~~KAAA,GAAQ~~/B,~~gBAAA~~,~~CAAiBK~~,~~KAAA,CAAM0B,~~KAAK,EAAE;~~IAC1CP~~,~~YAAA,EAAc~~;~~MACZQ~~,~~OAAA~~,~~EAASP~~,~~KAAA,CAAME,~~EAAE;~~MACjBX~~,~~QAAA~~,~~EAAUS~~,~~KAAA,CAAMT~~;~~IAClB~~;~~EACF~~;~~EAEA~~,MAAMiB,~~SAAA~~,~~GAAYjC~~,~~gBAAA~~,~~CAAiBK,KAAA,CAAM4B,~~SAAS,EAAE;~~IAClDhB~~,~~QAAA~~,~~EAAU,~~IAAI;~~IACdO~~,~~YAAA,EAAc~~;~~MACZ~~,eAAe,IAAI;~~MACnBU~~,~~QAAA~~,~~eAAUvC,KAAA,CAAAwC,aAAA,CAACvC,YAAA~~;~~IACb~~;~~EACF~~;~~EAEA~~,OAAO;~~IACLkB,aAAA~~;~~IACAsB~~,~~UAAA,EAAY~~;~~MACVb~~,~~IAAA,EAAM~~;~~MACNE~~,~~KAAA,EAAO~~;~~MACPM~~,~~KAAA,EAAOlC,KAAA~~;~~MACPoC~~,~~SAAA,EAAW~~;~~IACb~~;~~IACAV,IAAA~~;~~IACAE,KAAA~~;~~IACAM,KAAA~~;~~IACAE~~;~~EACF~~;AACF"}
1	+ {"version":3,"sources":["useRadio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CircleFilled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { useRadioGroupContextValue_unstable } from '../../contexts/RadioGroupContext';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport type { RadioProps, RadioState } from './Radio.types';\n\n/*\n Create the state required to render Radio.\n \n The returned state can be modified with hooks such as useRadioStyles_unstable,\n * before being passed to renderRadio_unstable.\n \n @param props - props from this instance of Radio\n * @param ref - reference to `<input>` element of Radio\n */\nexport const useRadio_unstable = (props: RadioProps, ref: React.Ref<HTMLInputElement>): RadioState => {\n const group = useRadioGroupContextValue_unstable();\n\n const {\n name = group.name,\n checked = group.value !== undefined ? group.value === props.value : undefined,\n defaultChecked = group.defaultValue !== undefined ? group.defaultValue === props.value : undefined,\n labelPosition = group.layout === 'horizontal-stacked' ? 'below' : 'after',\n disabled = group.disabled,\n required = group.required,\n 'aria-describedby': ariaDescribedBy = group['aria-describedby'],\n onChange,\n } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: ['checked', 'defaultChecked', 'onChange'],\n });\n\n const root = resolveShorthand(props.root, {\n required: true,\n defaultProps: {\n ref: useFocusWithin<HTMLSpanElement>(),\n ...nativeProps.root,\n },\n });\n\n const input = resolveShorthand(props.input, {\n required: true,\n defaultProps: {\n ref,\n type: 'radio',\n id: useId('radio-', nativeProps.primary.id),\n name,\n checked,\n defaultChecked,\n disabled,\n required,\n 'aria-describedby': ariaDescribedBy,\n ...nativeProps.primary,\n },\n });\n\n input.onChange = mergeCallbacks(input.onChange, ev => onChange?.(ev, { value: ev.currentTarget.value }));\n\n const label = resolveShorthand(props.label, {\n defaultProps: {\n htmlFor: input.id,\n disabled: input.disabled,\n },\n });\n\n const indicator = resolveShorthand(props.indicator, {\n required: true,\n defaultProps: {\n 'aria-hidden': true,\n children: <CircleFilled />,\n },\n });\n\n return {\n labelPosition,\n components: {\n root: 'span',\n input: 'input',\n label: Label,\n indicator: 'div',\n },\n root,\n input,\n label,\n indicator,\n };\n};\n"],"names":["React","CircleFilled","Label","getPartitionedNativeProps","mergeCallbacks","resolveShorthand","useId","useRadioGroupContextValue_unstable","useFocusWithin","useRadio_unstable","props","ref","group","name","checked","value","undefined","defaultChecked","defaultValue","labelPosition","layout","disabled","required","ariaDescribedBy","onChange","nativeProps","primarySlotTagName","excludedPropNames","root","defaultProps","input","type","id","primary","ev","currentTarget","label","htmlFor","indicator","children","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,yBAAyB,EAAEC,cAAc,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AAC/G,SAASC,kCAAkC,QAAQ,mCAAmC;AACtF,SAASC,cAAc,QAAQ,0BAA0B;AAGzD;;;;;;;;CAQC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC,MAAiD;IACpG,MAAMC,QAAQL;IAEd,MAAM,EACJM,MAAOD,MAAMC,IAAI,CAAA,EACjBC,SAAUF,MAAMG,KAAK,KAAKC,YAAYJ,MAAMG,KAAK,KAAKL,MAAMK,KAAK,GAAGC,SAAS,CAAA,EAC7EC,gBAAiBL,MAAMM,YAAY,KAAKF,YAAYJ,MAAMM,YAAY,KAAKR,MAAMK,KAAK,GAAGC,SAAS,CAAA,EAClGG,eAAgBP,MAAMQ,MAAM,KAAK,uBAAuB,UAAU,OAAO,CAAA,EACzEC,UAAWT,MAAMS,QAAQ,CAAA,EACzBC,UAAWV,MAAMU,QAAQ,CAAA,EACzB,oBAAoBC,kBAAkBX,KAAK,CAAC,mBAAmB,CAAA,EAC/DY,SAAQ,EACT,GAAGd;IAEJ,MAAMe,cAActB,0BAA0B;QAC5CO;QACAgB,oBAAoB;QACpBC,mBAAmB;YAAC;YAAW;YAAkB;SAAW;IAC9D;IAEA,MAAMC,OAAOvB,iBAAiBK,MAAMkB,IAAI,EAAE;QACxCN,UAAU,IAAI;QACdO,cAAc;YACZlB,KAAKH;YACL,GAAGiB,YAAYG,IAAI;QACrB;IACF;IAEA,MAAME,QAAQzB,iBAAiBK,MAAMoB,KAAK,EAAE;QAC1CR,UAAU,IAAI;QACdO,cAAc;YACZlB;YACAoB,MAAM;YACNC,IAAI1B,MAAM,UAAUmB,YAAYQ,OAAO,CAACD,EAAE;YAC1CnB;YACAC;YACAG;YACAI;YACAC;YACA,oBAAoBC;YACpB,GAAGE,YAAYQ,OAAO;QACxB;IACF;IAEAH,MAAMN,QAAQ,GAAGpB,eAAe0B,MAAMN,QAAQ,EAAEU,CAAAA;QAAMV,OAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWU,IAAI;YAAEnB,OAAOmB,GAAGC,aAAa,CAACpB,KAAK;QAAC;;IAErG,MAAMqB,QAAQ/B,iBAAiBK,MAAM0B,KAAK,EAAE;QAC1CP,cAAc;YACZQ,SAASP,MAAME,EAAE;YACjBX,UAAUS,MAAMT,QAAQ;QAC1B;IACF;IAEA,MAAMiB,YAAYjC,iBAAiBK,MAAM4B,SAAS,EAAE;QAClDhB,UAAU,IAAI;QACdO,cAAc;YACZ,eAAe,IAAI;YACnBU,wBAAU,oBAACtC;QACb;IACF;IAEA,OAAO;QACLkB;QACAqB,YAAY;YACVZ,MAAM;YACNE,OAAO;YACPM,OAAOlC;YACPoC,WAAW;QACb;QACAV;QACAE;QACAM;QACAE;IACF;AACF,EAAE"}

package/lib/components/Radio/useRadioStyles.styles.js CHANGED Viewed

@@ -9,7 +9,7 @@ export const radioClassNames = {
 };
 // The indicator size is used by the indicator and label styles
 const indicatorSize = '16px';
-const useRootBaseClassName = /*#__PURE__*/__resetStyles("r18vxbm9", "r1631i6s", [".r18vxbm9{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;}", ".r18vxbm9:focus{outline-style:none;}", ".r18vxbm9:focus-visible{outline-style:none;}", ".r18vxbm9[data-fui-focus-within]:focus-within{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}", ".r18vxbm9[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:-2px;bottom:-2px;left:-2px;right:-2px;}", ".r1631i6s{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;}", ".r1631i6s:focus{outline-style:none;}", ".r1631i6s:focus-visible{outline-style:none;}", ".r1631i6s[data-fui-focus-within]:focus-within{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}", ".r1631i6s[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:-2px;bottom:-2px;right:-2px;left:-2px;}"]);
+const useRootBaseClassName = /*#__PURE__*/__resetStyles("r12l4eqc", "r18esy0c", [".r12l4eqc{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;}", ".r12l4eqc:focus{outline-style:none;}", ".r12l4eqc:focus-visible{outline-style:none;}", ".r12l4eqc[data-fui-focus-within]:focus-within{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}", ".r12l4eqc[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}", ".r18esy0c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;}", ".r18esy0c:focus{outline-style:none;}", ".r18esy0c:focus-visible{outline-style:none;}", ".r18esy0c[data-fui-focus-within]:focus-within{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}", ".r18esy0c[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"]);
 const useRootStyles = /*#__PURE__*/__styles({
   vertical: {
     Beiy3e4: "f1vx9l62",

package/lib/components/Radio/useRadioStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createFocusOutlineStyle","tokens","__resetStyles","__styles","mergeClasses","shorthands","radioClassNames","root","indicator","input","label","indicatorSize","useRootBaseClassName","useRootStyles","vertical","Beiy3e4","Bt984gj","d","useInputBaseClassName","useInputStyles","below","a9b677","Bqenvij","useIndicatorBaseClassName","useLabelStyles","base","qb2dma","z8tnut","z189sj","Byoj8tv","uwmqm3","after","B6of3ja","jrapky","fsow6f","useRadioStyles_unstable","state","labelPosition","rootBaseClassName","rootStyles","className","inputBaseClassName","inputStyles","indicatorBaseClassName","labelStyles"],"sources":["~~../../../src/components/Radio/~~useRadioStyles.styles.ts"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\~~nimport type { RadioSlots, RadioState } from './Radio.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\~~nexport const radioClassNames: ~~SlotClassNames<RadioSlots>~~ = {\n root: 'fui-Radio',\n indicator: 'fui-Radio__indicator',\n input: 'fui-Radio__input',\n label: 'fui-Radio__label',\n};\n\n// The indicator size is used by the indicator and label styles\nconst indicatorSize = '16px';\n\nconst useRootBaseClassName = makeResetStyles({\n display: 'inline-flex',\n position: 'relative',\n ...createFocusOutlineStyle({ style: {}, selector: 'focus-within' }),\n});\n\nconst useRootStyles = makeStyles({\n vertical: {\n flexDirection: 'column',\n alignItems: 'center',\n },\n});\n\nconst useInputBaseClassName = makeResetStyles({\n position: 'absolute',\n left: 0,\n top: 0,\n width: `calc(${indicatorSize} + 2 * ${tokens.spacingHorizontalS})`,\n height: '100%',\n boxSizing: 'border-box',\n margin: 0,\n opacity: 0,\n\n ':enabled': {\n cursor: 'pointer',\n [`& ~ .${radioClassNames.label}`]: {\n cursor: 'pointer',\n },\n },\n\n // When unchecked, hide the circle icon (child of the indicator)\n [`:not(:checked) ~ .${radioClassNames.indicator} > `]: {\n opacity: '0',\n },\n\n // Colors for the unchecked state\n ':enabled:not(:checked)': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForeground3,\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorNeutralStrokeAccessible,\n },\n\n ':hover': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForeground2,\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorNeutralStrokeAccessibleHover,\n },\n },\n\n ':hover:active': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForeground1,\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorNeutralStrokeAccessiblePressed,\n },\n },\n },\n\n // Colors for the checked state\n ':enabled:checked': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForeground1,\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorCompoundBrandStroke,\n color: tokens.colorCompoundBrandForeground1,\n },\n\n ':hover': {\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorCompoundBrandStrokeHover,\n color: tokens.colorCompoundBrandForeground1Hover,\n },\n },\n\n ':hover:active': {\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorCompoundBrandStrokePressed,\n color: tokens.colorCompoundBrandForeground1Pressed,\n },\n },\n },\n\n // Colors for the disabled state\n ':disabled': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'default',\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorNeutralStrokeDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n});\n\nconst useInputStyles = makeStyles({\n below: {\n width: '100%',\n height: `calc(${indicatorSize} + 2 ${tokens.spacingVerticalS})~~`,\~~n },\n});\n\nconst useIndicatorBaseClassName = makeResetStyles({\n width: indicatorSize,\n height: indicatorSize,\n fontSize: '12px',\n boxSizing: 'border-box',\n flexShrink: 0,\n\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n\n border: tokens.strokeWidthThin + ' solid',\n borderRadius: tokens.borderRadiusCircular,\n margin: tokens.spacingVerticalS + ' ' + tokens.spacingHorizontalS,\n fill: 'currentColor',\n pointerEvents: 'none',\n});\n\n// Can't use makeResetStyles here because Label is a component that may itself use makeResetStyles.\nconst useLabelStyles = makeStyles({\n base: {\n alignSelf: 'center',\n ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n },\n\n after: {\n paddingLeft: tokens.spacingHorizontalXS,\n\n // Use a (negative) margin to account for the difference between the indicator's height and the label's line height.\n // This prevents the label from expanding the height of the Radio, but preserves line height if the label wraps.\n marginTop: `calc((${indicatorSize} - ${tokens.lineHeightBase300}) / 2)`,\n marginBottom: `calc((${indicatorSize} - ${tokens.lineHeightBase300}) / 2)~~`,\~~n },\n\n below: {\n paddingTop: tokens.spacingVerticalXS,\n textAlign: 'center',\n },\n});\n\n/*\n Apply styling to the Radio slots based on the state\n */\nexport const useRadioStyles_unstable = (state~~: RadioState~~) => {\n const { labelPosition } = state;\n\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(\n radioClassNames.root~~,\n~~ rootBaseClassName~~,\n~~ labelPosition === 'below' && rootStyles.vertical~~,\n~~ state.root.className~~,\n~~ );\n\n const inputBaseClassName = useInputBaseClassName();\n const inputStyles = useInputStyles();\n state.input.className = mergeClasses(\n radioClassNames.input~~,\n~~ inputBaseClassName~~,\n~~ labelPosition === 'below' && inputStyles.below~~,\n~~ state.input.className~~,\n~~ );\n\n const indicatorBaseClassName = useIndicatorBaseClassName();\n state.indicator.className = mergeClasses(\n radioClassNames.indicator~~,\n~~ indicatorBaseClassName~~,\n~~ state.indicator.className~~,\n~~ );\n\n const labelStyles = useLabelStyles();\n if (state.label) {\n state.label.className = mergeClasses(\n radioClassNames.label~~,\n~~ labelStyles.base~~,\n~~ labelStyles[labelPosition]~~,\n~~ state.label.className~~,\n~~ );\n }\n};\n"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ;~~AACxC~~,SAASC,MAAM,QAAQ;~~AACvB~~,SAAAC,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ;~~AAItE~~,OAAO,MAAMC,~~eAAA~~,~~GAA8C~~;~~EACzDC~~,~~IAAA~~,~~EAAM~~;~~EACNC~~,~~SAAA~~,~~EAAW~~;~~EACXC~~,~~KAAA~~,~~EAAO~~;~~EACPC~~,~~KAAA~~,~~EAAO~~;~~AACT~~;~~AAEA~~;AACA,MAAMC,~~aAAA~~,~~GAAgB~~;~~AAEtB~~,MAAMC,~~oBAAA~~,~~gBAAuBV~~,aAAA,~~guEAI7B~~;~~AAEA~~,MAAMW,~~aAAA~~,~~gBAAgBV~~,QAAA;EAAAW,QAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,~~EAKtB~~;~~AAEA~~,MAAMC,~~qBAAA~~,~~gBAAwBhB~~,aAAA,~~46GAsF9B~~;~~AAEA~~,MAAMiB,~~cAAA~~,~~gBAAiBhB~~,QAAA;EAAAiB,KAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAL,CAAA;AAAA,~~EAKvB~~;~~AAEA~~,MAAMM,~~yBAAA~~,~~gBAA4BrB~~,aAAA,~~4lBAiBlC~~;~~AAEA~~;AACA,MAAMsB,~~cAAA~~,~~gBAAiBrB~~,QAAA;EAAAsB,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;IAAAE,OAAA;IAAAC,MAAA;EAAA;EAAAb,KAAA;IAAAO,MAAA;IAAAO,MAAA;EAAA;AAAA;EAAAjB,CAAA;AAAA,~~EAmBvB~~;~~AAEA;;;AAGA~~,OAAO,MAAMkB,~~uBAAA~~,~~GAA2BC~~,~~KAAA~~,~~IAAsB~~;~~EAC5D~~,MAAM;IAAEC;~~EAAa~~,~~CAAE~~,GAAGD,~~KAAA~~;~~EAE1B~~,MAAME,~~iBAAA~~,~~GAAoB1B~~,~~oBAAA~~;~~EAC1B~~,MAAM2B,~~UAAA~~,~~GAAa1B~~,~~aAAA~~;~~EACnBuB~~,~~KAAA~~,~~CAAM7B~~,IAAI,CAACiC,SAAS,GAAGpC,~~YAAA~~,~~CACrBE~~,~~eAAA~~,~~CAAgBC~~,IAAI,~~EACpB~~+B,~~iBAAA~~,~~EACAD~~,~~aAAA~~,~~KAAkB~~,~~WAAWE~~,~~UAAA~~,~~CAAWzB~~,QAAQ,~~EAChDsB~~,~~KAAA~~,~~CAAM7B~~,IAAI,CAACiC,SAAS;~~EAGtB~~,MAAMC,~~kBAAA~~,~~GAAqBvB~~,~~qBAAA~~;~~EAC3B~~,MAAMwB,~~WAAA~~,~~GAAcvB~~,~~cAAA~~;~~EACpBiB~~,~~KAAA~~,~~CAAM3B~~,KAAK,CAAC+B,SAAS,GAAGpC,~~YAAA~~,~~CACtBE~~,~~eAAA~~,~~CAAgBG~~,KAAK,~~EACrBgC~~,~~kBAAA~~,~~EACAJ~~,~~aAAA~~,~~KAAkB~~,~~WAAWK~~,~~WAAA~~,~~CAAYtB~~,KAAK,~~EAC9CgB~~,~~KAAA~~,~~CAAM3B~~,KAAK,CAAC+B,SAAS;~~EAGvB~~,MAAMG,~~sBAAA~~,~~GAAyBpB~~,~~yBAAA~~;~~EAC/Ba~~,~~KAAA~~,~~CAAM5B~~,SAAS,CAACgC,SAAS,GAAGpC,~~YAAA~~,~~CAC1BE~~,~~eAAA~~,~~CAAgBE~~,SAAS,~~EACzBmC~~,~~sBAAA~~,~~EACAP~~,~~KAAA~~,~~CAAM5B~~,SAAS,CAACgC,SAAS;~~EAG3B~~,MAAMI,~~WAAA~~,~~GAAcpB~~,~~cAAA~~;~~EACpB~~,IAAIY,~~KAAA~~,~~CAAM1B~~,KAAK,EAAE;~~IACf0B~~,~~KAAA~~,~~CAAM1B~~,KAAK,CAAC8B,SAAS,GAAGpC,~~YAAA~~,~~CACtBE~~,~~eAAA~~,~~CAAgBI~~,KAAK,~~EACrBkC~~,~~WAAA~~,~~CAAYnB~~,IAAI,~~EAChBmB~~,WAAW,CAACP,~~aAAA~~,~~CAAc~~,~~EAC1BD~~,~~KAAA~~,~~CAAM1B~~,KAAK,CAAC8B,SAAS;~~EAEzB~~;~~AACF~~"}
1	+ {"version":3,"names":["createFocusOutlineStyle","tokens","__resetStyles","__styles","mergeClasses","shorthands","radioClassNames","root","indicator","input","label","indicatorSize","useRootBaseClassName","useRootStyles","vertical","Beiy3e4","Bt984gj","d","useInputBaseClassName","useInputStyles","below","a9b677","Bqenvij","useIndicatorBaseClassName","useLabelStyles","base","qb2dma","z8tnut","z189sj","Byoj8tv","uwmqm3","after","B6of3ja","jrapky","fsow6f","useRadioStyles_unstable","state","labelPosition","rootBaseClassName","rootStyles","className","inputBaseClassName","inputStyles","indicatorBaseClassName","labelStyles"],"sources":["useRadioStyles.styles.js"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nexport const radioClassNames = {\n root: 'fui-Radio',\n indicator: 'fui-Radio__indicator',\n input: 'fui-Radio__input',\n label: 'fui-Radio__label'\n};\n// The indicator size is used by the indicator and label styles\nconst indicatorSize = '16px';\nconst useRootBaseClassName = makeResetStyles({\n display: 'inline-flex',\n position: 'relative',\n ...createFocusOutlineStyle({\n style: {},\n selector: 'focus-within'\n })\n});\nconst useRootStyles = makeStyles({\n vertical: {\n flexDirection: 'column',\n alignItems: 'center'\n }\n});\nconst useInputBaseClassName = makeResetStyles({\n position: 'absolute',\n left: 0,\n top: 0,\n width: `calc(${indicatorSize} + 2 * ${tokens.spacingHorizontalS})`,\n height: '100%',\n boxSizing: 'border-box',\n margin: 0,\n opacity: 0,\n ':enabled': {\n cursor: 'pointer',\n [`& ~ .${radioClassNames.label}`]: {\n cursor: 'pointer'\n }\n },\n // When unchecked, hide the circle icon (child of the indicator)\n [`:not(:checked) ~ .${radioClassNames.indicator} > `]: {\n opacity: '0'\n },\n // Colors for the unchecked state\n ':enabled:not(:checked)': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForeground3\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorNeutralStrokeAccessible\n },\n ':hover': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForeground2\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorNeutralStrokeAccessibleHover\n }\n },\n ':hover:active': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForeground1\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorNeutralStrokeAccessiblePressed\n }\n }\n },\n // Colors for the checked state\n ':enabled:checked': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForeground1\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorCompoundBrandStroke,\n color: tokens.colorCompoundBrandForeground1\n },\n ':hover': {\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorCompoundBrandStrokeHover,\n color: tokens.colorCompoundBrandForeground1Hover\n }\n },\n ':hover:active': {\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorCompoundBrandStrokePressed,\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n }\n },\n // Colors for the disabled state\n ':disabled': {\n [`& ~ .${radioClassNames.label}`]: {\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'default'\n },\n [`& ~ .${radioClassNames.indicator}`]: {\n borderColor: tokens.colorNeutralStrokeDisabled,\n color: tokens.colorNeutralForegroundDisabled\n }\n }\n});\nconst useInputStyles = makeStyles({\n below: {\n width: '100%',\n height: `calc(${indicatorSize} + 2 ${tokens.spacingVerticalS})`\n }\n});\nconst useIndicatorBaseClassName = makeResetStyles({\n width: indicatorSize,\n height: indicatorSize,\n fontSize: '12px',\n boxSizing: 'border-box',\n flexShrink: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n border: tokens.strokeWidthThin + ' solid',\n borderRadius: tokens.borderRadiusCircular,\n margin: tokens.spacingVerticalS + ' ' + tokens.spacingHorizontalS,\n fill: 'currentColor',\n pointerEvents: 'none'\n});\n// Can't use makeResetStyles here because Label is a component that may itself use makeResetStyles.\nconst useLabelStyles = makeStyles({\n base: {\n alignSelf: 'center',\n ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalS)\n },\n after: {\n paddingLeft: tokens.spacingHorizontalXS,\n // Use a (negative) margin to account for the difference between the indicator's height and the label's line height.\n // This prevents the label from expanding the height of the Radio, but preserves line height if the label wraps.\n marginTop: `calc((${indicatorSize} - ${tokens.lineHeightBase300}) / 2)`,\n marginBottom: `calc((${indicatorSize} - ${tokens.lineHeightBase300}) / 2)`\n },\n below: {\n paddingTop: tokens.spacingVerticalXS,\n textAlign: 'center'\n }\n});\n/*\n Apply styling to the Radio slots based on the state\n */ export const useRadioStyles_unstable = (state)=>{\n const { labelPosition } = state;\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(radioClassNames.root, rootBaseClassName, labelPosition === 'below' && rootStyles.vertical, state.root.className);\n const inputBaseClassName = useInputBaseClassName();\n const inputStyles = useInputStyles();\n state.input.className = mergeClasses(radioClassNames.input, inputBaseClassName, labelPosition === 'below' && inputStyles.below, state.input.className);\n const indicatorBaseClassName = useIndicatorBaseClassName();\n state.indicator.className = mergeClasses(radioClassNames.indicator, indicatorBaseClassName, state.indicator.className);\n const labelStyles = useLabelStyles();\n if (state.label) {\n state.label.className = mergeClasses(radioClassNames.label, labelStyles.base, labelStyles[labelPosition], state.label.className);\n }\n};\n"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,yBAAyB;AACjE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE,WAAW;EACjBC,SAAS,EAAE,sBAAsB;EACjCC,KAAK,EAAE,kBAAkB;EACzBC,KAAK,EAAE;AACX,CAAC;AACD;AACA,MAAMC,aAAa,GAAG,MAAM;AAC5B,MAAMC,oBAAoB,gBAAGV,aAAA,+yEAO5B,CAAC;AACF,MAAMW,aAAa,gBAAGV,QAAA;EAAAW,QAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAKrB,CAAC;AACF,MAAMC,qBAAqB,gBAAGhB,aAAA,26GA6E7B,CAAC;AACF,MAAMiB,cAAc,gBAAGhB,QAAA;EAAAiB,KAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAL,CAAA;AAAA,CAKtB,CAAC;AACF,MAAMM,yBAAyB,gBAAGrB,aAAA,2lBAejC,CAAC;AACF;AACA,MAAMsB,cAAc,gBAAGrB,QAAA;EAAAsB,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;IAAAE,OAAA;IAAAC,MAAA;EAAA;EAAAb,KAAA;IAAAO,MAAA;IAAAO,MAAA;EAAA;AAAA;EAAAjB,CAAA;AAAA,CAgBtB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMkB,uBAAuB,GAAIC,KAAK,IAAG;EAChD,MAAM;IAAEC;EAAe,CAAC,GAAGD,KAAK;EAChC,MAAME,iBAAiB,GAAG1B,oBAAoB,CAAC,CAAC;EAChD,MAAM2B,UAAU,GAAG1B,aAAa,CAAC,CAAC;EAClCuB,KAAK,CAAC7B,IAAI,CAACiC,SAAS,GAAGpC,YAAY,CAACE,eAAe,CAACC,IAAI,EAAE+B,iBAAiB,EAAED,aAAa,KAAK,OAAO,IAAIE,UAAU,CAACzB,QAAQ,EAAEsB,KAAK,CAAC7B,IAAI,CAACiC,SAAS,CAAC;EACpJ,MAAMC,kBAAkB,GAAGvB,qBAAqB,CAAC,CAAC;EAClD,MAAMwB,WAAW,GAAGvB,cAAc,CAAC,CAAC;EACpCiB,KAAK,CAAC3B,KAAK,CAAC+B,SAAS,GAAGpC,YAAY,CAACE,eAAe,CAACG,KAAK,EAAEgC,kBAAkB,EAAEJ,aAAa,KAAK,OAAO,IAAIK,WAAW,CAACtB,KAAK,EAAEgB,KAAK,CAAC3B,KAAK,CAAC+B,SAAS,CAAC;EACtJ,MAAMG,sBAAsB,GAAGpB,yBAAyB,CAAC,CAAC;EAC1Da,KAAK,CAAC5B,SAAS,CAACgC,SAAS,GAAGpC,YAAY,CAACE,eAAe,CAACE,SAAS,EAAEmC,sBAAsB,EAAEP,KAAK,CAAC5B,SAAS,CAACgC,SAAS,CAAC;EACtH,MAAMI,WAAW,GAAGpB,cAAc,CAAC,CAAC;EACpC,IAAIY,KAAK,CAAC1B,KAAK,EAAE;IACb0B,KAAK,CAAC1B,KAAK,CAAC8B,SAAS,GAAGpC,YAAY,CAACE,eAAe,CAACI,KAAK,EAAEkC,WAAW,CAACnB,IAAI,EAAEmB,WAAW,CAACP,aAAa,CAAC,EAAED,KAAK,CAAC1B,KAAK,CAAC8B,SAAS,CAAC;EACpI;AACJ,CAAC"}

package/lib/components/RadioGroup/RadioGroup.js CHANGED Viewed

@@ -6,13 +6,11 @@ import { useRadioGroupContextValues } from '../../contexts/useRadioGroupContextV
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * A RadioGroup component presents a set of options where only one option can be selected.
- */
-export const RadioGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useRadioGroup_unstable(props, ref);
-  const contextValues = useRadioGroupContextValues(state);
-  useRadioGroupStyles_unstable(state);
-  useCustomStyleHook_unstable('useRadioGroupStyles_unstable')(state);
-  return renderRadioGroup_unstable(state, contextValues);
+ */ export const RadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useRadioGroup_unstable(props, ref);
+    const contextValues = useRadioGroupContextValues(state);
+    useRadioGroupStyles_unstable(state);
+    useCustomStyleHook_unstable('useRadioGroupStyles_unstable')(state);
+    return renderRadioGroup_unstable(state, contextValues);
 });
 RadioGroup.displayName = 'RadioGroup';
-//# sourceMappingURL=RadioGroup.js.map

package/lib/components/RadioGroup/RadioGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","renderRadioGroup_unstable","useRadioGroup_unstable","useRadioGroupStyles_unstable","useRadioGroupContextValues","useCustomStyleHook_unstable","RadioGroup","forwardRef","props","ref","state","contextValues","displayName"],"sources":["~~../../../src/components/~~RadioGroup~~/RadioGroup~~.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { RadioGroupProps } from './RadioGroup.types';\nimport { renderRadioGroup_unstable } from './renderRadioGroup';\nimport { useRadioGroup_unstable } from './useRadioGroup';\nimport { useRadioGroupStyles_unstable } from './useRadioGroupStyles.styles';\nimport { useRadioGroupContextValues } from '../../contexts/useRadioGroupContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n A RadioGroup component presents a set of options where only one option can be selected.\n */\nexport const RadioGroup: ForwardRefComponent<RadioGroupProps> = React.forwardRef((props, ref) => {\n const state = useRadioGroup_unstable(props, ref);\n const contextValues = useRadioGroupContextValues(state);\n\n useRadioGroupStyles_unstable(state);\n\n useCustomStyleHook_unstable('useRadioGroupStyles_unstable')(state);\n\n return renderRadioGroup_unstable(state, contextValues);\n});\n\nRadioGroup.displayName = 'RadioGroup';\n"],"mappings":"AAAA,YAAYA,~~KAAA~~,~~MAAW~~;~~AAGvB~~,SAASC,yBAAyB,QAAQ;~~AAC1C~~,SAASC,sBAAsB,QAAQ;~~AACvC~~,SAASC,4BAA4B,QAAQ;~~AAC7C~~,SAASC,0BAA0B,QAAQ;~~AAC3C~~,SAASC,2BAA2B,QAAQ;~~AAE5C;;;AAGA~~,OAAO,MAAMC,~~UAAA~~,~~gBAAmDN~~,~~KAAA,CAAMO,~~UAAU,CAAC,CAACC,~~KAAA~~,~~EAAOC,GAAA,KAAQ~~;~~EAC~~/F,MAAMC,~~KAAA~~,~~GAAQR~~,~~sBAAA,CAAuBM,KAAA,EAAOC,GAAA~~;~~EAC5C~~,MAAME,~~aAAA~~,~~GAAgBP,0BAAA,CAA2BM,KAAA~~;~~EAEjDP~~,~~4BAAA,CAA6BO,KAAA~~;~~EAE7BL~~,~~2BAAA~~,~~CAA4B,~~gCAAgCK~~,KAAA~~;~~EAE5D~~,OAAOT,~~yBAAA~~,~~CAA0BS,KAAA,EAAOC,aAAA~~;AAC1C;~~AAEAL~~,~~UAAA~~,~~CAAWM,~~WAAW,GAAG"}
1	+ {"version":3,"sources":["RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { RadioGroupProps } from './RadioGroup.types';\nimport { renderRadioGroup_unstable } from './renderRadioGroup';\nimport { useRadioGroup_unstable } from './useRadioGroup';\nimport { useRadioGroupStyles_unstable } from './useRadioGroupStyles.styles';\nimport { useRadioGroupContextValues } from '../../contexts/useRadioGroupContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n A RadioGroup component presents a set of options where only one option can be selected.\n */\nexport const RadioGroup: ForwardRefComponent<RadioGroupProps> = React.forwardRef((props, ref) => {\n const state = useRadioGroup_unstable(props, ref);\n const contextValues = useRadioGroupContextValues(state);\n\n useRadioGroupStyles_unstable(state);\n\n useCustomStyleHook_unstable('useRadioGroupStyles_unstable')(state);\n\n return renderRadioGroup_unstable(state, contextValues);\n});\n\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["React","renderRadioGroup_unstable","useRadioGroup_unstable","useRadioGroupStyles_unstable","useRadioGroupContextValues","useCustomStyleHook_unstable","RadioGroup","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,4BAA4B,QAAQ,+BAA+B;AAC5E,SAASC,0BAA0B,QAAQ,4CAA4C;AACvF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,2BAAmDN,MAAMO,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC/F,MAAMC,QAAQR,uBAAuBM,OAAOC;IAC5C,MAAME,gBAAgBP,2BAA2BM;IAEjDP,6BAA6BO;IAE7BL,4BAA4B,gCAAgCK;IAE5D,OAAOT,0BAA0BS,OAAOC;AAC1C,GAAG;AAEHL,WAAWM,WAAW,GAAG"}

package/lib/components/RadioGroup/RadioGroup.types.js CHANGED Viewed

	@@ -1,2 +1 @@
1 1	import * as React from 'react';
2	- //# sourceMappingURL=RadioGroup.types.js.map

package/lib/components/RadioGroup/RadioGroup.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~names":["React"],"~~sources":["~~../../../src/components/~~RadioGroup~~/RadioGroup~~.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type RadioGroupSlots = {\n /*\n The radio group root.\n /\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type RadioGroupProps = Omit<ComponentProps<Partial<RadioGroupSlots>>, 'onChange'> & {\n /\n The name of this radio group. This name is applied to all Radio items inside this group.\n \n If no name is provided, one will be generated so that all of the Radio items have the same name.\n /\n name?: string;\n\n /\n The selected Radio item in this group.\n \n This should be the `value` prop of one of the Radio items inside this group.\n /\n value?: string;\n\n /\n The default selected Radio item in this group.\n \n This should be the `value` prop of one of the Radio items inside this group.\n /\n defaultValue?: string;\n\n /\n Callback when the selected Radio item changes.\n /\n onChange?: (ev: React.FormEvent<HTMLDivElement>, data: RadioGroupOnChangeData) => void;\n\n /\n How the radio items are laid out in the group.\n \n @default vertical\n /\n layout?: 'vertical' \| 'horizontal' \| 'horizontal-stacked';\n\n /\n Disable all Radio items in this group.\n /\n disabled?: boolean;\n\n /\n Require a selection in this group. Adds the `required` prop to all child Radio items.\n /\n required?: boolean;\n};\n\n/\n Data for the onChange event for RadioGroup.\n /\nexport type RadioGroupOnChangeData = {\n /\n The value of the newly selected Radio item.\n /\n value: string;\n};\n\n/\n State used in rendering RadioGroup\n */\nexport type RadioGroupState = ComponentState<RadioGroupSlots> &\n Required<Pick<RadioGroupProps, 'layout'>> &\n Pick<RadioGroupProps, 'name' \| 'value' \| 'defaultValue' \| 'disabled' \| 'layout' \| 'required'>;\n\nexport type RadioGroupContextValue = Pick<\n RadioGroupProps,\n 'name' \| 'value' \| 'defaultValue' \| 'disabled' \| 'layout' \| 'required' \| 'aria-describedby'\n>;\n\nexport type RadioGroupContextValues = {\n radioGroup: RadioGroupContextValue;\n};\n"],"mappings":"AAAA,YAAYA,~~KAAA~~,~~MAAW~~"}
1	+ {"version":3,"sources":["RadioGroup.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type RadioGroupSlots = {\n /*\n The radio group root.\n /\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type RadioGroupProps = Omit<ComponentProps<Partial<RadioGroupSlots>>, 'onChange'> & {\n /\n The name of this radio group. This name is applied to all Radio items inside this group.\n \n If no name is provided, one will be generated so that all of the Radio items have the same name.\n /\n name?: string;\n\n /\n The selected Radio item in this group.\n \n This should be the `value` prop of one of the Radio items inside this group.\n /\n value?: string;\n\n /\n The default selected Radio item in this group.\n \n This should be the `value` prop of one of the Radio items inside this group.\n /\n defaultValue?: string;\n\n /\n Callback when the selected Radio item changes.\n /\n onChange?: (ev: React.FormEvent<HTMLDivElement>, data: RadioGroupOnChangeData) => void;\n\n /\n How the radio items are laid out in the group.\n \n @default vertical\n /\n layout?: 'vertical' \| 'horizontal' \| 'horizontal-stacked';\n\n /\n Disable all Radio items in this group.\n /\n disabled?: boolean;\n\n /\n Require a selection in this group. Adds the `required` prop to all child Radio items.\n /\n required?: boolean;\n};\n\n/\n Data for the onChange event for RadioGroup.\n /\nexport type RadioGroupOnChangeData = {\n /\n The value of the newly selected Radio item.\n /\n value: string;\n};\n\n/\n State used in rendering RadioGroup\n */\nexport type RadioGroupState = ComponentState<RadioGroupSlots> &\n Required<Pick<RadioGroupProps, 'layout'>> &\n Pick<RadioGroupProps, 'name' \| 'value' \| 'defaultValue' \| 'disabled' \| 'layout' \| 'required'>;\n\nexport type RadioGroupContextValue = Pick<\n RadioGroupProps,\n 'name' \| 'value' \| 'defaultValue' \| 'disabled' \| 'layout' \| 'required' \| 'aria-describedby'\n>;\n\nexport type RadioGroupContextValues = {\n radioGroup: RadioGroupContextValue;\n};\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/RadioGroup/index.js CHANGED Viewed

@@ -3,4 +3,3 @@ export * from './RadioGroup.types';
 export * from './renderRadioGroup';
 export * from './useRadioGroup';
 export * from './useRadioGroupStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/RadioGroup/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~names":[],"~~sources":["~~../../../src/components/RadioGroup/~~index.ts"],"sourcesContent":["export * from './RadioGroup';\nexport * from './RadioGroup.types';\nexport * from './renderRadioGroup';\nexport * from './useRadioGroup';\nexport * from './useRadioGroupStyles.styles';\n"],"mappings":"AAAA,cAAc;~~AACd~~,cAAc;~~AACd~~,cAAc;~~AACd~~,cAAc;~~AACd~~,cAAc"}
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './RadioGroup';\nexport * from './RadioGroup.types';\nexport * from './renderRadioGroup';\nexport * from './useRadioGroup';\nexport * from './useRadioGroupStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,+BAA+B"}

package/lib/components/RadioGroup/renderRadioGroup.js CHANGED Viewed

@@ -1,16 +1,11 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 import { RadioGroupContext } from '../../contexts/RadioGroupContext';
 /**
  * Render the final JSX of RadioGroup
- */
-export const renderRadioGroup_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(RadioGroupContext.Provider, {
-    value: contextValues.radioGroup
-  }, /*#__PURE__*/createElement(slots.root, slotProps.root));
+ */ export const renderRadioGroup_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(RadioGroupContext.Provider, {
+        value: contextValues.radioGroup
+    }, /*#__PURE__*/ createElement(slots.root, slotProps.root));
 };
-//# sourceMappingURL=renderRadioGroup.js.map