npm - @fluentui/react-infobutton - Versions diffs - 9.0.0-beta.55 → 9.0.0-beta.56 - Mend

@fluentui/react-infobutton 9.0.0-beta.55 → 9.0.0-beta.56

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 (42) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,64 @@
   "name": "@fluentui/react-infobutton",
   "entries": [
     {
-      "date": "Tue, 29 Aug 2023 12:53:34 GMT",
+      "date": "Tue, 05 Sep 2023 13:23:28 GMT",
+      "tag": "@fluentui/react-infobutton_v9.0.0-beta.56",
+      "version": "9.0.0-beta.56",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "eea6d93a62249ba4fba3347fb291c67ee1a3fb24",
+            "comment": "chore: migrate package to use JSX importSource"
+          },
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "b93c2ac22355b6cb6f33dd509c6cd9c21f4fffc8",
+            "comment": "bumps @swc/helpers version to 0.5.1"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-label to v9.1.31",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-popover to v9.8.1",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-tabster to v9.12.6",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-theme to v9.1.12",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-utilities to v9.13.1",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.4",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 29 Aug 2023 12:57:34 GMT",
       "tag": "@fluentui/react-infobutton_v9.0.0-beta.55",
       "version": "9.0.0-beta.55",
       "comments": {

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,28 @@
 # Change Log - @fluentui/react-infobutton
-This log was last generated on Tue, 29 Aug 2023 12:53:34 GMT and should not be manually modified.
+This log was last generated on Tue, 05 Sep 2023 13:23:28 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.0.0-beta.56](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.56)
+Tue, 05 Sep 2023 13:23:28 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.55..@fluentui/react-infobutton_v9.0.0-beta.56)
+### Changes
+- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
+- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
+- Bump @fluentui/react-label to v9.1.31 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-popover to v9.8.1 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-tabster to v9.12.6 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-theme to v9.1.12 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-utilities to v9.13.1 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.4 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
 ## [9.0.0-beta.55](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.55)
-Tue, 29 Aug 2023 12:53:34 GMT
+Tue, 29 Aug 2023 12:57:34 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.54..@fluentui/react-infobutton_v9.0.0-beta.55)
 ### Changes

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderInfoButton_unstable } from './renderInfoButton';\nimport { useInfoButton_unstable } from './useInfoButton';\nimport { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\nimport type { InfoButtonProps } from './InfoButton.types';\n\n/*\n InfoButtons provide a way to display additional information about a form field or an area in the UI.\n */\nexport const InfoButton: ForwardRefComponent<InfoButtonProps> = React.forwardRef((props, ref) => {\n const state = useInfoButton_unstable(props, ref);\n\n useInfoButtonStyles_unstable(state);\n return renderInfoButton_unstable(state);\n});\n\nInfoButton.displayName = 'InfoButton';\n"],"names":["React","renderInfoButton_unstable","useInfoButton_unstable","useInfoButtonStyles_unstable","InfoButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,4BAA4B,QAAQ,+BAA+B;AAG5E;;CAEC,GACD,OAAO,MAAMC,2BAAmDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC~~,MAAQ~~;~~IAC/F~~,MAAMC,QAAQN,uBAAuBI,OAAOC;IAE5CJ,6BAA6BK;IAC7B,OAAOP,0BAA0BO;AACnC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}
1	+ {"version":3,"sources":["InfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderInfoButton_unstable } from './renderInfoButton';\nimport { useInfoButton_unstable } from './useInfoButton';\nimport { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\nimport type { InfoButtonProps } from './InfoButton.types';\n\n/*\n InfoButtons provide a way to display additional information about a form field or an area in the UI.\n */\nexport const InfoButton: ForwardRefComponent<InfoButtonProps> = React.forwardRef((props, ref) => {\n const state = useInfoButton_unstable(props, ref);\n\n useInfoButtonStyles_unstable(state);\n return renderInfoButton_unstable(state);\n});\n\nInfoButton.displayName = 'InfoButton';\n"],"names":["React","renderInfoButton_unstable","useInfoButton_unstable","useInfoButtonStyles_unstable","InfoButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,4BAA4B,QAAQ,+BAA+B;AAG5E;;CAEC,GACD,OAAO,MAAMC,2BAAmDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQN,uBAAuBI,OAAOC;IAE5CJ,6BAA6BK;IAC7B,OAAOP,0BAA0BO;AACnC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}

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

@@ -1,9 +1,16 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 import { PopoverTrigger } from '@fluentui/react-popover';
 /**
  * Render the final JSX of InfoButton
  */ export const renderInfoButton_unstable = (state)=>{
     assertSlots(state);
-    return /*#__PURE__*/ createElement(state.popover, null, /*#__PURE__*/ createElement(PopoverTrigger, null, /*#__PURE__*/ createElement(state.root, null)), /*#__PURE__*/ createElement(state.info, null));
+    return /*#__PURE__*/ _jsxs(state.popover, {
+        children: [
+            /*#__PURE__*/ _jsx(PopoverTrigger, {
+                children: /*#__PURE__*/ _jsx(state.root, {})
+            }),
+            /*#__PURE__*/ _jsx(state.info, {})
+        ]
+    });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderInfoButton.tsx"],"sourcesContent":["/** @jsxRuntime ~~classic~~ /\n/* @~~jsx~~ ~~createElement /\n\nimport { createElement } from '~~@fluentui/react-jsx-runtime~~';\~~n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } 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 assertSlots<InfoButtonSlots>(state);\n\n return (\n <state.popover>\n <PopoverTrigger>\n <state.root />\n </PopoverTrigger>\n <state.info />\n </state.popover>\n );\n};\n"],"names":["~~createElement","~~assertSlots","PopoverTrigger","renderInfoButton_unstable","state","popover","root","info"],"mappings":"AAAA,~~wBAAwB~~,~~GACxB~~,~~uBAAuB~~,~~GAEvB,~~SAASA,~~aAAa,QAAQ,8BAA8B;AAE5D,SAASC,~~WAAW,QAAQ,4BAA4B;AACxD,SAASC,cAAc,QAAQ,0BAA0B;AAGzD;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC~~,QAA2B~~;~~IACnEH~~,YAA6BG;IAE7B,qBACE,~~AAfJ~~,~~cAeKA,~~MAAMC,OAAO,~~sBACZ~~,~~AAhBN~~,~~cAgBOH~~,~~oCACC,AAjBR,cAiBSE,~~MAAME,IAAI,~~wBAEb~~,~~AAnBN,cAmBOF,~~MAAMG,IAAI;AAGjB,EAAE"}
1	+ {"version":3,"sources":["renderInfoButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } 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 assertSlots<InfoButtonSlots>(state);\n\n return (\n <state.popover>\n <PopoverTrigger>\n <state.root />\n </PopoverTrigger>\n <state.info />\n </state.popover>\n );\n};\n"],"names":["assertSlots","PopoverTrigger","renderInfoButton_unstable","state","popover","root","info"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AACxD,SAASC,cAAc,QAAQ,0BAA0B;AAGzD;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC;IACxCH,YAA6BG;IAE7B,qBACE,MAACA,MAAMC,OAAO;;0BACZ,KAACH;0BACC,cAAA,KAACE,MAAME,IAAI;;0BAEb,KAACF,MAAMG,IAAI;;;AAGjB,EAAE"}

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

@@ -21,7 +21,7 @@ const popoverSizeMap = {
  * @param props - props from this instance of InfoButton
  * @param ref - reference to root HTMLElement of InfoButton
  */ export const useInfoButton_unstable = (props, ref)=>{
-    const { size ='medium' , inline =true  } = props;
+    const { size = 'medium', inline = true } = props;
     const state = {
         inline,
         size,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useInfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, useControllableState, slot } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\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', inline = true } = props;\n\n const state: InfoButtonState = {\n inline,\n size,\n\n components: {\n root: 'button',\n popover: Popover as React.FC<Partial<PopoverProps>>,\n info: PopoverSurface,\n },\n\n root: slot.always(\n getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref,\n }),\n { elementType: 'button' },\n ),\n popover: slot.always(props.popover, {\n defaultProps: {\n inline,\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true,\n },\n elementType: Popover as React.FC<Partial<PopoverProps>>,\n }),\n info: slot.always(props.info, {\n defaultProps: {\n role: 'note',\n tabIndex: -1,\n },\n elementType: PopoverSurface,\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"],"names":["React","DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","getNativeElementProps","mergeCallbacks","useControllableState","slot","Popover","PopoverSurface","infoButtonIconMap","small","medium","large","popoverSizeMap","useInfoButton_unstable","props","ref","size","inline","state","components","root","popover","info","always","children","type","elementType","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","open","defaultState","defaultOpen","initialState","onOpenChange","e","data"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,EAAEC,uBAAuB,EAAEC,uBAAuB,QAAQ,2BAA2B;AACrH,SAASC,qBAAqB,EAAEC,cAAc,EAAEC,oBAAoB,EAAEC,IAAI,QAAQ,4BAA4B;AAC9G,SAASC,OAAO,EAAEC,cAAc,QAAQ,0BAA0B;AAIlE,MAAMC,oBAAoB;IACxBC,qBAAO,oBAACV;IACRW,sBAAQ,oBAACV;IACTW,qBAAO,oBAACV;AACV;AAEA,MAAMW,iBAAiB;IACrBH,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAME,yBAAyB,CAACC,OAAwBC~~,MAAiD~~;~~IAC9G~~,MAAM,EAAEC,~~MAAO~~,~~SAAQ~~,EAAEC,~~QAAS~~,IAAI,~~CAAA,~~EAAE,GAAGH;IAE3C,MAAMI,QAAyB;QAC7BD;QACAD;QAEAG,YAAY;YACVC,MAAM;YACNC,SAASf;YACTgB,MAAMf;QACR;QAEAa,MAAMf,KAAKkB,MAAM,CACfrB,sBAAsB,UAAU;YAC9BsB,UAAUhB,iBAAiB,CAACQ,KAAK;YACjCS,MAAM;YACN,cAAc;YACd,GAAGX,KAAK;YACRC;QACF,IACA;YAAEW,aAAa;QAAS;QAE1BL,SAAShB,KAAKkB,MAAM,CAACT,MAAMO,OAAO,EAAE;YAClCM,cAAc;gBACZV;gBACAW,aAAa;gBACbZ,MAAMJ,cAAc,CAACI,KAAK;gBAC1Ba,WAAW~~,IAAI~~;~~YACjB~~;YACAH,aAAapB;QACf;QACAgB,MAAMjB,KAAKkB,MAAM,CAACT,MAAMQ,IAAI,EAAE;YAC5BK,cAAc;gBACZG,MAAM;gBACNC,UAAU,CAAC;YACb;YACAL,aAAanB;QACf;IACF;IAEA,MAAM,CAACyB,aAAaC,eAAe,GAAG7B,qBAAqB;QACzDc,OAAOA,MAAMG,OAAO,CAACa,IAAI;QACzBC,cAAcjB,MAAMG,OAAO,CAACe,WAAW;QACvCC,cAAc~~,KAAK~~;~~IACrB~~;IAEAnB,MAAMG,OAAO,CAACa,IAAI,GAAGF;IACrBd,MAAMG,OAAO,CAACiB,YAAY,GAAGnC,eAAee,MAAMG,OAAO,CAACiB,YAAY,EAAE,CAACC,GAAGC,OAASP,eAAeO,KAAKN,IAAI;IAE7G,OAAOhB;AACT,EAAE"}
1	+ {"version":3,"sources":["useInfoButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, useControllableState, slot } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\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', inline = true } = props;\n\n const state: InfoButtonState = {\n inline,\n size,\n\n components: {\n root: 'button',\n popover: Popover as React.FC<Partial<PopoverProps>>,\n info: PopoverSurface,\n },\n\n root: slot.always(\n getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref,\n }),\n { elementType: 'button' },\n ),\n popover: slot.always(props.popover, {\n defaultProps: {\n inline,\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true,\n },\n elementType: Popover as React.FC<Partial<PopoverProps>>,\n }),\n info: slot.always(props.info, {\n defaultProps: {\n role: 'note',\n tabIndex: -1,\n },\n elementType: PopoverSurface,\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"],"names":["React","DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","getNativeElementProps","mergeCallbacks","useControllableState","slot","Popover","PopoverSurface","infoButtonIconMap","small","medium","large","popoverSizeMap","useInfoButton_unstable","props","ref","size","inline","state","components","root","popover","info","always","children","type","elementType","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","open","defaultState","defaultOpen","initialState","onOpenChange","e","data"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,EAAEC,uBAAuB,EAAEC,uBAAuB,QAAQ,2BAA2B;AACrH,SAASC,qBAAqB,EAAEC,cAAc,EAAEC,oBAAoB,EAAEC,IAAI,QAAQ,4BAA4B;AAC9G,SAASC,OAAO,EAAEC,cAAc,QAAQ,0BAA0B;AAIlE,MAAMC,oBAAoB;IACxBC,qBAAO,oBAACV;IACRW,sBAAQ,oBAACV;IACTW,qBAAO,oBAACV;AACV;AAEA,MAAMW,iBAAiB;IACrBH,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAME,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,OAAO,QAAQ,EAAEC,SAAS,IAAI,EAAE,GAAGH;IAE3C,MAAMI,QAAyB;QAC7BD;QACAD;QAEAG,YAAY;YACVC,MAAM;YACNC,SAASf;YACTgB,MAAMf;QACR;QAEAa,MAAMf,KAAKkB,MAAM,CACfrB,sBAAsB,UAAU;YAC9BsB,UAAUhB,iBAAiB,CAACQ,KAAK;YACjCS,MAAM;YACN,cAAc;YACd,GAAGX,KAAK;YACRC;QACF,IACA;YAAEW,aAAa;QAAS;QAE1BL,SAAShB,KAAKkB,MAAM,CAACT,MAAMO,OAAO,EAAE;YAClCM,cAAc;gBACZV;gBACAW,aAAa;gBACbZ,MAAMJ,cAAc,CAACI,KAAK;gBAC1Ba,WAAW;YACb;YACAH,aAAapB;QACf;QACAgB,MAAMjB,KAAKkB,MAAM,CAACT,MAAMQ,IAAI,EAAE;YAC5BK,cAAc;gBACZG,MAAM;gBACNC,UAAU,CAAC;YACb;YACAL,aAAanB;QACf;IACF;IAEA,MAAM,CAACyB,aAAaC,eAAe,GAAG7B,qBAAqB;QACzDc,OAAOA,MAAMG,OAAO,CAACa,IAAI;QACzBC,cAAcjB,MAAMG,OAAO,CAACe,WAAW;QACvCC,cAAc;IAChB;IAEAnB,MAAMG,OAAO,CAACa,IAAI,GAAGF;IACrBd,MAAMG,OAAO,CAACiB,YAAY,GAAGnC,eAAee,MAAMG,OAAO,CAACiB,YAAY,EAAE,CAACC,GAAGC,OAASP,eAAeO,KAAKN,IAAI;IAE7G,OAAOhB;AACT,EAAE"}

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

	@@ -1 +1 @@
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","eoavqd","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","Bule8hv","Bjwuhne","Ghsupd","large","d","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useInfoButtonStyles_unstable","state","size","open","buttonStyles","popoverSurfaceStyles","className"],"sources":["useInfoButtonStyles.styles.js"],"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';\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 / const 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 backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.margin(0),\n ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline-flex'\n },\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n color: tokens.colorNeutralForeground2BrandHover,\n cursor: 'pointer',\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 selected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n color: tokens.colorNeutralForeground2BrandSelected,\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n },\n highContrast: {\n '@media (forced-colors: active)': {\n color: 'CanvasText',\n ':hover,:hover:active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n }\n },\n focusIndicator: createFocusOutlineStyle(),\n large: {\n ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingVerticalXXS)\n }\n});\nconst usePopoverSurfaceStyles = makeStyles({\n smallMedium: typographyStyles.caption1,\n large: typographyStyles.body1\n});\n/\n Apply styling to the InfoButton slots based on the state\n */ export const useInfoButtonStyles_unstable = (state)=>{\n const { size } = state;\n const { open } = 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"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,yBAAyB;AACjE,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,uBAAuB;AACjF,SAAAC,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtB;EACAC,OAAO,EAAE,yBAAyB;EAClCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,eAAe,gBAAGT,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,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAA3B,MAAA;IAAAC,MAAA;IAAAiB,MAAA;IAAAC,MAAA;IAAAS,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,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAnD,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAiD,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,CAiE3B,CAAC;AACF,MAAMC,uBAAuB,gBAAGzF,QAAA;EAAA0F,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,CAG/B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMW,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAM;IAAEC;~~EAAM~~,CAAC,GAAGD,KAAK;~~EACvB~~,MAAM;IAAEE;~~EAAM~~,CAAC,GAAGF,KAAK,CAACzF,OAAO;~~EAC/B~~,MAAM4F,YAAY,GAAG1F,eAAe,CAAC,CAAC;EACtC,MAAM2F,oBAAoB,GAAGX,uBAAuB,CAAC,CAAC;EACtDO,KAAK,CAACxF,IAAI,CAAC6F,SAAS,GAAGpG,YAAY,CAACI,oBAAoB,CAACG,IAAI,EAAEyF,IAAI,KAAK,OAAO,IAAIG,oBAAoB,CAACjB,KAAK,EAAEa,KAAK,CAACxF,IAAI,CAAC6F,SAAS,CAAC;EACpIL,KAAK,CAAC1F,IAAI,CAAC+F,SAAS,GAAGpG,YAAY,CAACI,oBAAoB,CAACC,IAAI,EAAE6F,YAAY,CAACzF,IAAI,EAAEyF,YAAY,CAACnD,YAAY,EAAEmD,YAAY,CAAC/C,cAAc,EAAE8C,IAAI,IAAIC,YAAY,CAACtD,QAAQ,EAAEoD,IAAI,KAAK,OAAO,IAAIE,YAAY,CAAChB,KAAK,EAAEa,KAAK,CAAC1F,IAAI,CAAC+F,SAAS,CAAC;EACtO,OAAOL,KAAK;AAChB,CAAC"}
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","eoavqd","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","Bule8hv","Bjwuhne","Ghsupd","large","d","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useInfoButtonStyles_unstable","state","size","open","buttonStyles","popoverSurfaceStyles","className"],"sources":["useInfoButtonStyles.styles.js"],"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';\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 / const 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 backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.margin(0),\n ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline-flex'\n },\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n color: tokens.colorNeutralForeground2BrandHover,\n cursor: 'pointer',\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 selected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n color: tokens.colorNeutralForeground2BrandSelected,\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n },\n highContrast: {\n '@media (forced-colors: active)': {\n color: 'CanvasText',\n ':hover,:hover:active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n }\n },\n focusIndicator: createFocusOutlineStyle(),\n large: {\n ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingVerticalXXS)\n }\n});\nconst usePopoverSurfaceStyles = makeStyles({\n smallMedium: typographyStyles.caption1,\n large: typographyStyles.body1\n});\n/\n Apply styling to the InfoButton slots based on the state\n */ export const useInfoButtonStyles_unstable = (state)=>{\n const { size } = state;\n const { open } = 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"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InfoLabel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { InfoLabelProps } from './InfoLabel.types';\nimport { renderInfoLabel_unstable } from './renderInfoLabel';\nimport { useInfoLabel_unstable } from './useInfoLabel';\nimport { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';\n\n/*\n InfoLabel component\n */\nexport const InfoLabel: ForwardRefComponent<InfoLabelProps> = React.forwardRef((props, ref) => {\n const state = useInfoLabel_unstable(props, ref);\n\n useInfoLabelStyles_unstable(state);\n return renderInfoLabel_unstable(state);\n});\n\nInfoLabel.displayName = 'InfoLabel';\n"],"names":["React","renderInfoLabel_unstable","useInfoLabel_unstable","useInfoLabelStyles_unstable","InfoLabel","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,2BAA2B,QAAQ,8BAA8B;AAE1E;;CAEC,GACD,OAAO,MAAMC,0BAAiDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC~~,MAAQ~~;~~IAC7F~~,MAAMC,QAAQN,sBAAsBI,OAAOC;IAE3CJ,4BAA4BK;IAC5B,OAAOP,yBAAyBO;AAClC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}
1	+ {"version":3,"sources":["InfoLabel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { InfoLabelProps } from './InfoLabel.types';\nimport { renderInfoLabel_unstable } from './renderInfoLabel';\nimport { useInfoLabel_unstable } from './useInfoLabel';\nimport { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';\n\n/*\n InfoLabel component\n */\nexport const InfoLabel: ForwardRefComponent<InfoLabelProps> = React.forwardRef((props, ref) => {\n const state = useInfoLabel_unstable(props, ref);\n\n useInfoLabelStyles_unstable(state);\n return renderInfoLabel_unstable(state);\n});\n\nInfoLabel.displayName = 'InfoLabel';\n"],"names":["React","renderInfoLabel_unstable","useInfoLabel_unstable","useInfoLabelStyles_unstable","InfoLabel","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,2BAA2B,QAAQ,8BAA8B;AAE1E;;CAEC,GACD,OAAO,MAAMC,0BAAiDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQN,sBAAsBI,OAAOC;IAE3CJ,4BAA4BK;IAC5B,OAAOP,yBAAyBO;AAClC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}

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

@@ -1,8 +1,13 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of InfoLabel
  */ export const renderInfoLabel_unstable = (state)=>{
     assertSlots(state);
-    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(state.label, null), state.infoButton && /*#__PURE__*/ createElement(state.infoButton, null));
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            /*#__PURE__*/ _jsx(state.label, {}),
+            state.infoButton && /*#__PURE__*/ _jsx(state.infoButton, {})
+        ]
+    });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderInfoLabel.tsx"],"sourcesContent":["/** @jsxRuntime ~~classic~~ /\n/* @~~jsx~~ ~~createElement /\n\nimport { createElement } from '~~@fluentui/react-jsx-runtime~~';\~~n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { InfoLabelSlots, InfoLabelState } from './InfoLabel.types';\n\n/\n Render the final JSX of InfoLabel\n */\nexport const renderInfoLabel_unstable = (state: InfoLabelState) => {\n assertSlots<InfoLabelSlots>(state);\n\n return (\n <state.root>\n <state.label />\n {state.infoButton && <state.infoButton />}\n </state.root>\n );\n};\n"],"names":["~~createElement","~~assertSlots","renderInfoLabel_unstable","state","root","label","infoButton"],"mappings":"AAAA,~~wBAAwB~~,~~GACxB~~,~~uBAAuB~~,~~GAEvB,~~SAASA,~~aAAa,QAAQ,8BAA8B;AAE5D,SAASC,~~WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC~~,QAA0B~~;~~IACjEF~~,YAA4BE;IAE5B,qBACE,~~AAdJ~~,~~cAcKA,~~MAAMC,IAAI,~~sBACT~~,~~AAfN,cAeOD,~~MAAME,KAAK,~~SACXF,~~MAAMG,UAAU,kBAAI,~~AAhB3B~~,~~cAgB4BH,~~MAAMG,UAAU;AAG5C,EAAE"}
1	+ {"version":3,"sources":["renderInfoLabel.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { InfoLabelSlots, InfoLabelState } from './InfoLabel.types';\n\n/\n Render the final JSX of InfoLabel\n */\nexport const renderInfoLabel_unstable = (state: InfoLabelState) => {\n assertSlots<InfoLabelSlots>(state);\n\n return (\n <state.root>\n <state.label />\n {state.infoButton && <state.infoButton />}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderInfoLabel_unstable","state","root","label","infoButton"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvCF,YAA4BE;IAE5B,qBACE,MAACA,MAAMC,IAAI;;0BACT,KAACD,MAAME,KAAK;YACXF,MAAMG,UAAU,kBAAI,KAACH,MAAMG,UAAU;;;AAG5C,EAAE"}

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

@@ -11,7 +11,8 @@ import { InfoButton } from '../InfoButton/InfoButton';
  * @param props - props from this instance of InfoLabel
  * @param ref - reference to label element of InfoLabel
  */ export const useInfoLabel_unstable = (props, ref)=>{
-    const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;
+    var _infoButton;
+    const { root: rootShorthand, label: labelShorthand, infoButton: infoButtonShorthand, info, size, className, style, ...labelProps } = props;
     const baseId = useId('infolabel-');
     const [open, setOpen] = React.useState(false);
     const root = slot.always(rootShorthand, {
@@ -39,23 +40,24 @@ import { InfoButton } from '../InfoButton/InfoButton';
         },
         elementType: InfoButton
     });
-    const infoButtonPopover = slot.always(infoButton === null || infoButton === void 0 ? void 0 : infoButton.popover, {
+    const infoButtonPopover = slot.always((_infoButton = infoButton) === null || _infoButton === void 0 ? void 0 : _infoButton.popover, {
         elementType: 'div'
     });
     infoButtonPopover.onOpenChange = useEventCallback(mergeCallbacks(infoButtonPopover.onOpenChange, (e, data)=>{
         setOpen(data.open);
     }));
     if (infoButton) {
-        var _infoButton, _arialabelledby;
+        var _infoButton1;
+        var _infoButton2, _arialabelledby;
         infoButton.popover = infoButtonPopover;
-        infoButton.info = slot.optional(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
+        infoButton.info = slot.optional((_infoButton1 = infoButton) === null || _infoButton1 === void 0 ? void 0 : _infoButton1.info, {
             defaultProps: {
                 id: baseId + '__info'
             },
             elementType: 'div'
         });
         var _;
-        (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;
+        (_ = (_infoButton2 = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton2[_arialabelledby] = `${label.id} ${infoButton.id}`;
         if (open) {
             var _infoButton_info;
             var _root, _ariaowns;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, useEventCallback, useId, slot } 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 info,\n size,\n className,\n style,\n ...labelProps\n } = props;\n const baseId = useId('infolabel-');\n const [open, setOpen] = React.useState(false);\n\n const root = slot.always(rootShorthand, {\n defaultProps: {\n className,\n style,\n },\n elementType: 'span',\n });\n\n const label = slot.always(labelShorthand, {\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps,\n },\n elementType: Label,\n });\n\n const infoButton = slot.optional(infoButtonShorthand, {\n renderByDefault: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info,\n },\n elementType: InfoButton,\n });\n\n const infoButtonPopover = slot.always(infoButton?.popover, {\n elementType: 'div',\n });\n infoButtonPopover.onOpenChange = useEventCallback(\n mergeCallbacks(infoButtonPopover.onOpenChange, (e, data) => {\n setOpen(data.open);\n }),\n );\n\n if (infoButton) {\n infoButton.popover = infoButtonPopover;\n infoButton.info = slot.optional(infoButton?.info, {\n defaultProps: {\n id: baseId + '__info',\n },\n elementType: 'div',\n });\n\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n\n if (open) {\n root['aria-owns'] ??= infoButton.info?.id;\n }\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"],"names":["React","Label","mergeCallbacks","useEventCallback","useId","slot","InfoButton","useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","~~infoButton","~~infoButtonShorthand","info","size","className","style","labelProps","baseId","open","setOpen","useState","always","defaultProps","elementType","id","optional","renderByDefault","infoButtonPopover","popover","onOpenChange","e","data","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,cAAc,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAC1F,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC~~,MAAqD~~;~~IAChH~~,MAAM,EACJC,MAAMC,~~cAAa~~,EACnBC,OAAOC,~~eAAc~~,~~EACrBC~~,~~YAAYC~~,~~oBAAmB~~,EAC/BC,~~KAAI~~,EACJC,~~KAAI~~,EACJC,~~UAAS~~,EACTC,~~MAAK~~,EACL,GAAGC,YACJ,GAAGZ;IACJ,MAAMa,SAASjB,MAAM;IACrB,MAAM,CAACkB,MAAMC,QAAQ,GAAGvB,MAAMwB,QAAQ,CAAC~~,KAAK~~;~~IAE5C~~,~~MAAMd~~,~~OAAOL~~,KAAKoB,MAAM,~~CAACd~~,eAAe;~~QACtCe~~,cAAc;YACZR;YACAC;QACF;QACAQ,aAAa;IACf;IAEA,~~MAAMf~~,~~QAAQP~~,KAAKoB,MAAM,~~CAACZ~~,gBAAgB;~~QACxCa~~,cAAc;YACZE,IAAIP,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACf;QACAO,aAAa1B;IACf;IAEA,~~MAAMa~~,~~aAAaT~~,KAAKwB,QAAQ,CAACd,qBAAqB;QACpDe,iBAAiB,CAAC,CAACd;QACnBU,cAAc;YACZE,IAAIP,SAAS;YACbJ;YACAD;QACF;QACAW,aAAarB;IACf;IAEA,MAAMyB,oBAAoB1B,KAAKoB,MAAM,~~CAACX~~,~~uBAAAA~~,wBAAAA,~~KAAAA~~,~~IAAAA~~,~~WAAYkB,~~OAAO,EAAE;QACzDL,aAAa;IACf;IACAI,kBAAkBE,YAAY,GAAG9B,iBAC/BD,eAAe6B,kBAAkBE,YAAY,EAAE,CAACC,GAAGC~~,OAAS~~;~~QAC1DZ~~,QAAQY,KAAKb,IAAI;IACnB;IAGF,~~IAAIR~~,YAAY;~~YASdA~~,~~aAAW~~;QARXA,~~WAAWkB~~,OAAO,GAAGD;~~QACrBjB~~,~~WAAWE~~,IAAI,GAAGX,KAAKwB,QAAQ,~~CAACf~~,~~uBAAAA~~,wBAAAA,~~KAAAA~~,~~IAAAA~~,~~WAAYE,~~IAAI,EAAE;YAChDU,cAAc;gBACZE,IAAIP,SAAS;YACf;YACAM,aAAa;QACf;;~~QAEAb~~,MAAAA,~~cAAAA~~,WAAU,CAAC,kBAAA,kBAAkB,iCAA7BA,~~WAAU~~,CAAC,gBAAkB,GAAK,CAAC,~~EAAEF~~,~~MAAMgB~~,EAAE,CAAC,CAAC,~~EAAEd~~,~~WAAWc~~,EAAE,CAAC,CAAC;QAEhE,IAAIN,MAAM;~~gBACcR~~;~~gBAAtBJ~~,OAAK;;YAALA,OAAAA,QAAAA,KAAI,CAAC,YAAA,YAAY,mCAAjBA,KAAI,CAAC,UAAY,~~GAAKI~~,~~CAAAA,~~mBAAAA,~~WAAWE~~,IAAI,~~cAAfF~~,~~8BAAAA~~,~~KAAAA~~,~~IAAAA,iBAAiBc,~~EAAE;QAC3C~~,CAAC~~;~~IACH,CAAC~~;~~IAED~~,OAAO;QACLX;QACAmB,YAAY;~~YACV1B~~,MAAM;YACNE,~~OAAOX~~;~~YACPa~~,~~YAAYR~~;QACd;~~QACAI~~;QACAE;~~QACAE~~;IACF;AACF,EAAE"}
1	+ {"version":3,"sources":["useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, useEventCallback, useId, slot } 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 info,\n size,\n className,\n style,\n ...labelProps\n } = props;\n const baseId = useId('infolabel-');\n const [open, setOpen] = React.useState(false);\n\n const root = slot.always(rootShorthand, {\n defaultProps: {\n className,\n style,\n },\n elementType: 'span',\n });\n\n const label = slot.always(labelShorthand, {\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps,\n },\n elementType: Label,\n });\n\n const infoButton = slot.optional(infoButtonShorthand, {\n renderByDefault: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info,\n },\n elementType: InfoButton,\n });\n\n const infoButtonPopover = slot.always(infoButton?.popover, {\n elementType: 'div',\n });\n infoButtonPopover.onOpenChange = useEventCallback(\n mergeCallbacks(infoButtonPopover.onOpenChange, (e, data) => {\n setOpen(data.open);\n }),\n );\n\n if (infoButton) {\n infoButton.popover = infoButtonPopover;\n infoButton.info = slot.optional(infoButton?.info, {\n defaultProps: {\n id: baseId + '__info',\n },\n elementType: 'div',\n });\n\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n\n if (open) {\n root['aria-owns'] ??= infoButton.info?.id;\n }\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"],"names":["React","Label","mergeCallbacks","useEventCallback","useId","slot","InfoButton","useInfoLabel_unstable","props","ref","infoButton","root","rootShorthand","label","labelShorthand","infoButtonShorthand","info","size","className","style","labelProps","baseId","open","setOpen","useState","always","defaultProps","elementType","id","optional","renderByDefault","infoButtonPopover","popover","onOpenChange","e","data","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,cAAc,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAC1F,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC;QA0CrBC;IAzCtC,MAAM,EACJC,MAAMC,aAAa,EACnBC,OAAOC,cAAc,EACrBJ,YAAYK,mBAAmB,EAC/BC,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,KAAK,EACL,GAAGC,YACJ,GAAGZ;IACJ,MAAMa,SAASjB,MAAM;IACrB,MAAM,CAACkB,MAAMC,QAAQ,GAAGvB,MAAMwB,QAAQ,CAAC;IAEvC,MAAMb,OAAON,KAAKoB,MAAM,CAACb,eAAe;QACtCc,cAAc;YACZR;YACAC;QACF;QACAQ,aAAa;IACf;IAEA,MAAMd,QAAQR,KAAKoB,MAAM,CAACX,gBAAgB;QACxCY,cAAc;YACZE,IAAIP,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACf;QACAO,aAAa1B;IACf;IAEA,MAAMS,aAAaL,KAAKwB,QAAQ,CAACd,qBAAqB;QACpDe,iBAAiB,CAAC,CAACd;QACnBU,cAAc;YACZE,IAAIP,SAAS;YACbJ;YACAD;QACF;QACAW,aAAarB;IACf;IAEA,MAAMyB,oBAAoB1B,KAAKoB,MAAM,EAACf,cAAAA,wBAAAA,kCAAAA,YAAYsB,OAAO,EAAE;QACzDL,aAAa;IACf;IACAI,kBAAkBE,YAAY,GAAG9B,iBAC/BD,eAAe6B,kBAAkBE,YAAY,EAAE,CAACC,GAAGC;QACjDZ,QAAQY,KAAKb,IAAI;IACnB;IAGF,IAAIZ,YAAY;YAEkBA;YAOhCA,cAAW;QARXA,WAAWsB,OAAO,GAAGD;QACrBrB,WAAWM,IAAI,GAAGX,KAAKwB,QAAQ,EAACnB,eAAAA,wBAAAA,mCAAAA,aAAYM,IAAI,EAAE;YAChDU,cAAc;gBACZE,IAAIP,SAAS;YACf;YACAM,aAAa;QACf;;QAEAjB,MAAAA,eAAAA,WAAU,CAAC,kBAAA,kBAAkB,iCAA7BA,YAAU,CAAC,gBAAkB,GAAK,CAAC,EAAEG,MAAMe,EAAE,CAAC,CAAC,EAAElB,WAAWkB,EAAE,CAAC,CAAC;QAEhE,IAAIN,MAAM;gBACcZ;gBAAtBC,OAAK;;YAALA,OAAAA,QAAAA,KAAI,CAAC,YAAA,YAAY,mCAAjBA,KAAI,CAAC,UAAY,IAAKD,mBAAAA,WAAWM,IAAI,cAAfN,uCAAAA,iBAAiBkB,EAAE;QAC3C;IACF;IAEA,OAAO;QACLX;QACAmB,YAAY;YACVzB,MAAM;YACNE,OAAOZ;YACPS,YAAYJ;QACd;QACAK;QACAE;QACAH;IACF;AACF,EAAE"}

package/lib-commonjs/InfoButton.js CHANGED Viewed

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/InfoButton/index"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/InfoButton/index"), exports);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InfoButton.js"],"sourcesContent":["export * from './components/InfoButton/index';\n"],"names":[],"mappings":";;;;;~~oBAAc~~"}
1	+ {"version":3,"sources":["InfoButton.js"],"sourcesContent":["export * from './components/InfoButton/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/InfoLabel.js CHANGED Viewed

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/InfoLabel/index"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/InfoLabel/index"), exports);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InfoLabel.js"],"sourcesContent":["export * from './components/InfoLabel/index';\n"],"names":[],"mappings":";;;;;~~oBAAc~~"}
1	+ {"version":3,"sources":["InfoLabel.js"],"sourcesContent":["export * from './components/InfoLabel/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

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

@@ -9,11 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    DefaultInfoButtonIcon12: ()=>DefaultInfoButtonIcon12,
-    DefaultInfoButtonIcon16: ()=>DefaultInfoButtonIcon16,
-    DefaultInfoButtonIcon20: ()=>DefaultInfoButtonIcon20
+    DefaultInfoButtonIcon12: function() {
+        return DefaultInfoButtonIcon12;
+    },
+    DefaultInfoButtonIcon16: function() {
+        return DefaultInfoButtonIcon16;
+    },
+    DefaultInfoButtonIcon20: function() {
+        return DefaultInfoButtonIcon20;
+    }
 });
-const _reactIcons = require("@fluentui/react-icons");
-const DefaultInfoButtonIcon12 = (0, _reactIcons.bundleIcon)(_reactIcons.Info12Filled, _reactIcons.Info12Regular);
-const DefaultInfoButtonIcon16 = (0, _reactIcons.bundleIcon)(_reactIcons.Info16Filled, _reactIcons.Info16Regular);
-const DefaultInfoButtonIcon20 = (0, _reactIcons.bundleIcon)(_reactIcons.Info20Filled, _reactIcons.Info20Regular);
+const _reacticons = require("@fluentui/react-icons");
+const DefaultInfoButtonIcon12 = (0, _reacticons.bundleIcon)(_reacticons.Info12Filled, _reacticons.Info12Regular);
+const DefaultInfoButtonIcon16 = (0, _reacticons.bundleIcon)(_reacticons.Info16Filled, _reacticons.Info16Regular);
+const DefaultInfoButtonIcon20 = (0, _reacticons.bundleIcon)(_reacticons.Info20Filled, _reacticons.Info20Regular);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["DefaultInfoButtonIcons.js"],"sourcesContent":["import { Info12Regular, Info12Filled, Info16Regular, Info16Filled, Info20Regular, Info20Filled, bundleIcon } from '@fluentui/react-icons';\nexport const DefaultInfoButtonIcon12 = bundleIcon(Info12Filled, Info12Regular);\nexport const DefaultInfoButtonIcon16 = bundleIcon(Info16Filled, Info16Regular);\nexport const DefaultInfoButtonIcon20 = bundleIcon(Info20Filled, Info20Regular);\n"],"names":["DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","bundleIcon","Info12Filled","Info12Regular","Info16Filled","Info16Regular","Info20Filled","Info20Regular"],"mappings":";;;;;;;;;;;IACaA,uBAAuB~~,MAAvBA~~;IACAC,uBAAuB~~,MAAvBA~~;IACAC,uBAAuB~~,MAAvBA;;~~4BAHqG;AAC3G,MAAMF,0BAA0BG,IAAAA,sBAAU,EAACC,wBAAY,EAAEC,yBAAa;AACtE,MAAMJ,0BAA0BE,IAAAA,sBAAU,EAACG,wBAAY,EAAEC,yBAAa;AACtE,MAAML,0BAA0BC,IAAAA,sBAAU,EAACK,wBAAY,EAAEC,yBAAa"}
1	+ {"version":3,"sources":["DefaultInfoButtonIcons.js"],"sourcesContent":["import { Info12Regular, Info12Filled, Info16Regular, Info16Filled, Info20Regular, Info20Filled, bundleIcon } from '@fluentui/react-icons';\nexport const DefaultInfoButtonIcon12 = bundleIcon(Info12Filled, Info12Regular);\nexport const DefaultInfoButtonIcon16 = bundleIcon(Info16Filled, Info16Regular);\nexport const DefaultInfoButtonIcon20 = bundleIcon(Info20Filled, Info20Regular);\n"],"names":["DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","bundleIcon","Info12Filled","Info12Regular","Info16Filled","Info16Regular","Info20Filled","Info20Regular"],"mappings":";;;;;;;;;;;IACaA,uBAAuB;eAAvBA;;IACAC,uBAAuB;eAAvBA;;IACAC,uBAAuB;eAAvBA;;;4BAHqG;AAC3G,MAAMF,0BAA0BG,IAAAA,sBAAU,EAACC,wBAAY,EAAEC,yBAAa;AACtE,MAAMJ,0BAA0BE,IAAAA,sBAAU,EAACG,wBAAY,EAAEC,yBAAa;AACtE,MAAML,0BAA0BC,IAAAA,sBAAU,EAACK,wBAAY,EAAEC,yBAAa"}

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

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "InfoButton", {
     enumerable: true,
-    get: ()=>InfoButton
+    get: function() {
+        return InfoButton;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _renderInfoButton = require("./renderInfoButton");
 const _useInfoButton = require("./useInfoButton");
-const _useInfoButtonStylesStyles = require("./useInfoButtonStyles.styles");
+const _useInfoButtonStylesstyles = require("./useInfoButtonStyles.styles");
 const InfoButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useInfoButton.useInfoButton_unstable)(props, ref);
-    (0, _useInfoButtonStylesStyles.useInfoButtonStyles_unstable)(state);
+    (0, _useInfoButtonStylesstyles.useInfoButtonStyles_unstable)(state);
     return (0, _renderInfoButton.renderInfoButton_unstable)(state);
 });
 InfoButton.displayName = 'InfoButton';

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderInfoButton_unstable } from './renderInfoButton';\nimport { useInfoButton_unstable } from './useInfoButton';\nimport { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\n/*\n InfoButtons provide a way to display additional information about a form field or an area in the UI.\n / export const InfoButton = /#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useInfoButton_unstable(props, ref);\n useInfoButtonStyles_unstable(state);\n return renderInfoButton_unstable(state);\n});\nInfoButton.displayName = 'InfoButton';\n"],"names":["InfoButton","React","forwardRef","props","ref","state","useInfoButton_unstable","useInfoButtonStyles_unstable","renderInfoButton_unstable","displayName"],"mappings":";;;;+BAMiBA~~;;aAAAA~~;;;~~6DANM~~;kCACmB;+BACH;2CACM;AAGlC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC~~,MAAM~~;~~IACvE~~,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACrC;AACAL,WAAWS,WAAW,GAAG"}
1	+ {"version":3,"sources":["InfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderInfoButton_unstable } from './renderInfoButton';\nimport { useInfoButton_unstable } from './useInfoButton';\nimport { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\n/*\n InfoButtons provide a way to display additional information about a form field or an area in the UI.\n / export const InfoButton = /#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useInfoButton_unstable(props, ref);\n useInfoButtonStyles_unstable(state);\n return renderInfoButton_unstable(state);\n});\nInfoButton.displayName = 'InfoButton';\n"],"names":["InfoButton","React","forwardRef","props","ref","state","useInfoButton_unstable","useInfoButtonStyles_unstable","renderInfoButton_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;kCACmB;+BACH;2CACM;AAGlC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACrC;AACAL,WAAWS,WAAW,GAAG"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./InfoButton"), exports);
-_exportStar(require("./InfoButton.types"), exports);
-_exportStar(require("./renderInfoButton"), exports);
-_exportStar(require("./useInfoButton"), exports);
-_exportStar(require("./useInfoButtonStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./InfoButton"), exports);
+_export_star._(require("./InfoButton.types"), exports);
+_export_star._(require("./renderInfoButton"), exports);
+_export_star._(require("./useInfoButton"), exports);
+_export_star._(require("./useInfoButtonStyles.styles"), exports);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoButton';\nexport * from './InfoButton.types';\nexport * from './renderInfoButton';\nexport * from './useInfoButton';\nexport * from './useInfoButtonStyles.styles';\n"],"names":[],"mappings":";;;;;~~oBAAc~~;~~oBACA~~;~~oBACA~~;~~oBACA~~;~~oBACA~~"}
1	+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoButton';\nexport * from './InfoButton.types';\nexport * from './renderInfoButton';\nexport * from './useInfoButton';\nexport * from './useInfoButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1,15 +1,24 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderInfoButton_unstable", {
     enumerable: true,
-    get: ()=>renderInfoButton_unstable
+    get: function() {
+        return renderInfoButton_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactPopover = require("@fluentui/react-popover");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactpopover = require("@fluentui/react-popover");
 const renderInfoButton_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.popover, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPopover.PopoverTrigger, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null)), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.info, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.popover, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpopover.PopoverTrigger, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.info, {})
+        ]
+    });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderInfoButton.js"],"sourcesContent":["/** @jsxRuntime ~~classic~~ / /* @jsx ~~createElement~~ / import { ~~createElement~~ } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/\n Render the final JSX of InfoButton\n / export const renderInfoButton_unstable = (state)=>{\n assertSlots(state);\n return /#__PURE__/ ~~createElement~~(state.popover, ~~null,~~ /#__PURE__/ ~~createElement~~(PopoverTrigger, ~~null,~~ /#__PURE__/ ~~createElement~~(state.root, ~~null~~)), /#__PURE__*/ ~~createElement~~(state.info, ~~null~~));\n};\n"],"names":["renderInfoButton_unstable","state","assertSlots","~~createElement~~","popover","PopoverTrigger","root","info"],"mappings":"AAAA,~~wBAAwB~~,GAAG,~~uBAAuB~~;;;;+~~BAKjCA;;aAAAA;;iCALkE~~;~~gCACvD~~;8BACG;AAGpB,MAAMA,4BAA4B,CAACC~~,QAAQ~~;~~IAClDC~~,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,~~8BAAa~~,EAACF,MAAMG,OAAO,EAAE,~~IAAI~~,~~EAAE,~~WAAW,~~GAAGD~~,IAAAA,~~8BAAa~~,~~EAACE~~,4BAAc,EAAE,~~IAAI~~,~~EAAE,~~WAAW,~~GAAGF~~,IAAAA,~~8BAAa~~,~~EAACF~~,~~MAAMK~~,IAAI,EAAE,~~IAAI~~,~~IAAI,~~WAAW,~~GAAGH~~,IAAAA,~~8BAAa~~,~~EAACF~~,~~MAAMM~~,IAAI,EAAE,~~IAAI~~;~~AAC1M~~"}
1	+ {"version":3,"sources":["renderInfoButton.js"],"sourcesContent":["/** @jsxRuntime automatic / /* @jsxImportSource @fluentui/react-jsx-runtime / import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/\n Render the final JSX of InfoButton\n / export const renderInfoButton_unstable = (state)=>{\n assertSlots(state);\n return /#__PURE__/ _jsxs(state.popover, {\n children: [\n /#__PURE__/ _jsx(PopoverTrigger, {\n children: /#__PURE__/ _jsx(state.root, {})\n }),\n /#__PURE__*/ _jsx(state.info, {})\n ]\n });\n};\n"],"names":["renderInfoButton_unstable","state","assertSlots","_jsxs","popover","children","_jsx","PopoverTrigger","root","info"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL2G;gCAChG;8BACG;AAGpB,MAAMA,4BAA4B,CAACC;IAC1CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,OAAO,EAAE;QACtCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACC,4BAAc,EAAE;gBAC/BF,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMO,IAAI,EAAE,CAAC;YAC9C;YACA,WAAW,GAAGF,IAAAA,eAAI,EAACL,MAAMQ,IAAI,EAAE,CAAC;SACnC;IACL;AACJ"}

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

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useInfoButton_unstable", {
     enumerable: true,
-    get: ()=>useInfoButton_unstable
+    get: function() {
+        return useInfoButton_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _defaultInfoButtonIcons = require("./DefaultInfoButtonIcons");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactPopover = require("@fluentui/react-popover");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _DefaultInfoButtonIcons = require("./DefaultInfoButtonIcons");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactpopover = require("@fluentui/react-popover");
 const infoButtonIconMap = {
-    small: /*#__PURE__*/ _react.createElement(_defaultInfoButtonIcons.DefaultInfoButtonIcon12, null),
-    medium: /*#__PURE__*/ _react.createElement(_defaultInfoButtonIcons.DefaultInfoButtonIcon16, null),
-    large: /*#__PURE__*/ _react.createElement(_defaultInfoButtonIcons.DefaultInfoButtonIcon20, null)
+    small: /*#__PURE__*/ _react.createElement(_DefaultInfoButtonIcons.DefaultInfoButtonIcon12, null),
+    medium: /*#__PURE__*/ _react.createElement(_DefaultInfoButtonIcons.DefaultInfoButtonIcon16, null),
+    large: /*#__PURE__*/ _react.createElement(_DefaultInfoButtonIcons.DefaultInfoButtonIcon20, null)
 };
 const popoverSizeMap = {
     small: 'small',
@@ -22,16 +24,16 @@ const popoverSizeMap = {
     large: 'medium'
 };
 const useInfoButton_unstable = (props, ref)=>{
-    const { size ='medium' , inline =true  } = props;
+    const { size = 'medium', inline = true } = props;
     const state = {
         inline,
         size,
         components: {
             root: 'button',
-            popover: _reactPopover.Popover,
-            info: _reactPopover.PopoverSurface
+            popover: _reactpopover.Popover,
+            info: _reactpopover.PopoverSurface
         },
-        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('button', {
+        root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('button', {
             children: infoButtonIconMap[size],
             type: 'button',
             'aria-label': 'information',
@@ -40,29 +42,29 @@ const useInfoButton_unstable = (props, ref)=>{
         }), {
             elementType: 'button'
         }),
-        popover: _reactUtilities.slot.always(props.popover, {
+        popover: _reactutilities.slot.always(props.popover, {
             defaultProps: {
                 inline,
                 positioning: 'above-start',
                 size: popoverSizeMap[size],
                 withArrow: true
             },
-            elementType: _reactPopover.Popover
+            elementType: _reactpopover.Popover
         }),
-        info: _reactUtilities.slot.always(props.info, {
+        info: _reactutilities.slot.always(props.info, {
             defaultProps: {
                 role: 'note',
                 tabIndex: -1
             },
-            elementType: _reactPopover.PopoverSurface
+            elementType: _reactpopover.PopoverSurface
         })
     };
-    const [popoverOpen, setPopoverOpen] = (0, _reactUtilities.useControllableState)({
+    const [popoverOpen, setPopoverOpen] = (0, _reactutilities.useControllableState)({
         state: state.popover.open,
         defaultState: state.popover.defaultOpen,
         initialState: false
     });
     state.popover.open = popoverOpen;
-    state.popover.onOpenChange = (0, _reactUtilities.mergeCallbacks)(state.popover.onOpenChange, (e, data)=>setPopoverOpen(data.open));
+    state.popover.onOpenChange = (0, _reactutilities.mergeCallbacks)(state.popover.onOpenChange, (e, data)=>setPopoverOpen(data.open));
     return state;
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, useControllableState, slot } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\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 */ export const useInfoButton_unstable = (props, ref)=>{\n const { size ='medium' , inline =true } = props;\n const state = {\n inline,\n size,\n components: {\n root: 'button',\n popover: Popover,\n info: PopoverSurface\n },\n root: slot.always(getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref\n }), {\n elementType: 'button'\n }),\n popover: slot.always(props.popover, {\n defaultProps: {\n inline,\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true\n },\n elementType: Popover\n }),\n info: slot.always(props.info, {\n defaultProps: {\n role: 'note',\n tabIndex: -1\n },\n elementType: PopoverSurface\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"],"names":["useInfoButton_unstable","infoButtonIconMap","small","React","createElement","DefaultInfoButtonIcon12","medium","DefaultInfoButtonIcon16","large","DefaultInfoButtonIcon20","popoverSizeMap","props","ref","size","inline","state","components","root","popover","Popover","info","PopoverSurface","slot","always","getNativeElementProps","children","type","elementType","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","useControllableState","open","defaultState","defaultOpen","initialState","onOpenChange","mergeCallbacks","e","data"],"mappings":";;;;+BAsBiBA~~;;aAAAA~~;;;~~6DAtBM~~;wCACmE;gCACR;8BAC1C;AACxC,MAAMC,oBAAoB;IACtBC,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACC,+CAAuB,EAAE~~,IAAI~~;~~IACtEC~~,QAAQ,WAAW,GAAGH,OAAMC,aAAa,CAACG,+CAAuB,EAAE~~,IAAI~~;~~IACvEC~~,OAAO,WAAW,GAAGL,OAAMC,aAAa,CAACK,+CAAuB,EAAE~~,IAAI~~;~~AAC1E~~;AACA,MAAMC,iBAAiB;IACnBR,OAAO;IACPI,QAAQ;IACRE,OAAO;AACX;AASW,MAAMR,yBAAyB,CAACW,OAAOC~~,MAAM~~;~~IACpD~~,MAAM,EAAEC,~~MAAM~~,~~SAAQ~~,~~EAAGC~~,~~QAAQ~~,IAAI,~~CAAA~~,~~EAAG,~~GAAGH;IAC3C,MAAMI,QAAQ;QACVD;QACAD;QACAG,YAAY;YACRC,MAAM;YACNC,SAASC,qBAAO;YAChBC,MAAMC,4BAAc;QACxB;QACAJ,MAAMK,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,UAAU;YAC9CC,UAAUxB,iBAAiB,CAACY,KAAK;YACjCa,MAAM;YACN,cAAc;YACd,GAAGf,KAAK;YACRC;QACJ,IAAI;YACAe,aAAa;QACjB;QACAT,SAASI,oBAAI,CAACC,MAAM,CAACZ,MAAMO,OAAO,EAAE;YAChCU,cAAc;gBACVd;gBACAe,aAAa;gBACbhB,MAAMH,cAAc,CAACG,KAAK;gBAC1BiB,WAAW~~,IAAI~~;~~YACnB~~;YACAH,aAAaR,qBAAO;QACxB;QACAC,MAAME,oBAAI,CAACC,MAAM,CAACZ,MAAMS,IAAI,EAAE;YAC1BQ,cAAc;gBACVG,MAAM;gBACNC,UAAU,CAAC;YACf;YACAL,aAAaN,4BAAc;QAC/B;IACJ;IACA,MAAM,CAACY,aAAaC,eAAe,GAAGC,IAAAA,oCAAoB,EAAC;QACvDpB,OAAOA,MAAMG,OAAO,CAACkB,IAAI;QACzBC,cAActB,MAAMG,OAAO,CAACoB,WAAW;QACvCC,cAAc~~,KAAK~~;~~IACvB~~;IACAxB,MAAMG,OAAO,CAACkB,IAAI,GAAGH;IACrBlB,MAAMG,OAAO,CAACsB,YAAY,GAAGC,IAAAA,8BAAc,EAAC1B,MAAMG,OAAO,CAACsB,YAAY,EAAE,CAACE,GAAGC,OAAOT,eAAeS,KAAKP,IAAI;IAC3G,OAAOrB;AACX"}
1	+ {"version":3,"sources":["useInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, useControllableState, slot } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\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 */ export const useInfoButton_unstable = (props, ref)=>{\n const { size = 'medium', inline = true } = props;\n const state = {\n inline,\n size,\n components: {\n root: 'button',\n popover: Popover,\n info: PopoverSurface\n },\n root: slot.always(getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref\n }), {\n elementType: 'button'\n }),\n popover: slot.always(props.popover, {\n defaultProps: {\n inline,\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true\n },\n elementType: Popover\n }),\n info: slot.always(props.info, {\n defaultProps: {\n role: 'note',\n tabIndex: -1\n },\n elementType: PopoverSurface\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"],"names":["useInfoButton_unstable","infoButtonIconMap","small","React","createElement","DefaultInfoButtonIcon12","medium","DefaultInfoButtonIcon16","large","DefaultInfoButtonIcon20","popoverSizeMap","props","ref","size","inline","state","components","root","popover","Popover","info","PopoverSurface","slot","always","getNativeElementProps","children","type","elementType","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","useControllableState","open","defaultState","defaultOpen","initialState","onOpenChange","mergeCallbacks","e","data"],"mappings":";;;;+BAsBiBA;;;eAAAA;;;;iEAtBM;wCACmE;gCACR;8BAC1C;AACxC,MAAMC,oBAAoB;IACtBC,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACC,+CAAuB,EAAE;IAClEC,QAAQ,WAAW,GAAGH,OAAMC,aAAa,CAACG,+CAAuB,EAAE;IACnEC,OAAO,WAAW,GAAGL,OAAMC,aAAa,CAACK,+CAAuB,EAAE;AACtE;AACA,MAAMC,iBAAiB;IACnBR,OAAO;IACPI,QAAQ;IACRE,OAAO;AACX;AASW,MAAMR,yBAAyB,CAACW,OAAOC;IAC9C,MAAM,EAAEC,OAAO,QAAQ,EAAEC,SAAS,IAAI,EAAE,GAAGH;IAC3C,MAAMI,QAAQ;QACVD;QACAD;QACAG,YAAY;YACRC,MAAM;YACNC,SAASC,qBAAO;YAChBC,MAAMC,4BAAc;QACxB;QACAJ,MAAMK,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,UAAU;YAC9CC,UAAUxB,iBAAiB,CAACY,KAAK;YACjCa,MAAM;YACN,cAAc;YACd,GAAGf,KAAK;YACRC;QACJ,IAAI;YACAe,aAAa;QACjB;QACAT,SAASI,oBAAI,CAACC,MAAM,CAACZ,MAAMO,OAAO,EAAE;YAChCU,cAAc;gBACVd;gBACAe,aAAa;gBACbhB,MAAMH,cAAc,CAACG,KAAK;gBAC1BiB,WAAW;YACf;YACAH,aAAaR,qBAAO;QACxB;QACAC,MAAME,oBAAI,CAACC,MAAM,CAACZ,MAAMS,IAAI,EAAE;YAC1BQ,cAAc;gBACVG,MAAM;gBACNC,UAAU,CAAC;YACf;YACAL,aAAaN,4BAAc;QAC/B;IACJ;IACA,MAAM,CAACY,aAAaC,eAAe,GAAGC,IAAAA,oCAAoB,EAAC;QACvDpB,OAAOA,MAAMG,OAAO,CAACkB,IAAI;QACzBC,cAActB,MAAMG,OAAO,CAACoB,WAAW;QACvCC,cAAc;IAClB;IACAxB,MAAMG,OAAO,CAACkB,IAAI,GAAGH;IACrBlB,MAAMG,OAAO,CAACsB,YAAY,GAAGC,IAAAA,8BAAc,EAAC1B,MAAMG,OAAO,CAACsB,YAAY,EAAE,CAACE,GAAGC,OAAOT,eAAeS,KAAKP,IAAI;IAC3G,OAAOrB;AACX"}

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

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    infoButtonClassNames: ()=>infoButtonClassNames,
-    useInfoButtonStyles_unstable: ()=>useInfoButtonStyles_unstable
+    infoButtonClassNames: function() {
+        return infoButtonClassNames;
+    },
+    useInfoButtonStyles_unstable: function() {
+        return useInfoButtonStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const infoButtonClassNames = {
@@ -21,7 +25,7 @@ const infoButtonClassNames = {
 };
 /**
  * Styles for the root slot
- */ const useButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bt984gj: "f122n59",
         B7ck84d: "f1ewtqcl",
@@ -308,7 +312,7 @@ const infoButtonClassNames = {
         ".f2hkw1w:focus-visible{outline-style:none;}"
     ]
 });
-const usePopoverSurfaceStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const usePopoverSurfaceStyles = /*#__PURE__*/ (0, _react.__styles)({
     smallMedium: {
         Bahqtrf: "fk6fouc",
         Be2twd7: "fy9rknc",
@@ -332,8 +336,8 @@ const usePopoverSurfaceStyles = /*#__PURE__*/ (0, _react["__styles"])({
     ]
 });
 const useInfoButtonStyles_unstable = (state)=>{
-    const { size  } = state;
-    const { open  } = state.popover;
+    const { size } = state;
+    const { open } = state.popover;
     const buttonStyles = useButtonStyles();
     const popoverSurfaceStyles = usePopoverSurfaceStyles();
     state.info.className = (0, _react.mergeClasses)(infoButtonClassNames.info, size === 'large' && popoverSurfaceStyles.large, state.info.className);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useInfoButtonStyles.styles.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 eoavqd: \"f8491dx\",\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: \"f57olzd\",\n Bule8hv: [\"f4stah7\", \"fs1por5\"],\n Bjwuhne: \"f480a47\",\n Ghsupd: [\"fs1por5\", \"f4stah7\"]\n },\n large: {\n z8tnut: \"fclwglc\",\n z189sj: [\"f1w3695s\", \"f1b0r8ql\"],\n Byoj8tv: \"fywfov9\",\n uwmqm3: [\"f1b0r8ql\", \"f1w3695s\"]\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{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:inline-flex;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\", \".fgzdkf0 .fui-Icon-filled{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);}\", \".f57olzd[data-fui-focus-visible]::after{top:calc(2px -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".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);}\", \".f8491dx:hover{cursor:pointer;}\", \".f1jpd6y0:hover .fui-Icon-filled{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.styles.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","eoavqd","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","Bule8hv","Bjwuhne","Ghsupd","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":["useInfoButtonStyles.styles.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 eoavqd: \"f8491dx\",\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: \"f57olzd\",\n Bule8hv: [\"f4stah7\", \"fs1por5\"],\n Bjwuhne: \"f480a47\",\n Ghsupd: [\"fs1por5\", \"f4stah7\"]\n },\n large: {\n z8tnut: \"fclwglc\",\n z189sj: [\"f1w3695s\", \"f1b0r8ql\"],\n Byoj8tv: \"fywfov9\",\n uwmqm3: [\"f1b0r8ql\", \"f1w3695s\"]\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{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:inline-flex;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\", \".fgzdkf0 .fui-Icon-filled{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);}\", \".f57olzd[data-fui-focus-visible]::after{top:calc(2px -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".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);}\", \".f8491dx:hover{cursor:pointer;}\", \".f1jpd6y0:hover .fui-Icon-filled{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.styles.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","eoavqd","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","Bule8hv","Bjwuhne","Ghsupd","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/InfoLabel.js CHANGED Viewed

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "InfoLabel", {
     enumerable: true,
-    get: ()=>InfoLabel
+    get: function() {
+        return InfoLabel;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _renderInfoLabel = require("./renderInfoLabel");
 const _useInfoLabel = require("./useInfoLabel");
-const _useInfoLabelStylesStyles = require("./useInfoLabelStyles.styles");
+const _useInfoLabelStylesstyles = require("./useInfoLabelStyles.styles");
 const InfoLabel = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useInfoLabel.useInfoLabel_unstable)(props, ref);
-    (0, _useInfoLabelStylesStyles.useInfoLabelStyles_unstable)(state);
+    (0, _useInfoLabelStylesstyles.useInfoLabelStyles_unstable)(state);
     return (0, _renderInfoLabel.renderInfoLabel_unstable)(state);
 });
 InfoLabel.displayName = 'InfoLabel';

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InfoLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { renderInfoLabel_unstable } from './renderInfoLabel';\nimport { useInfoLabel_unstable } from './useInfoLabel';\nimport { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';\n/*\n InfoLabel component\n / export const InfoLabel = /#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useInfoLabel_unstable(props, ref);\n useInfoLabelStyles_unstable(state);\n return renderInfoLabel_unstable(state);\n});\nInfoLabel.displayName = 'InfoLabel';\n"],"names":["InfoLabel","React","forwardRef","props","ref","state","useInfoLabel_unstable","useInfoLabelStyles_unstable","renderInfoLabel_unstable","displayName"],"mappings":";;;;+BAMiBA~~;;aAAAA~~;;;~~6DANM~~;iCACkB;8BACH;0CACM;AAGjC,MAAMA,YAAY,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC~~,MAAM~~;~~IACtE~~,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3CG,IAAAA,qDAA2B,EAACF;IAC5B,OAAOG,IAAAA,yCAAwB,EAACH;AACpC;AACAL,UAAUS,WAAW,GAAG"}
1	+ {"version":3,"sources":["InfoLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { renderInfoLabel_unstable } from './renderInfoLabel';\nimport { useInfoLabel_unstable } from './useInfoLabel';\nimport { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';\n/*\n InfoLabel component\n / export const InfoLabel = /#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useInfoLabel_unstable(props, ref);\n useInfoLabelStyles_unstable(state);\n return renderInfoLabel_unstable(state);\n});\nInfoLabel.displayName = 'InfoLabel';\n"],"names":["InfoLabel","React","forwardRef","props","ref","state","useInfoLabel_unstable","useInfoLabelStyles_unstable","renderInfoLabel_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;iCACkB;8BACH;0CACM;AAGjC,MAAMA,YAAY,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAChE,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3CG,IAAAA,qDAA2B,EAACF;IAC5B,OAAOG,IAAAA,yCAAwB,EAACH;AACpC;AACAL,UAAUS,WAAW,GAAG"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./InfoLabel"), exports);
-_exportStar(require("./InfoLabel.types"), exports);
-_exportStar(require("./renderInfoLabel"), exports);
-_exportStar(require("./useInfoLabel"), exports);
-_exportStar(require("./useInfoLabelStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./InfoLabel"), exports);
+_export_star._(require("./InfoLabel.types"), exports);
+_export_star._(require("./renderInfoLabel"), exports);
+_export_star._(require("./useInfoLabel"), exports);
+_export_star._(require("./useInfoLabelStyles.styles"), exports);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoLabel';\nexport * from './InfoLabel.types';\nexport * from './renderInfoLabel';\nexport * from './useInfoLabel';\nexport * from './useInfoLabelStyles.styles';\n"],"names":[],"mappings":";;;;;~~oBAAc~~;~~oBACA~~;~~oBACA~~;~~oBACA~~;~~oBACA~~"}
1	+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoLabel';\nexport * from './InfoLabel.types';\nexport * from './renderInfoLabel';\nexport * from './useInfoLabel';\nexport * from './useInfoLabelStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1,14 +1,21 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderInfoLabel_unstable", {
     enumerable: true,
-    get: ()=>renderInfoLabel_unstable
+    get: function() {
+        return renderInfoLabel_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderInfoLabel_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.label, null), state.infoButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.infoButton, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.label, {}),
+            state.infoButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.infoButton, {})
+        ]
+    });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderInfoLabel.js"],"sourcesContent":["/** @jsxRuntime ~~classic~~ / /* @jsx ~~createElement~~ / import { ~~createElement~~ } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/\n Render the final JSX of InfoLabel\n / export const renderInfoLabel_unstable = (state)=>{\n assertSlots(state);\n return /#__PURE__/ ~~createElement~~(state.root, ~~null,~~ /#__PURE__/ ~~createElement~~(state.label, ~~null~~), state.infoButton && /#__PURE__*/ ~~createElement~~(state.infoButton, ~~null~~));\n};\n"],"names":["renderInfoLabel_unstable","state","assertSlots","~~createElement~~","root","label","infoButton"],"mappings":"AAAA,~~wBAAwB~~,GAAG,~~uBAAuB~~;;;;+~~BAIjCA;;aAAAA;;iCAJkE~~;~~gCACvD~~;AAGjB,MAAMA,2BAA2B,CAACC~~,QAAQ~~;~~IACjDC~~,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,~~8BAAa~~,EAACF,MAAMG,IAAI,EAAE,~~IAAI~~,~~EAAE,~~WAAW,~~GAAGD~~,IAAAA,~~8BAAa~~,~~EAACF~~,~~MAAMI~~,KAAK,EAAE,~~IAAI~~,~~GAAGJ~~,~~MAAMK,~~UAAU,IAAI,WAAW,~~GAAGH~~,IAAAA,~~8BAAa~~,~~EAACF~~,~~MAAMK~~,UAAU,EAAE,~~IAAI~~;~~AAC/K~~"}
1	+ {"version":3,"sources":["renderInfoLabel.js"],"sourcesContent":["/** @jsxRuntime automatic / /* @jsxImportSource @fluentui/react-jsx-runtime / import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/\n Render the final JSX of InfoLabel\n / export const renderInfoLabel_unstable = (state)=>{\n assertSlots(state);\n return /#__PURE__/ _jsxs(state.root, {\n children: [\n /#__PURE__/ _jsx(state.label, {}),\n state.infoButton && /#__PURE__*/ _jsx(state.infoButton, {})\n ]\n });\n};\n"],"names":["renderInfoLabel_unstable","state","assertSlots","_jsxs","root","children","_jsx","label","infoButton"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,2BAA2B,CAACC;IACzCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,KAAK,EAAE,CAAC;YACjCN,MAAMO,UAAU,IAAI,WAAW,GAAGF,IAAAA,eAAI,EAACL,MAAMO,UAAU,EAAE,CAAC;SAC7D;IACL;AACJ"}

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

@@ -4,59 +4,63 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useInfoLabel_unstable", {
     enumerable: true,
-    get: ()=>useInfoLabel_unstable
+    get: function() {
+        return useInfoLabel_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactLabel = require("@fluentui/react-label");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _infoButton = require("../InfoButton/InfoButton");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactlabel = require("@fluentui/react-label");
+const _reactutilities = require("@fluentui/react-utilities");
+const _InfoButton = require("../InfoButton/InfoButton");
 const useInfoLabel_unstable = (props, ref)=>{
-    const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;
-    const baseId = (0, _reactUtilities.useId)('infolabel-');
+    var _infoButton;
+    const { root: rootShorthand, label: labelShorthand, infoButton: infoButtonShorthand, info, size, className, style, ...labelProps } = props;
+    const baseId = (0, _reactutilities.useId)('infolabel-');
     const [open, setOpen] = _react.useState(false);
-    const root = _reactUtilities.slot.always(rootShorthand, {
+    const root = _reactutilities.slot.always(rootShorthand, {
         defaultProps: {
             className,
             style
         },
         elementType: 'span'
     });
-    const label = _reactUtilities.slot.always(labelShorthand, {
+    const label = _reactutilities.slot.always(labelShorthand, {
         defaultProps: {
             id: baseId + '__label',
             ref,
             size,
             ...labelProps
         },
-        elementType: _reactLabel.Label
+        elementType: _reactlabel.Label
     });
-    const infoButton = _reactUtilities.slot.optional(infoButtonShorthand, {
+    const infoButton = _reactutilities.slot.optional(infoButtonShorthand, {
         renderByDefault: !!info,
         defaultProps: {
             id: baseId + '__infoButton',
             size,
             info
         },
-        elementType: _infoButton.InfoButton
+        elementType: _InfoButton.InfoButton
     });
-    const infoButtonPopover = _reactUtilities.slot.always(infoButton === null || infoButton === void 0 ? void 0 : infoButton.popover, {
+    const infoButtonPopover = _reactutilities.slot.always((_infoButton = infoButton) === null || _infoButton === void 0 ? void 0 : _infoButton.popover, {
         elementType: 'div'
     });
-    infoButtonPopover.onOpenChange = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(infoButtonPopover.onOpenChange, (e, data)=>{
+    infoButtonPopover.onOpenChange = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)(infoButtonPopover.onOpenChange, (e, data)=>{
         setOpen(data.open);
     }));
     if (infoButton) {
-        var _infoButton1, _arialabelledby;
+        var _infoButton1;
+        var _infoButton2, _arialabelledby;
         infoButton.popover = infoButtonPopover;
-        infoButton.info = _reactUtilities.slot.optional(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
+        infoButton.info = _reactutilities.slot.optional((_infoButton1 = infoButton) === null || _infoButton1 === void 0 ? void 0 : _infoButton1.info, {
             defaultProps: {
                 id: baseId + '__info'
             },
             elementType: 'div'
         });
         var _;
-        (_ = (_infoButton1 = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton1[_arialabelledby] = `${label.id} ${infoButton.id}`;
+        (_ = (_infoButton2 = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton2[_arialabelledby] = `${label.id} ${infoButton.id}`;
         if (open) {
             var _infoButton_info;
             var _root, _ariaowns;
@@ -68,8 +72,8 @@ const useInfoLabel_unstable = (props, ref)=>{
         size,
         components: {
             root: 'span',
-            label: _reactLabel.Label,
-            infoButton: _infoButton.InfoButton
+            label: _reactlabel.Label,
+            infoButton: _InfoButton.InfoButton
         },
         root,
         label,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useInfoLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, useEventCallback, useId, slot } 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 */ export const useInfoLabel_unstable = (props, ref)=>{\n const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;\n const baseId = useId('infolabel-');\n const [open, setOpen] = React.useState(false);\n const root = slot.always(rootShorthand, {\n defaultProps: {\n className,\n style\n },\n elementType: 'span'\n });\n const label = slot.always(labelShorthand, {\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps\n },\n elementType: Label\n });\n const infoButton = slot.optional(infoButtonShorthand, {\n renderByDefault: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info\n },\n elementType: InfoButton\n });\n const infoButtonPopover = slot.always(infoButton === null \|\| ~~infoButton~~ === void 0 ? void 0 : ~~infoButton~~.popover, {\n elementType: 'div'\n });\n infoButtonPopover.onOpenChange = useEventCallback(mergeCallbacks(infoButtonPopover.onOpenChange, (e, data)=>{\n setOpen(data.open);\n }));\n if (infoButton) {\n var ~~_infoButton~~, _arialabelledby;\n infoButton.popover = infoButtonPopover;\n infoButton.info = slot.optional(infoButton === null \|\| ~~infoButton~~ === void 0 ? void 0 : ~~infoButton~~.info, {\n defaultProps: {\n id: baseId + '__info'\n },\n elementType: 'div'\n });\n var _;\n (_ = (~~_infoButton~~ = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : ~~_infoButton~~[_arialabelledby] = `${label.id} ${infoButton.id}`;\n if (open) {\n var _infoButton_info;\n var _root, _ariaowns;\n var _1;\n (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null \|\| _infoButton_info === void 0 ? void 0 : _infoButton_info.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"],"names":["useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","open","setOpen","React","useState","slot","always","defaultProps","elementType","id","Label","optional","renderByDefault","InfoButton","infoButtonPopover","popover","onOpenChange","useEventCallback","mergeCallbacks","e","data","~~_infoButton~~","_arialabelledby","_","_infoButton_info","_root","_ariaowns","_1","components"],"mappings":";;;;+BAYiBA~~;;aAAAA~~;;;~~6DAZM~~;4BACD;gCACwC;4BACnC;AAShB,MAAMA,wBAAwB,CAACC,OAAOC,~~MAAM~~;~~IACnD~~,MAAM,EAAEC,MAAMC,~~cAAa~~,~~EAAGC~~,OAAOC,~~eAAc~~,~~EAAGC~~,YAAYC,~~oBAAmB~~,~~EAAGC~~,~~KAAI~~,~~EAAGC~~,~~KAAI~~,~~EAAGC~~,~~UAAS~~,~~EAAGC~~,~~MAAK~~,~~EAAG~~,GAAGC,YAAY,~~GAAGZ~~;~~IAC5I~~,~~MAAMa~~,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,OAAMC,QAAQ,CAAC~~,KAAK~~;~~IAC5C~~,MAAMhB,OAAOiB,oBAAI,CAACC,MAAM,CAACjB,eAAe;QACpCkB,cAAc;YACVX;YACAC;QACJ;QACAW,aAAa;IACjB;IACA,MAAMlB,QAAQe,oBAAI,CAACC,MAAM,CAACf,gBAAgB;QACtCgB,cAAc;YACVE,IAAIV,SAAS;~~YACbZ~~;~~YACAQ~~;YACA,GAAGG,UAAU;QACjB;QACAU,aAAaE,iBAAK;IACtB;IACA,MAAMlB,aAAaa,oBAAI,CAACM,QAAQ,CAAClB,qBAAqB;QAClDmB,iBAAiB,CAAC,CAAClB;QACnBa,cAAc;YACVE,IAAIV,SAAS;YACbJ;YACAD;QACJ;QACAc,aAAaK,sBAAU;IAC3B;IACA,MAAMC,oBAAoBT,oBAAI,CAACC,MAAM,~~CAACd~~,~~eAAe~~,~~IAAI~~,~~IAAIA~~,~~eAAe~~,KAAK,IAAI,KAAK,IAAIA,~~WAAWuB~~,OAAO,EAAE;~~QAC9GP~~,aAAa;IACjB;IACAM,kBAAkBE,YAAY,GAAGC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACJ,kBAAkBE,YAAY,EAAE,CAACG,GAAGC~~,OAAO~~;~~QACxGlB~~,QAAQkB,KAAKnB,IAAI;IACrB;IACA,IAAIT,YAAY;QACZ,IAAI6B,~~cAAaC~~;~~QACjB9B~~,WAAWuB,OAAO,GAAGD;QACrBtB,WAAWE,IAAI,GAAGW,oBAAI,CAACM,QAAQ,~~CAACnB~~,~~eAAe~~,~~IAAI~~,~~IAAIA~~,~~eAAe~~,KAAK,IAAI,KAAK,IAAIA,~~WAAWE~~,IAAI,EAAE;~~YACrGa~~,cAAc;gBACVE,IAAIV,SAAS;YACjB;YACAS,aAAa;QACjB;QACA,~~IAAIe~~;QACHA,CAAAA,IAAI,AAACF,CAAAA,~~eAAc7B~~,UAAS,CAAE,~~CAAC8B~~,kBAAkB,kBAAkB,AAAD,MAAO,~~IAAI~~,~~IAAIC,~~MAAM,KAAK,IAAIA,IAAIF,~~YAAW~~,CAACC,gBAAgB,GAAG,CAAC,~~EAAEhC~~,MAAMmB,EAAE,CAAC,CAAC,EAAEjB,WAAWiB,EAAE,CAAC,CAAC;~~QAClK~~,IAAIR,MAAM;YACN,~~IAAIuB~~;YACJ,IAAIC,OAAOC;YACX,IAAIC;YACHA,CAAAA,KAAK,AAACF,CAAAA,~~QAAQrC~~,IAAG,CAAE,~~CAACsC~~,YAAY,YAAY,AAAD,MAAO,~~IAAI~~,~~IAAIC,~~OAAO,KAAK,IAAIA,KAAKF,KAAK,CAACC,UAAU,GAAG,AAACF,CAAAA,~~mBAAmBhC~~,WAAWE,IAAI,AAAD,MAAO,~~IAAI~~,~~IAAI8B,~~qBAAqB,KAAK,IAAI,KAAK,IAAIA,~~iBAAiBf~~,EAAE;QAClN~~,CAAC~~;~~IACL,CAAC~~;~~IACD~~,OAAO;QACHd;~~QACAiC~~,YAAY;~~YACRxC~~,MAAM;YACNE,OAAOoB,iBAAK;YACZlB,YAAYqB,sBAAU;QAC1B;QACAzB;QACAE;QACAE;IACJ;AACJ"}
1	+ {"version":3,"sources":["useInfoLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, useEventCallback, useId, slot } 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 */ export const useInfoLabel_unstable = (props, ref)=>{\n var _infoButton;\n const { root: rootShorthand, label: labelShorthand, infoButton: infoButtonShorthand, info, size, className, style, ...labelProps } = props;\n const baseId = useId('infolabel-');\n const [open, setOpen] = React.useState(false);\n const root = slot.always(rootShorthand, {\n defaultProps: {\n className,\n style\n },\n elementType: 'span'\n });\n const label = slot.always(labelShorthand, {\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps\n },\n elementType: Label\n });\n const infoButton = slot.optional(infoButtonShorthand, {\n renderByDefault: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info\n },\n elementType: InfoButton\n });\n const infoButtonPopover = slot.always((_infoButton = infoButton) === null \|\| _infoButton === void 0 ? void 0 : _infoButton.popover, {\n elementType: 'div'\n });\n infoButtonPopover.onOpenChange = useEventCallback(mergeCallbacks(infoButtonPopover.onOpenChange, (e, data)=>{\n setOpen(data.open);\n }));\n if (infoButton) {\n var _infoButton1;\n var _infoButton2, _arialabelledby;\n infoButton.popover = infoButtonPopover;\n infoButton.info = slot.optional((_infoButton1 = infoButton) === null \|\| _infoButton1 === void 0 ? void 0 : _infoButton1.info, {\n defaultProps: {\n id: baseId + '__info'\n },\n elementType: 'div'\n });\n var _;\n (_ = (_infoButton2 = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton2[_arialabelledby] = `${label.id} ${infoButton.id}`;\n if (open) {\n var _infoButton_info;\n var _root, _ariaowns;\n var _1;\n (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null \|\| _infoButton_info === void 0 ? void 0 : _infoButton_info.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"],"names":["useInfoLabel_unstable","props","ref","_infoButton","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","open","setOpen","React","useState","slot","always","defaultProps","elementType","id","Label","optional","renderByDefault","InfoButton","infoButtonPopover","popover","onOpenChange","useEventCallback","mergeCallbacks","e","data","_infoButton1","_infoButton2","_arialabelledby","_","_infoButton_info","_root","_ariaowns","_1","components"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;4BACD;gCACwC;4BACnC;AAShB,MAAMA,wBAAwB,CAACC,OAAOC;IAC7C,IAAIC;IACJ,MAAM,EAAEC,MAAMC,aAAa,EAAEC,OAAOC,cAAc,EAAEC,YAAYC,mBAAmB,EAAEC,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,YAAY,GAAGb;IACrI,MAAMc,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,OAAMC,QAAQ,CAAC;IACvC,MAAMhB,OAAOiB,oBAAI,CAACC,MAAM,CAACjB,eAAe;QACpCkB,cAAc;YACVX;YACAC;QACJ;QACAW,aAAa;IACjB;IACA,MAAMlB,QAAQe,oBAAI,CAACC,MAAM,CAACf,gBAAgB;QACtCgB,cAAc;YACVE,IAAIV,SAAS;YACbb;YACAS;YACA,GAAGG,UAAU;QACjB;QACAU,aAAaE,iBAAK;IACtB;IACA,MAAMlB,aAAaa,oBAAI,CAACM,QAAQ,CAAClB,qBAAqB;QAClDmB,iBAAiB,CAAC,CAAClB;QACnBa,cAAc;YACVE,IAAIV,SAAS;YACbJ;YACAD;QACJ;QACAc,aAAaK,sBAAU;IAC3B;IACA,MAAMC,oBAAoBT,oBAAI,CAACC,MAAM,CAAC,AAACnB,CAAAA,cAAcK,UAAS,MAAO,QAAQL,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAY4B,OAAO,EAAE;QAChIP,aAAa;IACjB;IACAM,kBAAkBE,YAAY,GAAGC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACJ,kBAAkBE,YAAY,EAAE,CAACG,GAAGC;QACjGlB,QAAQkB,KAAKnB,IAAI;IACrB;IACA,IAAIT,YAAY;QACZ,IAAI6B;QACJ,IAAIC,cAAcC;QAClB/B,WAAWuB,OAAO,GAAGD;QACrBtB,WAAWE,IAAI,GAAGW,oBAAI,CAACM,QAAQ,CAAC,AAACU,CAAAA,eAAe7B,UAAS,MAAO,QAAQ6B,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAa3B,IAAI,EAAE;YAC1Ha,cAAc;gBACVE,IAAIV,SAAS;YACjB;YACAS,aAAa;QACjB;QACA,IAAIgB;QACHA,CAAAA,IAAI,AAACF,CAAAA,eAAe9B,UAAS,CAAE,CAAC+B,kBAAkB,kBAAkB,AAAD,MAAO,QAAQC,MAAM,KAAK,IAAIA,IAAIF,YAAY,CAACC,gBAAgB,GAAG,CAAC,EAAEjC,MAAMmB,EAAE,CAAC,CAAC,EAAEjB,WAAWiB,EAAE,CAAC,CAAC;QACpK,IAAIR,MAAM;YACN,IAAIwB;YACJ,IAAIC,OAAOC;YACX,IAAIC;YACHA,CAAAA,KAAK,AAACF,CAAAA,QAAQtC,IAAG,CAAE,CAACuC,YAAY,YAAY,AAAD,MAAO,QAAQC,OAAO,KAAK,IAAIA,KAAKF,KAAK,CAACC,UAAU,GAAG,AAACF,CAAAA,mBAAmBjC,WAAWE,IAAI,AAAD,MAAO,QAAQ+B,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBhB,EAAE;QAClN;IACJ;IACA,OAAO;QACHd;QACAkC,YAAY;YACRzC,MAAM;YACNE,OAAOoB,iBAAK;YACZlB,YAAYqB,sBAAU;QAC1B;QACAzB;QACAE;QACAE;IACJ;AACJ"}

package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js CHANGED Viewed

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    infoLabelClassNames: ()=>infoLabelClassNames,
-    useInfoLabelStyles_unstable: ()=>useInfoLabelStyles_unstable
+    infoLabelClassNames: function() {
+        return infoLabelClassNames;
+    },
+    useInfoLabelStyles_unstable: function() {
+        return useInfoLabelStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const infoLabelClassNames = {
@@ -18,7 +22,7 @@ const infoLabelClassNames = {
     label: 'fui-InfoLabel__label',
     infoButton: 'fui-InfoLabel__infoButton'
 };
-const useLabelStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         ha4doy: "f12kltsn",
         Bceei9c: "fpo1scq",
@@ -31,7 +35,7 @@ const useLabelStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1ym3bx4{color:inherit;}"
     ]
 });
-const useInfoButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useInfoButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         ha4doy: "f12kltsn",
         B6of3ja: "f1bmzb36",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nexport const infoLabelClassNames = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = /#__PURE__/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n Bceei9c: \"fpo1scq\",\n sj55zd: \"f1ym3bx4\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".fpo1scq{cursor:inherit;}\", \".f1ym3bx4{color:inherit;}\"]\n});\nconst useInfoButtonStyles = /#__PURE__/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n B6of3ja: \"f1bmzb36\",\n jrapky: \"f1nyzk09\"\n },\n large: {\n B6of3ja: \"fkrn0sh\",\n jrapky: \"fmxx68s\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".f1bmzb36{margin-top:calc(0px - var(--spacingVerticalXXS));}\", \".f1nyzk09{margin-bottom:calc(0px - var(--spacingVerticalXXS));}\", \".fkrn0sh{margin-top:-1px;}\", \".fmxx68s{margin-bottom:-1px;}\"]\n});\n/*\n Apply styling to the InfoLabel slots based on the state\n */\nexport const useInfoLabelStyles_unstable = state => {\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n const labelStyles = useLabelStyles();\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n }\n return state;\n};\n//# sourceMappingURL=useInfoLabelStyles.styles.js.map"],"names":["infoLabelClassNames","useInfoLabelStyles_unstable","root","label","infoButton","useLabelStyles","__styles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","state","className","mergeClasses","labelStyles","infoButtonStyles","size"],"mappings":";;;;;;;;;;;IAEaA,mBAAmB~~,MAAnBA~~;IA8BAC,2BAA2B~~,MAA3BA;;~~uBA/B0B;AAChC,MAAMD,sBAAsB;IACjCE,MAAM;IACNC,OAAO;IACPC,YAAY;AACd;AACA,MAAMC,iBAAiB,WAAW,GAAEC,IAAAA,~~kBAAQ~~,EAAC;IAC3CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAA6B;KAA4B;AACjG;AACA,MAAMC,sBAAsB,WAAW,GAAEN,IAAAA,~~kBAAQ~~,EAAC;IAChDC,MAAM;QACJC,QAAQ;QACRK,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDH,GAAG;QAAC;QAAkC;QAAgE;QAAmE;QAA8B;KAAgC;AACzO;AAIO,MAAMV,8BAA8Be,CAAAA~~,QAAS~~;~~IAClDA~~,MAAMd,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBE,IAAI,EAAEc,MAAMd,IAAI,CAACe,SAAS;IAClF,MAAME,cAAcd;IACpBW,MAAMb,KAAK,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBG,KAAK,EAAEgB,YAAYZ,IAAI,EAAES,MAAMb,KAAK,CAACc,SAAS;IACvG,MAAMG,mBAAmBR;IACzB,IAAII,MAAMZ,UAAU,EAAE;QACpBY,MAAMZ,UAAU,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBI,UAAU,EAAEgB,iBAAiBb,IAAI,EAAES,MAAMK,IAAI,KAAK,WAAWD,iBAAiBL,KAAK,EAAEC,MAAMZ,UAAU,CAACa,SAAS;IAC/K~~,CAAC~~;~~IACD~~,OAAOD;AACT,GACA,qDAAqD"}
1	+ {"version":3,"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nexport const infoLabelClassNames = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = /#__PURE__/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n Bceei9c: \"fpo1scq\",\n sj55zd: \"f1ym3bx4\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".fpo1scq{cursor:inherit;}\", \".f1ym3bx4{color:inherit;}\"]\n});\nconst useInfoButtonStyles = /#__PURE__/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n B6of3ja: \"f1bmzb36\",\n jrapky: \"f1nyzk09\"\n },\n large: {\n B6of3ja: \"fkrn0sh\",\n jrapky: \"fmxx68s\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".f1bmzb36{margin-top:calc(0px - var(--spacingVerticalXXS));}\", \".f1nyzk09{margin-bottom:calc(0px - var(--spacingVerticalXXS));}\", \".fkrn0sh{margin-top:-1px;}\", \".fmxx68s{margin-bottom:-1px;}\"]\n});\n/*\n Apply styling to the InfoLabel slots based on the state\n */\nexport const useInfoLabelStyles_unstable = state => {\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n const labelStyles = useLabelStyles();\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n }\n return state;\n};\n//# sourceMappingURL=useInfoLabelStyles.styles.js.map"],"names":["infoLabelClassNames","useInfoLabelStyles_unstable","root","label","infoButton","useLabelStyles","__styles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","state","className","mergeClasses","labelStyles","infoButtonStyles","size"],"mappings":";;;;;;;;;;;IAEaA,mBAAmB;eAAnBA;;IA8BAC,2BAA2B;eAA3BA;;;uBA/B0B;AAChC,MAAMD,sBAAsB;IACjCE,MAAM;IACNC,OAAO;IACPC,YAAY;AACd;AACA,MAAMC,iBAAiB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC3CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAA6B;KAA4B;AACjG;AACA,MAAMC,sBAAsB,WAAW,GAAEN,IAAAA,eAAQ,EAAC;IAChDC,MAAM;QACJC,QAAQ;QACRK,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDH,GAAG;QAAC;QAAkC;QAAgE;QAAmE;QAA8B;KAAgC;AACzO;AAIO,MAAMV,8BAA8Be,CAAAA;IACzCA,MAAMd,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBE,IAAI,EAAEc,MAAMd,IAAI,CAACe,SAAS;IAClF,MAAME,cAAcd;IACpBW,MAAMb,KAAK,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBG,KAAK,EAAEgB,YAAYZ,IAAI,EAAES,MAAMb,KAAK,CAACc,SAAS;IACvG,MAAMG,mBAAmBR;IACzB,IAAII,MAAMZ,UAAU,EAAE;QACpBY,MAAMZ,UAAU,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBI,UAAU,EAAEgB,iBAAiBb,IAAI,EAAES,MAAMK,IAAI,KAAK,WAAWD,iBAAiBL,KAAK,EAAEC,MAAMZ,UAAU,CAACa,SAAS;IAC/K;IACA,OAAOD;AACT,GACA,qDAAqD"}

package/lib-commonjs/index.js CHANGED Viewed

@@ -9,16 +9,36 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    InfoButton: ()=>_infoButton.InfoButton,
-    infoButtonClassNames: ()=>_infoButton.infoButtonClassNames,
-    renderInfoButton_unstable: ()=>_infoButton.renderInfoButton_unstable,
-    useInfoButtonStyles_unstable: ()=>_infoButton.useInfoButtonStyles_unstable,
-    useInfoButton_unstable: ()=>_infoButton.useInfoButton_unstable,
-    InfoLabel: ()=>_infoLabel.InfoLabel,
-    infoLabelClassNames: ()=>_infoLabel.infoLabelClassNames,
-    renderInfoLabel_unstable: ()=>_infoLabel.renderInfoLabel_unstable,
-    useInfoLabelStyles_unstable: ()=>_infoLabel.useInfoLabelStyles_unstable,
-    useInfoLabel_unstable: ()=>_infoLabel.useInfoLabel_unstable
+    InfoButton: function() {
+        return _InfoButton.InfoButton;
+    },
+    infoButtonClassNames: function() {
+        return _InfoButton.infoButtonClassNames;
+    },
+    renderInfoButton_unstable: function() {
+        return _InfoButton.renderInfoButton_unstable;
+    },
+    useInfoButtonStyles_unstable: function() {
+        return _InfoButton.useInfoButtonStyles_unstable;
+    },
+    useInfoButton_unstable: function() {
+        return _InfoButton.useInfoButton_unstable;
+    },
+    InfoLabel: function() {
+        return _InfoLabel.InfoLabel;
+    },
+    infoLabelClassNames: function() {
+        return _InfoLabel.infoLabelClassNames;
+    },
+    renderInfoLabel_unstable: function() {
+        return _InfoLabel.renderInfoLabel_unstable;
+    },
+    useInfoLabelStyles_unstable: function() {
+        return _InfoLabel.useInfoLabelStyles_unstable;
+    },
+    useInfoLabel_unstable: function() {
+        return _InfoLabel.useInfoLabel_unstable;
+    }
 });
-const _infoButton = require("./InfoButton");
-const _infoLabel = require("./InfoLabel");
+const _InfoButton = require("./InfoButton");
+const _InfoLabel = require("./InfoLabel");

package/lib-commonjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.js"],"sourcesContent":["export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';\nexport { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":";;;;;;;;;;;IAASA,UAAU,~~MAAVA,~~sBAAU;IAAEC,oBAAoB,~~MAApBA,~~gCAAoB;IAAEC,yBAAyB,~~MAAzBA,~~qCAAyB;IAAEC,4BAA4B,~~MAA5BA,~~wCAA4B;IAAEC,sBAAsB,~~MAAtBA,~~kCAAsB;IACjHC,SAAS,~~MAATA,~~oBAAS;IAAEC,mBAAmB,~~MAAnBA,~~8BAAmB;IAAEC,wBAAwB,~~MAAxBA,~~mCAAwB;IAAEC,2BAA2B,~~MAA3BA,~~sCAA2B;IAAEC,qBAAqB,~~MAArBA,~~gCAAqB;;4BADa;2BACL"}
1	+ {"version":3,"sources":["index.js"],"sourcesContent":["export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';\nexport { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IACjHC,SAAS;eAATA,oBAAS;;IAAEC,mBAAmB;eAAnBA,8BAAmB;;IAAEC,wBAAwB;eAAxBA,mCAAwB;;IAAEC,2BAA2B;eAA3BA,sCAA2B;;IAAEC,qBAAqB;eAArBA,gCAAqB;;;4BADa;2BACL"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-infobutton",
-  "version": "9.0.0-beta.55",
+  "version": "9.0.0-beta.56",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,20 +34,20 @@
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-label": "^9.1.30",
-    "@fluentui/react-popover": "^9.8.0",
-    "@fluentui/react-tabster": "^9.12.5",
-    "@fluentui/react-theme": "^9.1.11",
-    "@fluentui/react-utilities": "^9.13.0",
-    "@fluentui/react-jsx-runtime": "^9.0.3",
+    "@fluentui/react-label": "^9.1.31",
+    "@fluentui/react-popover": "^9.8.1",
+    "@fluentui/react-tabster": "^9.12.6",
+    "@fluentui/react-theme": "^9.1.12",
+    "@fluentui/react-utilities": "^9.13.1",
+    "@fluentui/react-jsx-runtime": "^9.0.4",
     "@griffel/react": "^1.5.14",
-    "@swc/helpers": "^0.4.14"
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <19.0.0",
-    "@types/react-dom": ">=16.8.0 <19.0.0",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0"
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [