npm - @fluentui/react-infobutton - Versions diffs - 9.0.0-beta.24 → 9.0.0-beta.26 - Mend

@fluentui/react-infobutton 9.0.0-beta.24 → 9.0.0-beta.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,28 +2,73 @@
   "name": "@fluentui/react-infobutton",
   "entries": [
     {
-      "date": "Thu, 23 Mar 2023 12:28:45 GMT",
-      "tag": "@fluentui/react-infobutton_v9.0.0-beta.24",
-      "version": "9.0.0-beta.24",
+      "date": "Wed, 12 Apr 2023 09:28:17 GMT",
+      "tag": "@fluentui/react-infobutton_v9.0.0-beta.26",
+      "version": "9.0.0-beta.26",
       "comments": {
         "prerelease": [
           {
             "author": "beachball",
             "package": "@fluentui/react-infobutton",
-            "comment": "Bump @fluentui/react-label to v9.1.6",
-            "commit": "be0ca69899300abe3c8478c435e0f6837138479b"
+            "comment": "Bump @fluentui/react-label to v9.1.8",
+            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-infobutton",
-            "comment": "Bump @fluentui/react-popover to v9.5.6",
-            "commit": "be0ca69899300abe3c8478c435e0f6837138479b"
+            "comment": "Bump @fluentui/react-popover to v9.5.8",
+            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-infobutton",
-            "comment": "Bump @fluentui/react-tabster to v9.6.2",
-            "commit": "be0ca69899300abe3c8478c435e0f6837138479b"
+            "comment": "Bump @fluentui/react-tabster to v9.6.4",
+            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-utilities to v9.7.4",
+            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 04 Apr 2023 18:44:48 GMT",
+      "tag": "@fluentui/react-infobutton_v9.0.0-beta.25",
+      "version": "9.0.0-beta.25",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "df9564ee42c12b0dfab646f9e4dd4038c636d3ee",
+            "comment": "chore: Rename content slot to info."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-label to v9.1.7",
+            "commit": "6778d76bbbad7e1975c151c797f28c2708cde2ce"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-popover to v9.5.7",
+            "commit": "6778d76bbbad7e1975c151c797f28c2708cde2ce"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-tabster to v9.6.3",
+            "commit": "6778d76bbbad7e1975c151c797f28c2708cde2ce"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-utilities to v9.7.3",
+            "commit": "6778d76bbbad7e1975c151c797f28c2708cde2ce"
           }
         ]
       }

package/CHANGELOG.md CHANGED Viewed

@@ -1,19 +1,33 @@
 # Change Log - @fluentui/react-infobutton
-This log was last generated on Thu, 23 Mar 2023 12:28:45 GMT and should not be manually modified.
+This log was last generated on Wed, 12 Apr 2023 09:28:17 GMT and should not be manually modified.
 <!-- Start content -->
-## [9.0.0-beta.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.24)
+## [9.0.0-beta.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.26)
-Thu, 23 Mar 2023 12:28:45 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.23..@fluentui/react-infobutton_v9.0.0-beta.24)
+Wed, 12 Apr 2023 09:28:17 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.25..@fluentui/react-infobutton_v9.0.0-beta.26)
 ### Changes
-- Bump @fluentui/react-label to v9.1.6 ([PR #27286](https://github.com/microsoft/fluentui/pull/27286) by beachball)
-- Bump @fluentui/react-popover to v9.5.6 ([PR #27286](https://github.com/microsoft/fluentui/pull/27286) by beachball)
-- Bump @fluentui/react-tabster to v9.6.2 ([PR #27286](https://github.com/microsoft/fluentui/pull/27286) by beachball)
+- Bump @fluentui/react-label to v9.1.8 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
+- Bump @fluentui/react-popover to v9.5.8 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
+- Bump @fluentui/react-tabster to v9.6.4 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
+- Bump @fluentui/react-utilities to v9.7.4 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
+## [9.0.0-beta.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.25)
+Tue, 04 Apr 2023 18:44:48 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.23..@fluentui/react-infobutton_v9.0.0-beta.25)
+### Changes
+- chore: Rename content slot to info. ([PR #27316](https://github.com/microsoft/fluentui/pull/27316) by esteban.230@hotmail.com)
+- Bump @fluentui/react-label to v9.1.7 ([PR #27434](https://github.com/microsoft/fluentui/pull/27434) by beachball)
+- Bump @fluentui/react-popover to v9.5.7 ([PR #27434](https://github.com/microsoft/fluentui/pull/27434) by beachball)
+- Bump @fluentui/react-tabster to v9.6.3 ([PR #27434](https://github.com/microsoft/fluentui/pull/27434) by beachball)
+- Bump @fluentui/react-utilities to v9.7.3 ([PR #27434](https://github.com/microsoft/fluentui/pull/27434) by beachball)
 ## [9.0.0-beta.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.23)

package/dist/index.d.ts CHANGED Viewed

@@ -32,13 +32,13 @@ export declare type InfoButtonProps = Omit<ComponentProps<Partial<InfoButtonSlot
 export declare type InfoButtonSlots = {
     root: NonNullable<Slot<'button'>>;
     /**
-     * The Popover element that wraps the content and root. Use this slot to pass props to the Popover.
+     * The Popover element that wraps the info and root slots. Use this slot to pass props to the Popover.
      */
     popover: NonNullable<Slot<Partial<PopoverProps>>>;
     /**
-     * The content to be displayed in the PopoverSurface when the button is pressed.
+     * The information to be displayed in the PopoverSurface when the button is pressed.
      */
-    content: NonNullable<Slot<typeof PopoverSurface>>;
+    info: NonNullable<Slot<typeof PopoverSurface>>;
 };
 /**
@@ -60,7 +60,7 @@ export declare type InfoLabelProps = ComponentProps<Partial<InfoLabelSlots>, 'la
     /**
      * The content of the InfoButton's popover.
      */
-    info?: InfoButtonProps['content'];
+    info?: InfoButtonProps['info'];
 };
 export declare type InfoLabelSlots = {

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

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../../src/components/InfoButton/InfoButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverProps, PopoverSurface } from '@fluentui/react-popover';\n\nexport type InfoButtonSlots = {\n root: NonNullable<Slot<'button'>>;\n\n /*\n The Popover element that wraps the ~~content~~ and root. Use this slot to pass props to the Popover.\n /\n popover: NonNullable<Slot<Partial<PopoverProps>>>;\n\n /\n The ~~content~~ to be displayed in the PopoverSurface when the button is pressed.\n /\n ~~content~~: NonNullable<Slot<typeof PopoverSurface>>;\n};\n\n/\n InfoButton Props\n /\nexport type InfoButtonProps = Omit<ComponentProps<Partial<InfoButtonSlots>>, 'disabled'> & {\n /\n Size of the InfoButton.\n \n @default medium\n /\n size?: 'small' \| 'medium' \| 'large';\n};\n\n/\n State used in rendering InfoButton\n */\nexport type InfoButtonState = ComponentState<InfoButtonSlots> & Required<Pick<InfoButtonProps, 'size'>>;\n"],"mappings":"AAAA"}
1	+ {"version":3,"names":[],"sources":["../../../src/components/InfoButton/InfoButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverProps, PopoverSurface } from '@fluentui/react-popover';\n\nexport type InfoButtonSlots = {\n root: NonNullable<Slot<'button'>>;\n\n /*\n The Popover element that wraps the info and root slots. Use this slot to pass props to the Popover.\n /\n popover: NonNullable<Slot<Partial<PopoverProps>>>;\n\n /\n The information to be displayed in the PopoverSurface when the button is pressed.\n /\n info: NonNullable<Slot<typeof PopoverSurface>>;\n};\n\n/\n InfoButton Props\n /\nexport type InfoButtonProps = Omit<ComponentProps<Partial<InfoButtonSlots>>, 'disabled'> & {\n /\n Size of the InfoButton.\n \n @default medium\n /\n size?: 'small' \| 'medium' \| 'large';\n};\n\n/\n State used in rendering InfoButton\n */\nexport type InfoButtonState = ComponentState<InfoButtonSlots> & Required<Pick<InfoButtonProps, 'size'>>;\n"],"mappings":"AAAA"}

package/lib/components/InfoButton/renderInfoButton.js CHANGED Viewed

@@ -9,6 +9,6 @@ export const renderInfoButton_unstable = state => {
     slots,
     slotProps
   } = getSlots(state);
-  return /*#__PURE__*/React.createElement(slots.popover, slotProps.popover, /*#__PURE__*/React.createElement(PopoverTrigger, null, /*#__PURE__*/React.createElement(slots.root, slotProps.root)), /*#__PURE__*/React.createElement(slots.content, slotProps.content));
+  return /*#__PURE__*/React.createElement(slots.popover, slotProps.popover, /*#__PURE__*/React.createElement(PopoverTrigger, null, /*#__PURE__*/React.createElement(slots.root, slotProps.root)), /*#__PURE__*/React.createElement(slots.info, slotProps.info));
 };
 //# sourceMappingURL=renderInfoButton.js.map

package/lib/components/InfoButton/renderInfoButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","getSlots","PopoverTrigger","renderInfoButton_unstable","state","slots","slotProps","createElement","popover","root","~~content~~"],"sources":["../../../src/components/InfoButton/renderInfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\nimport type { PopoverProps } from '@fluentui/react-popover';\nimport type { InfoButtonState, InfoButtonSlots } from './InfoButton.types';\n\n/*\n Render the final JSX of InfoButton\n */\nexport const renderInfoButton_unstable = (state: InfoButtonState) => {\n const { slots, slotProps } = getSlots<InfoButtonSlots>(state);\n\n return (\n <slots.popover {...(slotProps.popover as PopoverProps)}>\n <PopoverTrigger>\n <slots.root {...slotProps.root} />\n </PopoverTrigger>\n <slots.~~content~~ {...slotProps.~~content~~} />\n </slots.popover>\n );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAI/B;;;AAGA,OAAO,MAAMC,yBAAA,GAA6BC,KAAA,IAA2B;EACnE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGL,QAAA,CAA0BG,KAAA;EAEvD,oBACEJ,KAAA,CAAAO,aAAA,CAACF,KAAA,CAAMG,OAAO,EAAMF,SAAA,CAAUE,OAAO,eACnCR,KAAA,CAAAO,aAAA,CAACL,cAAA,qBACCF,KAAA,CAAAO,aAAA,CAACF,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,iBAEhCT,KAAA,CAAAO,aAAA,CAACF,KAAA,CAAMK,~~OAAO~~,EAAKJ,SAAA,CAAUI,~~OAAO~~;~~AAG1C~~"}
1	+ {"version":3,"names":["React","getSlots","PopoverTrigger","renderInfoButton_unstable","state","slots","slotProps","createElement","popover","root","info"],"sources":["../../../src/components/InfoButton/renderInfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\nimport type { PopoverProps } from '@fluentui/react-popover';\nimport type { InfoButtonState, InfoButtonSlots } from './InfoButton.types';\n\n/*\n Render the final JSX of InfoButton\n */\nexport const renderInfoButton_unstable = (state: InfoButtonState) => {\n const { slots, slotProps } = getSlots<InfoButtonSlots>(state);\n\n return (\n <slots.popover {...(slotProps.popover as PopoverProps)}>\n <PopoverTrigger>\n <slots.root {...slotProps.root} />\n </PopoverTrigger>\n <slots.info {...slotProps.info} />\n </slots.popover>\n );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAI/B;;;AAGA,OAAO,MAAMC,yBAAA,GAA6BC,KAAA,IAA2B;EACnE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGL,QAAA,CAA0BG,KAAA;EAEvD,oBACEJ,KAAA,CAAAO,aAAA,CAACF,KAAA,CAAMG,OAAO,EAAMF,SAAA,CAAUE,OAAO,eACnCR,KAAA,CAAAO,aAAA,CAACL,cAAA,qBACCF,KAAA,CAAAO,aAAA,CAACF,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,iBAEhCT,KAAA,CAAAO,aAAA,CAACF,KAAA,CAAMK,IAAI,EAAKJ,SAAA,CAAUI,IAAI;AAGpC"}

package/lib/components/InfoButton/useInfoButton.js CHANGED Viewed

@@ -31,7 +31,7 @@ export const useInfoButton_unstable = (props, ref) => {
     components: {
       root: 'button',
       popover: Popover,
-      content: PopoverSurface
+      info: PopoverSurface
     },
     root: getNativeElementProps('button', {
       children: infoButtonIconMap[size],
@@ -48,7 +48,7 @@ export const useInfoButton_unstable = (props, ref) => {
         withArrow: true
       }
     }),
-    content: resolveShorthand(props.content, {
+    info: resolveShorthand(props.info, {
       required: true,
       defaultProps: {
         role: 'note',

package/lib/components/InfoButton/useInfoButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","getNativeElementProps","mergeCallbacks","resolveShorthand","Popover","PopoverSurface","useControllableState","infoButtonIconMap","small","createElement","medium","large","popoverSizeMap","useInfoButton_unstable","props","ref","size","state","components","root","popover","~~content~~","children","type","required","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","open","defaultState","defaultOpen","initialState","onOpenChange","e","data"],"sources":["../../../src/components/InfoButton/useInfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { useControllableState } from '@fluentui/react-utilities';\nimport type { InfoButtonProps, InfoButtonState } from './InfoButton.types';\nimport type { PopoverProps } from '@fluentui/react-popover';\n\nconst infoButtonIconMap = {\n small: <DefaultInfoButtonIcon12 />,\n medium: <DefaultInfoButtonIcon16 />,\n large: <DefaultInfoButtonIcon20 />,\n} as const;\n\nconst popoverSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium',\n} as const;\n\n/*\n Create the state required to render InfoButton.\n \n The returned state can be modified with hooks such as useInfoButtonStyles_unstable,\n * before being passed to renderInfoButton_unstable.\n \n @param props - props from this instance of InfoButton\n * @param ref - reference to root HTMLElement of InfoButton\n */\nexport const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref<HTMLElement>): InfoButtonState => {\n const { size = 'medium' } = props;\n\n const state: InfoButtonState = {\n size,\n\n components: {\n root: 'button',\n popover: Popover as React.FC<Partial<PopoverProps>>,\n ~~content~~: PopoverSurface,\n },\n\n root: getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref,\n }),\n popover: resolveShorthand(props.popover, {\n required: true,\n defaultProps: {\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true,\n },\n }),\n ~~content~~: resolveShorthand(props.~~content~~, {\n required: true,\n defaultProps: {\n role: 'note',\n tabIndex: -1,\n },\n }),\n };\n\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: state.popover.open,\n defaultState: state.popover.defaultOpen,\n initialState: false,\n });\n\n state.popover.open = popoverOpen;\n state.popover.onOpenChange = mergeCallbacks(state.popover.onOpenChange, (e, data) => setPopoverOpen(data.open));\n\n return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,uBAAuB,EAAEC,uBAAuB,EAAEC,uBAAuB,QAAQ;AAC1F,SAASC,qBAAqB,EAAEC,cAAc,EAAEC,gBAAgB,QAAQ;AACxE,SAASC,OAAO,EAAEC,cAAc,QAAQ;AACxC,SAASC,oBAAoB,QAAQ;AAIrC,MAAMC,iBAAA,GAAoB;EACxBC,KAAA,eAAOX,KAAA,CAAAY,aAAA,CAACX,uBAAA;EACRY,MAAA,eAAQb,KAAA,CAAAY,aAAA,CAACV,uBAAA;EACTY,KAAA,eAAOd,KAAA,CAAAY,aAAA,CAACT,uBAAA;AACV;AAEA,MAAMY,cAAA,GAAiB;EACrBJ,KAAA,EAAO;EACPE,MAAA,EAAQ;EACRC,KAAA,EAAO;AACT;AAEA;;;;;;;;;AASA,OAAO,MAAME,sBAAA,GAAyBA,CAACC,KAAA,EAAwBC,GAAA,KAAiD;EAC9G,MAAM;IAAEC,IAAA,GAAO;EAAQ,CAAE,GAAGF,KAAA;EAE5B,MAAMG,KAAA,GAAyB;IAC7BD,IAAA;IAEAE,UAAA,EAAY;MACVC,IAAA,EAAM;MACNC,OAAA,EAAShB,OAAA;MACTiB,~~OAAA~~,~~EAAShB~~;~~IACX~~;IAEAc,IAAA,EAAMlB,qBAAA,CAAsB,UAAU;MACpCqB,QAAA,EAAUf,iBAAiB,CAACS,IAAA,CAAK;MACjCO,IAAA,EAAM;MACN,cAAc;MACd,GAAGT,KAAK;MACRC;IACF;IACAK,OAAA,EAASjB,gBAAA,CAAiBW,KAAA,CAAMM,OAAO,EAAE;MACvCI,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZC,WAAA,EAAa;QACbV,IAAA,EAAMJ,cAAc,CAACI,IAAA,CAAK;QAC1BW,SAAA,EAAW;MACb;IACF;IACAN,~~OAAA~~,~~EAASlB~~,gBAAA,CAAiBW,KAAA,CAAMO,~~OAAO~~,EAAE;~~MACvCG~~,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZG,IAAA,EAAM;QACNC,QAAA,EAAU,CAAC;MACb;IACF;EACF;EAEA,MAAM,CAACC,WAAA,EAAaC,cAAA,CAAe,GAAGzB,oBAAA,CAAqB;IACzDW,KAAA,EAAOA,KAAA,CAAMG,OAAO,CAACY,IAAI;IACzBC,YAAA,EAAchB,KAAA,CAAMG,OAAO,CAACc,WAAW;IACvCC,YAAA,EAAc;EAChB;EAEAlB,KAAA,CAAMG,OAAO,CAACY,IAAI,GAAGF,WAAA;EACrBb,KAAA,CAAMG,OAAO,CAACgB,YAAY,GAAGlC,cAAA,CAAee,KAAA,CAAMG,OAAO,CAACgB,YAAY,EAAE,CAACC,CAAA,EAAGC,IAAA,KAASP,cAAA,CAAeO,IAAA,CAAKN,IAAI;EAE7G,OAAOf,KAAA;AACT"}
1	+ {"version":3,"names":["React","DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","getNativeElementProps","mergeCallbacks","resolveShorthand","Popover","PopoverSurface","useControllableState","infoButtonIconMap","small","createElement","medium","large","popoverSizeMap","useInfoButton_unstable","props","ref","size","state","components","root","popover","info","children","type","required","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","open","defaultState","defaultOpen","initialState","onOpenChange","e","data"],"sources":["../../../src/components/InfoButton/useInfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { useControllableState } from '@fluentui/react-utilities';\nimport type { InfoButtonProps, InfoButtonState } from './InfoButton.types';\nimport type { PopoverProps } from '@fluentui/react-popover';\n\nconst infoButtonIconMap = {\n small: <DefaultInfoButtonIcon12 />,\n medium: <DefaultInfoButtonIcon16 />,\n large: <DefaultInfoButtonIcon20 />,\n} as const;\n\nconst popoverSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium',\n} as const;\n\n/*\n Create the state required to render InfoButton.\n \n The returned state can be modified with hooks such as useInfoButtonStyles_unstable,\n * before being passed to renderInfoButton_unstable.\n \n @param props - props from this instance of InfoButton\n * @param ref - reference to root HTMLElement of InfoButton\n */\nexport const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref<HTMLElement>): InfoButtonState => {\n const { size = 'medium' } = props;\n\n const state: InfoButtonState = {\n size,\n\n components: {\n root: 'button',\n popover: Popover as React.FC<Partial<PopoverProps>>,\n info: PopoverSurface,\n },\n\n root: getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref,\n }),\n popover: resolveShorthand(props.popover, {\n required: true,\n defaultProps: {\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true,\n },\n }),\n info: resolveShorthand(props.info, {\n required: true,\n defaultProps: {\n role: 'note',\n tabIndex: -1,\n },\n }),\n };\n\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: state.popover.open,\n defaultState: state.popover.defaultOpen,\n initialState: false,\n });\n\n state.popover.open = popoverOpen;\n state.popover.onOpenChange = mergeCallbacks(state.popover.onOpenChange, (e, data) => setPopoverOpen(data.open));\n\n return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,uBAAuB,EAAEC,uBAAuB,EAAEC,uBAAuB,QAAQ;AAC1F,SAASC,qBAAqB,EAAEC,cAAc,EAAEC,gBAAgB,QAAQ;AACxE,SAASC,OAAO,EAAEC,cAAc,QAAQ;AACxC,SAASC,oBAAoB,QAAQ;AAIrC,MAAMC,iBAAA,GAAoB;EACxBC,KAAA,eAAOX,KAAA,CAAAY,aAAA,CAACX,uBAAA;EACRY,MAAA,eAAQb,KAAA,CAAAY,aAAA,CAACV,uBAAA;EACTY,KAAA,eAAOd,KAAA,CAAAY,aAAA,CAACT,uBAAA;AACV;AAEA,MAAMY,cAAA,GAAiB;EACrBJ,KAAA,EAAO;EACPE,MAAA,EAAQ;EACRC,KAAA,EAAO;AACT;AAEA;;;;;;;;;AASA,OAAO,MAAME,sBAAA,GAAyBA,CAACC,KAAA,EAAwBC,GAAA,KAAiD;EAC9G,MAAM;IAAEC,IAAA,GAAO;EAAQ,CAAE,GAAGF,KAAA;EAE5B,MAAMG,KAAA,GAAyB;IAC7BD,IAAA;IAEAE,UAAA,EAAY;MACVC,IAAA,EAAM;MACNC,OAAA,EAAShB,OAAA;MACTiB,IAAA,EAAMhB;IACR;IAEAc,IAAA,EAAMlB,qBAAA,CAAsB,UAAU;MACpCqB,QAAA,EAAUf,iBAAiB,CAACS,IAAA,CAAK;MACjCO,IAAA,EAAM;MACN,cAAc;MACd,GAAGT,KAAK;MACRC;IACF;IACAK,OAAA,EAASjB,gBAAA,CAAiBW,KAAA,CAAMM,OAAO,EAAE;MACvCI,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZC,WAAA,EAAa;QACbV,IAAA,EAAMJ,cAAc,CAACI,IAAA,CAAK;QAC1BW,SAAA,EAAW;MACb;IACF;IACAN,IAAA,EAAMlB,gBAAA,CAAiBW,KAAA,CAAMO,IAAI,EAAE;MACjCG,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZG,IAAA,EAAM;QACNC,QAAA,EAAU,CAAC;MACb;IACF;EACF;EAEA,MAAM,CAACC,WAAA,EAAaC,cAAA,CAAe,GAAGzB,oBAAA,CAAqB;IACzDW,KAAA,EAAOA,KAAA,CAAMG,OAAO,CAACY,IAAI;IACzBC,YAAA,EAAchB,KAAA,CAAMG,OAAO,CAACc,WAAW;IACvCC,YAAA,EAAc;EAChB;EAEAlB,KAAA,CAAMG,OAAO,CAACY,IAAI,GAAGF,WAAA;EACrBb,KAAA,CAAMG,OAAO,CAACgB,YAAY,GAAGlC,cAAA,CAAee,KAAA,CAAMG,OAAO,CAACgB,YAAY,EAAE,CAACC,CAAA,EAAGC,IAAA,KAASP,cAAA,CAAeO,IAAA,CAAKN,IAAI;EAE7G,OAAOf,KAAA;AACT"}

package/lib/components/InfoButton/useInfoButtonStyles.js CHANGED Viewed

@@ -6,7 +6,7 @@ export const infoButtonClassNames = {
   root: 'fui-InfoButton',
   // this className won't be used, but it's needed to satisfy the type checker
   popover: 'fui-InfoButton__popover',
-  content: 'fui-InfoButton__content'
+  info: 'fui-InfoButton__info'
 };
 /**
  * Styles for the root slot
@@ -146,7 +146,7 @@ export const useInfoButtonStyles_unstable = state => {
   } = state.popover;
   const buttonStyles = useButtonStyles();
   const popoverSurfaceStyles = usePopoverSurfaceStyles();
-  state.content.className = mergeClasses(infoButtonClassNames.content, size === 'large' && popoverSurfaceStyles.large, state.content.className);
+  state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' && popoverSurfaceStyles.large, state.info.className);
   state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);
   return state;
 };

package/lib/components/InfoButton/useInfoButtonStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createFocusOutlineStyle","iconFilledClassName","iconRegularClassName","__styles","mergeClasses","shorthands","tokens","typographyStyles","infoButtonClassNames","root","popover","~~content~~","useButtonStyles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","large","d","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useInfoButtonStyles_unstable","state","size","open","buttonStyles","popoverSurfaceStyles","className"],"sources":["../../../src/components/InfoButton/useInfoButtonStyles.ts"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { InfoButtonSlots, InfoButtonState } from './InfoButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const infoButtonClassNames: SlotClassNames<InfoButtonSlots> = {\n root: 'fui-InfoButton',\n // this className won't be used, but it's needed to satisfy the type checker\n popover: 'fui-InfoButton__popover',\n ~~content~~: 'fui-~~InfoButton__content~~',\n};\n\n/*\n Styles for the root slot\n /\nconst useButtonStyles = makeStyles({\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n\n ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.margin(0),\n ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline-flex',\n },\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n color: tokens.colorNeutralForeground2BrandHover,\n\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n color: tokens.colorNeutralForeground2BrandPressed,\n },\n },\n\n selected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n color: tokens.colorNeutralForeground2BrandSelected,\n\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Canvas',\n },\n },\n\n highContrast: {\n '@media (forced-colors: active)': {\n color: 'CanvasText',\n\n ':hover,:hover:active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'Canvas',\n },\n },\n },\n\n focusIndicator: createFocusOutlineStyle(),\n\n large: {\n ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingVerticalXXS),\n },\n});\n\nconst usePopoverSurfaceStyles = makeStyles({\n smallMedium: typographyStyles.caption1,\n large: typographyStyles.body1,\n});\n\n/\n Apply styling to the InfoButton slots based on the state\n */\nexport const useInfoButtonStyles_unstable = (state: InfoButtonState): InfoButtonState => {\n const { size } = state;\n const { open } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n\n state.~~content~~.className = mergeClasses(\n infoButtonClassNames.~~content~~,\n size === 'large' && popoverSurfaceStyles.large,\n state.~~content~~.className,\n );\n\n state.root.className = mergeClasses(\n infoButtonClassNames.root,\n buttonStyles.base,\n buttonStyles.highContrast,\n buttonStyles.focusIndicator,\n open && buttonStyles.selected,\n size === 'large' && buttonStyles.large,\n state.root.className,\n );\n\n return state;\n};\n"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ;AACxC,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ;AAC1D,SAAAC,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AACrD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AAIzC,OAAO,MAAMC,oBAAA,GAAwD;EACnEC,IAAA,EAAM;EACN;EACAC,OAAA,EAAS;EACTC,~~OAAA~~,~~EAAS~~;~~AACX~~;AAEA;;;AAGA,MAAMC,eAAA,gBAAkBT,QAAA;EAAAU,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAA1B,MAAA;IAAAC,MAAA;IAAAiB,MAAA;IAAAC,MAAA;IAAAQ,OAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAD,OAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAlD,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAgD,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,EA4ExB;AAEA,MAAMC,uBAAA,gBAA0BxF,QAAA;EAAAyF,WAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAX,KAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAV,CAAA;AAAA,EAGhC;AAEA;;;AAGA,OAAO,MAAMW,4BAAA,GAAgCC,KAAA,IAA4C;EACvF,MAAM;IAAEC;EAAI,CAAE,GAAGD,KAAA;EACjB,MAAM;IAAEE;EAAI,CAAE,GAAGF,KAAA,CAAMxF,OAAO;EAC9B,MAAM2F,YAAA,GAAezF,eAAA;EACrB,MAAM0F,oBAAA,GAAuBX,uBAAA;EAE7BO,KAAA,CAAMvF,~~OAAO~~,CAAC4F,SAAS,GAAGnG,YAAA,~~CACxBI~~,oBAAA,CAAqBG,~~OAAO~~,~~EAC5BwF~~,IAAA,KAAS,WAAWG,oBAAA,CAAqBjB,KAAK,EAC9Ca,KAAA,CAAMvF,~~OAAO~~,CAAC4F,SAAS;~~EAGzBL~~,KAAA,CAAMzF,IAAI,CAAC8F,SAAS,GAAGnG,YAAA,CACrBI,oBAAA,CAAqBC,IAAI,EACzB4F,YAAA,CAAaxF,IAAI,EACjBwF,YAAA,CAAanD,YAAY,EACzBmD,YAAA,CAAa/C,cAAc,EAC3B8C,IAAA,IAAQC,YAAA,CAAatD,QAAQ,EAC7BoD,IAAA,KAAS,WAAWE,YAAA,CAAahB,KAAK,EACtCa,KAAA,CAAMzF,IAAI,CAAC8F,SAAS;EAGtB,OAAOL,KAAA;AACT"}
1	+ {"version":3,"names":["createFocusOutlineStyle","iconFilledClassName","iconRegularClassName","__styles","mergeClasses","shorthands","tokens","typographyStyles","infoButtonClassNames","root","popover","info","useButtonStyles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","large","d","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useInfoButtonStyles_unstable","state","size","open","buttonStyles","popoverSurfaceStyles","className"],"sources":["../../../src/components/InfoButton/useInfoButtonStyles.ts"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { InfoButtonSlots, InfoButtonState } from './InfoButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const infoButtonClassNames: SlotClassNames<InfoButtonSlots> = {\n root: 'fui-InfoButton',\n // this className won't be used, but it's needed to satisfy the type checker\n popover: 'fui-InfoButton__popover',\n info: 'fui-InfoButton__info',\n};\n\n/*\n Styles for the root slot\n /\nconst useButtonStyles = makeStyles({\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n\n ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.margin(0),\n ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline-flex',\n },\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n color: tokens.colorNeutralForeground2BrandHover,\n\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n color: tokens.colorNeutralForeground2BrandPressed,\n },\n },\n\n selected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n color: tokens.colorNeutralForeground2BrandSelected,\n\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Canvas',\n },\n },\n\n highContrast: {\n '@media (forced-colors: active)': {\n color: 'CanvasText',\n\n ':hover,:hover:active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'Canvas',\n },\n },\n },\n\n focusIndicator: createFocusOutlineStyle(),\n\n large: {\n ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingVerticalXXS),\n },\n});\n\nconst usePopoverSurfaceStyles = makeStyles({\n smallMedium: typographyStyles.caption1,\n large: typographyStyles.body1,\n});\n\n/\n Apply styling to the InfoButton slots based on the state\n */\nexport const useInfoButtonStyles_unstable = (state: InfoButtonState): InfoButtonState => {\n const { size } = state;\n const { open } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n\n state.info.className = mergeClasses(\n infoButtonClassNames.info,\n size === 'large' && popoverSurfaceStyles.large,\n state.info.className,\n );\n\n state.root.className = mergeClasses(\n infoButtonClassNames.root,\n buttonStyles.base,\n buttonStyles.highContrast,\n buttonStyles.focusIndicator,\n open && buttonStyles.selected,\n size === 'large' && buttonStyles.large,\n state.root.className,\n );\n\n return state;\n};\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../../src/components/InfoLabel/InfoLabel.types.ts"],"sourcesContent":["import { Label } from '@fluentui/react-label';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton';\nimport type { InfoButtonProps } from '../InfoButton';\n\nexport type InfoLabelSlots = {\n root: NonNullable<Slot<'span'>>;\n\n /*\n The Label component.\n \n It is not typically necessary to use this prop. The label text is the child of the `<InfoLabel>`, and other props\n * such as `size` and `required` should be set directly on the `InfoLabel`.\n \n This is the PRIMARY slot: all native properties specified directly on `<InfoLabel>` will be applied to this slot,\n * except `className` and `style`, which remain on the root slot.\n /\n label: NonNullable<Slot<typeof Label>>;\n\n /\n The InfoButton component.\n \n It is not typically necessary to use this prop. The content can be set using the `info` prop of the InfoLabel.\n /\n infoButton: Slot<typeof InfoButton>;\n};\n\n/\n InfoLabel Props\n /\nexport type InfoLabelProps = ComponentProps<Partial<InfoLabelSlots>, 'label'> & {\n /\n The content of the InfoButton's popover.\n /\n info?: InfoButtonProps['~~content~~'];\n};\n\n/\n State used in rendering InfoLabel\n */\nexport type InfoLabelState = ComponentState<InfoLabelSlots> & Pick<InfoLabelProps, 'size'>;\n"],"mappings":"AAAA"}
1	+ {"version":3,"names":[],"sources":["../../../src/components/InfoLabel/InfoLabel.types.ts"],"sourcesContent":["import { Label } from '@fluentui/react-label';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton';\nimport type { InfoButtonProps } from '../InfoButton';\n\nexport type InfoLabelSlots = {\n root: NonNullable<Slot<'span'>>;\n\n /*\n The Label component.\n \n It is not typically necessary to use this prop. The label text is the child of the `<InfoLabel>`, and other props\n * such as `size` and `required` should be set directly on the `InfoLabel`.\n \n This is the PRIMARY slot: all native properties specified directly on `<InfoLabel>` will be applied to this slot,\n * except `className` and `style`, which remain on the root slot.\n /\n label: NonNullable<Slot<typeof Label>>;\n\n /\n The InfoButton component.\n \n It is not typically necessary to use this prop. The content can be set using the `info` prop of the InfoLabel.\n /\n infoButton: Slot<typeof InfoButton>;\n};\n\n/\n InfoLabel Props\n /\nexport type InfoLabelProps = ComponentProps<Partial<InfoLabelSlots>, 'label'> & {\n /\n The content of the InfoButton's popover.\n /\n info?: InfoButtonProps['info'];\n};\n\n/\n State used in rendering InfoLabel\n */\nexport type InfoLabelState = ComponentState<InfoLabelSlots> & Pick<InfoLabelProps, 'size'>;\n"],"mappings":"AAAA"}

package/lib/components/InfoLabel/useInfoLabel.js CHANGED Viewed

@@ -43,7 +43,7 @@ export const useInfoLabel_unstable = (props, ref) => {
     required: !!info,
     defaultProps: {
       id: useId('infobutton-'),
-      content: info,
+      info,
       size
     }
   });

package/lib/components/InfoLabel/useInfoLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_infoButton","_arialabelledby","React","Label","resolveShorthand","useId","InfoButton","useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","size","info","className","style","labelProps","required","defaultProps","id","~~content","~~_","components"],"sources":["../../../src/components/InfoLabel/useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/*\n Create the state required to render InfoLabel.\n \n The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n \n @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n size,\n info,\n className,\n style,\n ...labelProps\n } = props;\n\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style,\n },\n });\n\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: useId('infolabel-'),\n ref,\n size,\n ...labelProps,\n },\n });\n\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: useId('infobutton-'),\n ~~content:~~ info,\n size,\n },\n });\n\n if (infoButton) {\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n }\n\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton,\n },\n root,\n label,\n infoButton,\n };\n};\n"],"mappings":"IAwDIA,WAAA,EAAWC,eAAA;AAxDf,YAAYC,KAAA,MAAW;AAEvB,SAASC,KAAK,QAAQ;AACtB,SAASC,gBAAgB,EAAEC,KAAK,QAAQ;AACxC,SAASC,UAAU,QAAQ;AAG3B;;;;;;;;;AASA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAqD;EAChH,MAAM;IACJC,IAAA,EAAMC,aAAA;IACNC,KAAA,EAAOC,cAAA;IACPC,UAAA,EAAYC,mBAAA;IACZC,IAAA;IACAC,IAAA;IACAC,SAAA;IACAC,KAAA;IACA,GAAGC;EAAA,CACJ,GAAGZ,KAAA;EAEJ,MAAME,IAAA,GAAON,gBAAA,CAAiBO,aAAA,EAAe;IAC3CU,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZJ,SAAA;MACAC;IACF;EACF;EAEA,MAAMP,KAAA,GAAQR,gBAAA,CAAiBS,cAAA,EAAgB;IAC7CQ,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZC,EAAA,EAAIlB,KAAA,CAAM;MACVI,GAAA;MACAO,IAAA;MACA,GAAGI;IACL;EACF;EAEA,MAAMN,UAAA,GAAaV,gBAAA,CAAiBW,mBAAA,EAAqB;IACvDM,QAAA,EAAU,CAAC,CAACJ,IAAA;IACZK,YAAA,EAAc;MACZC,EAAA,EAAIlB,KAAA,CAAM;~~MACVmB~~,~~OAAA,EAASP,~~IAAA;~~MACTD~~;IACF;EACF;EAEA,IAAIF,UAAA,EAAY;;IACd,~~CAAAW~~,CAAA,~~IAAAzB~~,WAAA,GAAAc,UAAA,EAAWb,eAAA,qBAAkB,~~cAAAwB~~,CAAA,cAAAA,CAAA,~~GAA7BzB~~,WAAU,CAACC,eAAA,CAAkB,GAAM,GAAEW,KAAA,CAAMW,EAAG,IAAGT,UAAA,CAAWS,EAAG,EAAC;EAClE;EAEA,OAAO;IACLP,IAAA;~~IACAU~~,UAAA,EAAY;~~MACVhB~~,IAAA,EAAM;MACNE,KAAA,EAAOT,KAAA;MACPW,UAAA,EAAYR;IACd;IACAI,IAAA;IACAE,KAAA;IACAE;EACF;AACF"}
1	+ {"version":3,"names":["_infoButton","_arialabelledby","React","Label","resolveShorthand","useId","InfoButton","useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","size","info","className","style","labelProps","required","defaultProps","id","_","components"],"sources":["../../../src/components/InfoLabel/useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/*\n Create the state required to render InfoLabel.\n \n The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n \n @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n size,\n info,\n className,\n style,\n ...labelProps\n } = props;\n\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style,\n },\n });\n\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: useId('infolabel-'),\n ref,\n size,\n ...labelProps,\n },\n });\n\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: useId('infobutton-'),\n info,\n size,\n },\n });\n\n if (infoButton) {\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n }\n\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton,\n },\n root,\n label,\n infoButton,\n };\n};\n"],"mappings":"IAwDIA,WAAA,EAAWC,eAAA;AAxDf,YAAYC,KAAA,MAAW;AAEvB,SAASC,KAAK,QAAQ;AACtB,SAASC,gBAAgB,EAAEC,KAAK,QAAQ;AACxC,SAASC,UAAU,QAAQ;AAG3B;;;;;;;;;AASA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAqD;EAChH,MAAM;IACJC,IAAA,EAAMC,aAAA;IACNC,KAAA,EAAOC,cAAA;IACPC,UAAA,EAAYC,mBAAA;IACZC,IAAA;IACAC,IAAA;IACAC,SAAA;IACAC,KAAA;IACA,GAAGC;EAAA,CACJ,GAAGZ,KAAA;EAEJ,MAAME,IAAA,GAAON,gBAAA,CAAiBO,aAAA,EAAe;IAC3CU,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZJ,SAAA;MACAC;IACF;EACF;EAEA,MAAMP,KAAA,GAAQR,gBAAA,CAAiBS,cAAA,EAAgB;IAC7CQ,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZC,EAAA,EAAIlB,KAAA,CAAM;MACVI,GAAA;MACAO,IAAA;MACA,GAAGI;IACL;EACF;EAEA,MAAMN,UAAA,GAAaV,gBAAA,CAAiBW,mBAAA,EAAqB;IACvDM,QAAA,EAAU,CAAC,CAACJ,IAAA;IACZK,YAAA,EAAc;MACZC,EAAA,EAAIlB,KAAA,CAAM;MACVY,IAAA;MACAD;IACF;EACF;EAEA,IAAIF,UAAA,EAAY;;IACd,CAAAU,CAAA,IAAAxB,WAAA,GAAAc,UAAA,EAAWb,eAAA,qBAAkB,cAAAuB,CAAA,cAAAA,CAAA,GAA7BxB,WAAU,CAACC,eAAA,CAAkB,GAAM,GAAEW,KAAA,CAAMW,EAAG,IAAGT,UAAA,CAAWS,EAAG,EAAC;EAClE;EAEA,OAAO;IACLP,IAAA;IACAS,UAAA,EAAY;MACVf,IAAA,EAAM;MACNE,KAAA,EAAOT,KAAA;MACPW,UAAA,EAAYR;IACd;IACAI,IAAA;IACAE,KAAA;IACAE;EACF;AACF"}

package/lib-commonjs/components/InfoButton/renderInfoButton.js CHANGED Viewed

@@ -12,7 +12,7 @@ const _reactUtilities = require("@fluentui/react-utilities");
 const _reactPopover = require("@fluentui/react-popover");
 const renderInfoButton_unstable = (state)=>{
     const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.popover, slotProps.popover, /*#__PURE__*/ _react.createElement(_reactPopover.PopoverTrigger, null, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root)), /*#__PURE__*/ _react.createElement(slots.content, slotProps.content));
+    return /*#__PURE__*/ _react.createElement(slots.popover, slotProps.popover, /*#__PURE__*/ _react.createElement(_reactPopover.PopoverTrigger, null, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root)), /*#__PURE__*/ _react.createElement(slots.info, slotProps.info));
 }; //# sourceMappingURL=renderInfoButton.js.map
 //# sourceMappingURL=renderInfoButton.js.map

package/lib-commonjs/components/InfoButton/renderInfoButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/InfoButton/renderInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/*\n Render the final JSX of InfoButton\n /\nexport const renderInfoButton_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /#__PURE__/React.createElement(slots.popover, slotProps.popover, /#__PURE__/React.createElement(PopoverTrigger, null, /#__PURE__/React.createElement(slots.root, slotProps.root)), /#__PURE__*/React.createElement(slots.~~content~~, slotProps.~~content~~));\n};\n//# sourceMappingURL=renderInfoButton.js.map"],"names":["renderInfoButton_unstable","state","slots","slotProps","getSlots","React","createElement","popover","PopoverTrigger","root","~~content~~"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;8BACM;AAIxB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,OAAO,EAAEJ,UAAUI,OAAO,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACE,4BAAc,EAAE,IAAI,EAAE,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,~~OAAO~~,EAAEP,UAAUO,~~OAAO~~;~~AACnQ~~,GACA,4CAA4C"}
1	+ {"version":3,"sources":["../../../lib/components/InfoButton/renderInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/*\n Render the final JSX of InfoButton\n /\nexport const renderInfoButton_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /#__PURE__/React.createElement(slots.popover, slotProps.popover, /#__PURE__/React.createElement(PopoverTrigger, null, /#__PURE__/React.createElement(slots.root, slotProps.root)), /#__PURE__*/React.createElement(slots.info, slotProps.info));\n};\n//# sourceMappingURL=renderInfoButton.js.map"],"names":["renderInfoButton_unstable","state","slots","slotProps","getSlots","React","createElement","popover","PopoverTrigger","root","info"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;8BACM;AAIxB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,OAAO,EAAEJ,UAAUI,OAAO,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACE,4BAAc,EAAE,IAAI,EAAE,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEP,UAAUO,IAAI;AAC7P,GACA,4CAA4C"}

package/lib-commonjs/components/InfoButton/useInfoButton.js CHANGED Viewed

@@ -28,7 +28,7 @@ const useInfoButton_unstable = (props, ref)=>{
         components: {
             root: 'button',
             popover: _reactPopover.Popover,
-            content: _reactPopover.PopoverSurface
+            info: _reactPopover.PopoverSurface
         },
         root: (0, _reactUtilities.getNativeElementProps)('button', {
             children: infoButtonIconMap[size],
@@ -45,7 +45,7 @@ const useInfoButton_unstable = (props, ref)=>{
                 withArrow: true
             }
         }),
-        content: (0, _reactUtilities.resolveShorthand)(props.content, {
+        info: (0, _reactUtilities.resolveShorthand)(props.info, {
             required: true,
             defaultProps: {
                 role: 'note',

package/lib-commonjs/components/InfoButton/useInfoButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/InfoButton/useInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { useControllableState } from '@fluentui/react-utilities';\nconst infoButtonIconMap = {\n small: /#__PURE__/React.createElement(DefaultInfoButtonIcon12, null),\n medium: /#__PURE__/React.createElement(DefaultInfoButtonIcon16, null),\n large: /#__PURE__/React.createElement(DefaultInfoButtonIcon20, null)\n};\nconst popoverSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium'\n};\n/*\n Create the state required to render InfoButton.\n \n The returned state can be modified with hooks such as useInfoButtonStyles_unstable,\n * before being passed to renderInfoButton_unstable.\n \n @param props - props from this instance of InfoButton\n * @param ref - reference to root HTMLElement of InfoButton\n */\nexport const useInfoButton_unstable = (props, ref) => {\n const {\n size = 'medium'\n } = props;\n const state = {\n size,\n components: {\n root: 'button',\n popover: Popover,\n ~~content~~: PopoverSurface\n },\n root: getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref\n }),\n popover: resolveShorthand(props.popover, {\n required: true,\n defaultProps: {\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true\n }\n }),\n ~~content~~: resolveShorthand(props.~~content~~, {\n required: true,\n defaultProps: {\n role: 'note',\n tabIndex: -1\n }\n })\n };\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: state.popover.open,\n defaultState: state.popover.defaultOpen,\n initialState: false\n });\n state.popover.open = popoverOpen;\n state.popover.onOpenChange = mergeCallbacks(state.popover.onOpenChange, (e, data) => setPopoverOpen(data.open));\n return state;\n};\n//# sourceMappingURL=useInfoButton.js.map"],"names":["useInfoButton_unstable","infoButtonIconMap","small","React","createElement","DefaultInfoButtonIcon12","medium","DefaultInfoButtonIcon16","large","DefaultInfoButtonIcon20","popoverSizeMap","props","ref","size","state","components","root","popover","Popover","~~content~~","PopoverSurface","getNativeElementProps","children","type","resolveShorthand","required","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","useControllableState","open","defaultState","defaultOpen","initialState","onOpenChange","mergeCallbacks","e","data"],"mappings":";;;;+BAwBaA;;aAAAA;;;6DAxBU;wCACmE;gCAClB;8BAChC;AAExC,MAAMC,oBAAoB;IACxBC,OAAO,WAAW,GAAEC,OAAMC,aAAa,CAACC,+CAAuB,EAAE,IAAI;IACrEC,QAAQ,WAAW,GAAEH,OAAMC,aAAa,CAACG,+CAAuB,EAAE,IAAI;IACtEC,OAAO,WAAW,GAAEL,OAAMC,aAAa,CAACK,+CAAuB,EAAE,IAAI;AACvE;AACA,MAAMC,iBAAiB;IACrBR,OAAO;IACPI,QAAQ;IACRE,OAAO;AACT;AAUO,MAAMR,yBAAyB,CAACW,OAAOC,MAAQ;IACpD,MAAM,EACJC,MAAO,SAAQ,EAChB,GAAGF;IACJ,MAAMG,QAAQ;QACZD;QACAE,YAAY;YACVC,MAAM;YACNC,SAASC,qBAAO;YAChBC,~~SAASC~~,4BAAc;~~QACzB~~;QACAJ,MAAMK,IAAAA,qCAAqB,EAAC,UAAU;YACpCC,UAAUrB,iBAAiB,CAACY,KAAK;YACjCU,MAAM;YACN,cAAc;YACd,GAAGZ,KAAK;YACRC;QACF;QACAK,SAASO,IAAAA,gCAAgB,EAACb,MAAMM,OAAO,EAAE;YACvCQ,UAAU,IAAI;YACdC,cAAc;gBACZC,aAAa;gBACbd,MAAMH,cAAc,CAACG,KAAK;gBAC1Be,WAAW,IAAI;YACjB;QACF;QACAT,~~SAASK~~,IAAAA,gCAAgB,EAACb,MAAMQ,~~OAAO~~,EAAE;~~YACvCM~~,UAAU,IAAI;YACdC,cAAc;gBACZG,MAAM;gBACNC,UAAU,CAAC;YACb;QACF;IACF;IACA,MAAM,CAACC,aAAaC,eAAe,GAAGC,IAAAA,oCAAoB,EAAC;QACzDnB,OAAOA,MAAMG,OAAO,CAACiB,IAAI;QACzBC,cAAcrB,MAAMG,OAAO,CAACmB,WAAW;QACvCC,cAAc,KAAK;IACrB;IACAvB,MAAMG,OAAO,CAACiB,IAAI,GAAGH;IACrBjB,MAAMG,OAAO,CAACqB,YAAY,GAAGC,IAAAA,8BAAc,EAACzB,MAAMG,OAAO,CAACqB,YAAY,EAAE,CAACE,GAAGC,OAAST,eAAeS,KAAKP,IAAI;IAC7G,OAAOpB;AACT,GACA,yCAAyC"}
1	+ {"version":3,"sources":["../../../lib/components/InfoButton/useInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { useControllableState } from '@fluentui/react-utilities';\nconst infoButtonIconMap = {\n small: /#__PURE__/React.createElement(DefaultInfoButtonIcon12, null),\n medium: /#__PURE__/React.createElement(DefaultInfoButtonIcon16, null),\n large: /#__PURE__/React.createElement(DefaultInfoButtonIcon20, null)\n};\nconst popoverSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium'\n};\n/*\n Create the state required to render InfoButton.\n \n The returned state can be modified with hooks such as useInfoButtonStyles_unstable,\n * before being passed to renderInfoButton_unstable.\n \n @param props - props from this instance of InfoButton\n * @param ref - reference to root HTMLElement of InfoButton\n */\nexport const useInfoButton_unstable = (props, ref) => {\n const {\n size = 'medium'\n } = props;\n const state = {\n size,\n components: {\n root: 'button',\n popover: Popover,\n info: PopoverSurface\n },\n root: getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref\n }),\n popover: resolveShorthand(props.popover, {\n required: true,\n defaultProps: {\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true\n }\n }),\n info: resolveShorthand(props.info, {\n required: true,\n defaultProps: {\n role: 'note',\n tabIndex: -1\n }\n })\n };\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: state.popover.open,\n defaultState: state.popover.defaultOpen,\n initialState: false\n });\n state.popover.open = popoverOpen;\n state.popover.onOpenChange = mergeCallbacks(state.popover.onOpenChange, (e, data) => setPopoverOpen(data.open));\n return state;\n};\n//# sourceMappingURL=useInfoButton.js.map"],"names":["useInfoButton_unstable","infoButtonIconMap","small","React","createElement","DefaultInfoButtonIcon12","medium","DefaultInfoButtonIcon16","large","DefaultInfoButtonIcon20","popoverSizeMap","props","ref","size","state","components","root","popover","Popover","info","PopoverSurface","getNativeElementProps","children","type","resolveShorthand","required","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","useControllableState","open","defaultState","defaultOpen","initialState","onOpenChange","mergeCallbacks","e","data"],"mappings":";;;;+BAwBaA;;aAAAA;;;6DAxBU;wCACmE;gCAClB;8BAChC;AAExC,MAAMC,oBAAoB;IACxBC,OAAO,WAAW,GAAEC,OAAMC,aAAa,CAACC,+CAAuB,EAAE,IAAI;IACrEC,QAAQ,WAAW,GAAEH,OAAMC,aAAa,CAACG,+CAAuB,EAAE,IAAI;IACtEC,OAAO,WAAW,GAAEL,OAAMC,aAAa,CAACK,+CAAuB,EAAE,IAAI;AACvE;AACA,MAAMC,iBAAiB;IACrBR,OAAO;IACPI,QAAQ;IACRE,OAAO;AACT;AAUO,MAAMR,yBAAyB,CAACW,OAAOC,MAAQ;IACpD,MAAM,EACJC,MAAO,SAAQ,EAChB,GAAGF;IACJ,MAAMG,QAAQ;QACZD;QACAE,YAAY;YACVC,MAAM;YACNC,SAASC,qBAAO;YAChBC,MAAMC,4BAAc;QACtB;QACAJ,MAAMK,IAAAA,qCAAqB,EAAC,UAAU;YACpCC,UAAUrB,iBAAiB,CAACY,KAAK;YACjCU,MAAM;YACN,cAAc;YACd,GAAGZ,KAAK;YACRC;QACF;QACAK,SAASO,IAAAA,gCAAgB,EAACb,MAAMM,OAAO,EAAE;YACvCQ,UAAU,IAAI;YACdC,cAAc;gBACZC,aAAa;gBACbd,MAAMH,cAAc,CAACG,KAAK;gBAC1Be,WAAW,IAAI;YACjB;QACF;QACAT,MAAMK,IAAAA,gCAAgB,EAACb,MAAMQ,IAAI,EAAE;YACjCM,UAAU,IAAI;YACdC,cAAc;gBACZG,MAAM;gBACNC,UAAU,CAAC;YACb;QACF;IACF;IACA,MAAM,CAACC,aAAaC,eAAe,GAAGC,IAAAA,oCAAoB,EAAC;QACzDnB,OAAOA,MAAMG,OAAO,CAACiB,IAAI;QACzBC,cAAcrB,MAAMG,OAAO,CAACmB,WAAW;QACvCC,cAAc,KAAK;IACrB;IACAvB,MAAMG,OAAO,CAACiB,IAAI,GAAGH;IACrBjB,MAAMG,OAAO,CAACqB,YAAY,GAAGC,IAAAA,8BAAc,EAACzB,MAAMG,OAAO,CAACqB,YAAY,EAAE,CAACE,GAAGC,OAAST,eAAeS,KAAKP,IAAI;IAC7G,OAAOpB;AACT,GACA,yCAAyC"}

package/lib-commonjs/components/InfoButton/useInfoButtonStyles.js CHANGED Viewed

@@ -17,7 +17,7 @@ const infoButtonClassNames = {
     root: 'fui-InfoButton',
     // this className won't be used, but it's needed to satisfy the type checker
     popover: 'fui-InfoButton__popover',
-    content: 'fui-InfoButton__content'
+    info: 'fui-InfoButton__info'
 };
 /**
  * Styles for the root slot
@@ -334,7 +334,7 @@ const useInfoButtonStyles_unstable = (state)=>{
     const { open  } = state.popover;
     const buttonStyles = useButtonStyles();
     const popoverSurfaceStyles = usePopoverSurfaceStyles();
-    state.content.className = (0, _react.mergeClasses)(infoButtonClassNames.content, size === 'large' && popoverSurfaceStyles.large, state.content.className);
+    state.info.className = (0, _react.mergeClasses)(infoButtonClassNames.info, size === 'large' && popoverSurfaceStyles.large, state.info.className);
     state.root.className = (0, _react.mergeClasses)(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);
     return state;
 }; //# sourceMappingURL=useInfoButtonStyles.js.map

package/lib-commonjs/components/InfoButton/useInfoButtonStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/InfoButton/useInfoButtonStyles.js"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const infoButtonClassNames = {\n root: 'fui-InfoButton',\n // this className won't be used, but it's needed to satisfy the type checker\n popover: 'fui-InfoButton__popover',\n content: 'fui-InfoButton__content'\n};\n/*\n Styles for the root slot\n /\nconst useButtonStyles = /#__PURE__/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"f4d9j23\",\n w71qe1: \"f1iuv45f\",\n ha4doy: \"fmrv4ls\",\n qhf8xq: \"f10pi13n\",\n De3pzq: \"f1c21dwh\",\n sj55zd: \"fkfq4zb\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"fruq291\", \"f7x41pl\"],\n D0sxk3: \"f16u1re\",\n t6yez3: \"f1rw4040\",\n Jwef8y: \"fjxutwb\",\n Bi91k9c: \"f139oj5f\",\n Bk3fhr4: \"f1jpd6y0\",\n Bmfj8id: \"fuxngvv\",\n iro3zm: \"fwiml72\",\n B2d53fq: \"f1fg1p5m\"\n },\n selected: {\n De3pzq: \"f1q9pm1r\",\n sj55zd: \"f1qj7y59\",\n D0sxk3: \"fgzdkf0\",\n t6yez3: \"f15q0o9g\",\n Bsw6fvg: \"f1rirnrt\",\n Bbusuzp: \"f1cg6951\"\n },\n highContrast: {\n Bbusuzp: \"fn0tkbb\",\n Bs6v0vm: \"f1rp3av6\",\n B46dtvo: \"f1u7gwqv\",\n gh1jta: \"fl6kagl\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"frrh606\",\n clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n hgwjuy: \"ful5kiu\",\n Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"fdiulkx\",\n Bjwuhne: \"f1yalx80\",\n Ghsupd: [\"fq22d5a\", \"f1jw7pan\"],\n Bule8hv: [\"f1jw7pan\", \"fq22d5a\"]\n },\n large: {\n z8tnut: \"fclwglc\",\n z189sj: [\"f1w3695s\", \"f1b0r8ql\"],\n Byoj8tv: \"fywfov9\",\n uwmqm3: [\"f1b0r8ql\", \"f1w3695s\"]\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f1iuv45f{text-decoration-line:none;}\", \".fmrv4ls{vertical-align:middle;}\", \".f10pi13n{position:relative;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f16u1re .fui-Icon-filled{display:none;}\", \".f1rw4040 .fui-Icon-regular{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\", \".fgzdkf0 .fui-Icon-filled{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fdiulkx[data-fui-focus-visible]::after{top:-2px;}\", \".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}\", \".fq22d5a[data-fui-focus-visible]::after{left:-2px;}\", \".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}\", \".fclwglc{padding-top:var(--spacingVerticalXXS);}\", \".f1w3695s{padding-right:var(--spacingVerticalXXS);}\", \".f1b0r8ql{padding-left:var(--spacingVerticalXXS);}\", \".fywfov9{padding-bottom:var(--spacingVerticalXXS);}\"],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1jpd6y0:hover .fui-Icon-filled{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cg6951{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fn0tkbb{color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rp3av6:hover,.f1rp3av6:hover:active{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1u7gwqv:hover,.f1u7gwqv:hover:active{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fl6kagl:hover,.fl6kagl:hover:active{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\nconst usePopoverSurfaceStyles = /#__PURE__/__styles({\n smallMedium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n large: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/\n Apply styling to the InfoButton slots based on the state\n */\nexport const useInfoButtonStyles_unstable = state => {\n const {\n size\n } = state;\n const {\n open\n } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n state.content.className = mergeClasses(infoButtonClassNames.content, size === 'large' && popoverSurfaceStyles.large, state.content.className);\n state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);\n return state;\n};\n//# sourceMappingURL=useInfoButtonStyles.js.map"],"names":["infoButtonClassNames","useInfoButtonStyles_unstable","root","popover","content","useButtonStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","large","d","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","state","size","open","buttonStyles","popoverSurfaceStyles","className","mergeClasses"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../lib/components/InfoButton/useInfoButtonStyles.js"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const infoButtonClassNames = {\n root: 'fui-InfoButton',\n // this className won't be used, but it's needed to satisfy the type checker\n popover: 'fui-InfoButton__popover',\n info: 'fui-InfoButton__info'\n};\n/*\n Styles for the root slot\n /\nconst useButtonStyles = /#__PURE__/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"f4d9j23\",\n w71qe1: \"f1iuv45f\",\n ha4doy: \"fmrv4ls\",\n qhf8xq: \"f10pi13n\",\n De3pzq: \"f1c21dwh\",\n sj55zd: \"fkfq4zb\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"fruq291\", \"f7x41pl\"],\n D0sxk3: \"f16u1re\",\n t6yez3: \"f1rw4040\",\n Jwef8y: \"fjxutwb\",\n Bi91k9c: \"f139oj5f\",\n Bk3fhr4: \"f1jpd6y0\",\n Bmfj8id: \"fuxngvv\",\n iro3zm: \"fwiml72\",\n B2d53fq: \"f1fg1p5m\"\n },\n selected: {\n De3pzq: \"f1q9pm1r\",\n sj55zd: \"f1qj7y59\",\n D0sxk3: \"fgzdkf0\",\n t6yez3: \"f15q0o9g\",\n Bsw6fvg: \"f1rirnrt\",\n Bbusuzp: \"f1cg6951\"\n },\n highContrast: {\n Bbusuzp: \"fn0tkbb\",\n Bs6v0vm: \"f1rp3av6\",\n B46dtvo: \"f1u7gwqv\",\n gh1jta: \"fl6kagl\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"frrh606\",\n clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n hgwjuy: \"ful5kiu\",\n Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"fdiulkx\",\n Bjwuhne: \"f1yalx80\",\n Ghsupd: [\"fq22d5a\", \"f1jw7pan\"],\n Bule8hv: [\"f1jw7pan\", \"fq22d5a\"]\n },\n large: {\n z8tnut: \"fclwglc\",\n z189sj: [\"f1w3695s\", \"f1b0r8ql\"],\n Byoj8tv: \"fywfov9\",\n uwmqm3: [\"f1b0r8ql\", \"f1w3695s\"]\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f1iuv45f{text-decoration-line:none;}\", \".fmrv4ls{vertical-align:middle;}\", \".f10pi13n{position:relative;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f16u1re .fui-Icon-filled{display:none;}\", \".f1rw4040 .fui-Icon-regular{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\", \".fgzdkf0 .fui-Icon-filled{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fdiulkx[data-fui-focus-visible]::after{top:-2px;}\", \".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}\", \".fq22d5a[data-fui-focus-visible]::after{left:-2px;}\", \".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}\", \".fclwglc{padding-top:var(--spacingVerticalXXS);}\", \".f1w3695s{padding-right:var(--spacingVerticalXXS);}\", \".f1b0r8ql{padding-left:var(--spacingVerticalXXS);}\", \".fywfov9{padding-bottom:var(--spacingVerticalXXS);}\"],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1jpd6y0:hover .fui-Icon-filled{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cg6951{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fn0tkbb{color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rp3av6:hover,.f1rp3av6:hover:active{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1u7gwqv:hover,.f1u7gwqv:hover:active{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fl6kagl:hover,.fl6kagl:hover:active{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\nconst usePopoverSurfaceStyles = /#__PURE__/__styles({\n smallMedium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n large: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/\n Apply styling to the InfoButton slots based on the state\n */\nexport const useInfoButtonStyles_unstable = state => {\n const {\n size\n } = state;\n const {\n open\n } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' && popoverSurfaceStyles.large, state.info.className);\n state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);\n return state;\n};\n//# sourceMappingURL=useInfoButtonStyles.js.map"],"names":["infoButtonClassNames","useInfoButtonStyles_unstable","root","popover","info","useButtonStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","large","d","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","state","size","open","buttonStyles","popoverSurfaceStyles","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/components/InfoLabel/useInfoLabel.js CHANGED Viewed

@@ -34,7 +34,7 @@ const useInfoLabel_unstable = (props, ref)=>{
         required: !!info,
         defaultProps: {
             id: (0, _reactUtilities.useId)('infobutton-'),
-            content: info,
+            info,
             size
         }
     });

package/lib-commonjs/components/InfoLabel/useInfoLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/InfoLabel/useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\n/*\n Create the state required to render InfoLabel.\n \n The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n \n @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props, ref) => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n size,\n info,\n className,\n style,\n ...labelProps\n } = props;\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style\n }\n });\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: useId('infolabel-'),\n ref,\n size,\n ...labelProps\n }\n });\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: useId('infobutton-'),\n ~~content:~~ info,\n size\n }\n });\n if (infoButton) {\n var _;\n (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\n }\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton\n },\n root,\n label,\n infoButton\n };\n};\n//# sourceMappingURL=useInfoLabel.js.map"],"names":["useInfoLabel_unstable","_infoButton","_arialabelledby","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","size","info","className","style","labelProps","resolveShorthand","required","defaultProps","id","useId","~~content","~~_","components","Label","InfoButton"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAbU;4BACD;gCACkB;4BACb;AAJ3B,IAAIC,cAAaC;AAcV,MAAMF,wBAAwB,CAACG,OAAOC,MAAQ;IACnD,MAAM,EACJC,MAAMC,cAAa,EACnBC,OAAOC,eAAc,EACrBC,YAAYC,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGZ;IACJ,MAAME,OAAOW,IAAAA,gCAAgB,EAACV,eAAe;QAC3CW,UAAU,IAAI;QACdC,cAAc;YACZL;YACAC;QACF;IACF;IACA,MAAMP,QAAQS,IAAAA,gCAAgB,EAACR,gBAAgB;QAC7CS,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIC,IAAAA,qBAAK,EAAC;YACVhB;YACAO;YACA,GAAGI,UAAU;QACf;IACF;IACA,MAAMN,aAAaO,IAAAA,gCAAgB,EAACN,qBAAqB;QACvDO,UAAU,CAAC,CAACL;QACZM,cAAc;YACZC,IAAIC,IAAAA,qBAAK,EAAC;~~YACVC,SAAST~~;~~YACTD~~;QACF;IACF;IACA,IAAIF,YAAY;QACd,~~IAAIa~~;QACHA,CAAAA,IAAI,~~AAACrB~~,CAAAA,eAAcQ,UAAS,CAAE,CAACP,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,~~IAAIoB~~,MAAM,KAAK,IAAIA,~~IAAIrB~~,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEK,MAAMY,EAAE,CAAC,CAAC,EAAEV,WAAWU,EAAE,CAAC,CAAC;IACpK,CAAC;IACD,OAAO;QACLR;~~QACAY~~,YAAY;~~YACVlB~~,MAAM;YACNE,~~OAAOiB~~,iBAAK;~~YACZf~~,~~YAAYgB~~,sBAAU;QACxB;~~QACApB~~;QACAE;QACAE;IACF;AACF,GACA,wCAAwC"}
1	+ {"version":3,"sources":["../../../lib/components/InfoLabel/useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\n/*\n Create the state required to render InfoLabel.\n \n The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n \n @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props, ref) => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n size,\n info,\n className,\n style,\n ...labelProps\n } = props;\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style\n }\n });\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: useId('infolabel-'),\n ref,\n size,\n ...labelProps\n }\n });\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: useId('infobutton-'),\n info,\n size\n }\n });\n if (infoButton) {\n var _;\n (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\n }\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton\n },\n root,\n label,\n infoButton\n };\n};\n//# sourceMappingURL=useInfoLabel.js.map"],"names":["useInfoLabel_unstable","_infoButton","_arialabelledby","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","size","info","className","style","labelProps","resolveShorthand","required","defaultProps","id","useId","_","components","Label","InfoButton"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAbU;4BACD;gCACkB;4BACb;AAJ3B,IAAIC,cAAaC;AAcV,MAAMF,wBAAwB,CAACG,OAAOC,MAAQ;IACnD,MAAM,EACJC,MAAMC,cAAa,EACnBC,OAAOC,eAAc,EACrBC,YAAYC,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGZ;IACJ,MAAME,OAAOW,IAAAA,gCAAgB,EAACV,eAAe;QAC3CW,UAAU,IAAI;QACdC,cAAc;YACZL;YACAC;QACF;IACF;IACA,MAAMP,QAAQS,IAAAA,gCAAgB,EAACR,gBAAgB;QAC7CS,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIC,IAAAA,qBAAK,EAAC;YACVhB;YACAO;YACA,GAAGI,UAAU;QACf;IACF;IACA,MAAMN,aAAaO,IAAAA,gCAAgB,EAACN,qBAAqB;QACvDO,UAAU,CAAC,CAACL;QACZM,cAAc;YACZC,IAAIC,IAAAA,qBAAK,EAAC;YACVR;YACAD;QACF;IACF;IACA,IAAIF,YAAY;QACd,IAAIY;QACHA,CAAAA,IAAI,AAACpB,CAAAA,eAAcQ,UAAS,CAAE,CAACP,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAImB,MAAM,KAAK,IAAIA,IAAIpB,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEK,MAAMY,EAAE,CAAC,CAAC,EAAEV,WAAWU,EAAE,CAAC,CAAC;IACpK,CAAC;IACD,OAAO;QACLR;QACAW,YAAY;YACVjB,MAAM;YACNE,OAAOgB,iBAAK;YACZd,YAAYe,sBAAU;QACxB;QACAnB;QACAE;QACAE;IACF;AACF,GACA,wCAAwC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-infobutton",
-  "version": "9.0.0-beta.24",
+  "version": "9.0.0-beta.26",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,11 +33,11 @@
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-label": "^9.1.6",
-    "@fluentui/react-popover": "^9.5.6",
-    "@fluentui/react-tabster": "^9.6.2",
+    "@fluentui/react-label": "^9.1.8",
+    "@fluentui/react-popover": "^9.5.8",
+    "@fluentui/react-tabster": "^9.6.4",
     "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-utilities": "^9.7.2",
+    "@fluentui/react-utilities": "^9.7.4",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },