@fluentui/react-infobutton 9.0.0-beta.40 → 9.0.0-beta.42

package/CHANGELOG.json

@@ -2,7 +2,76 @@
   "name": "@fluentui/react-infobutton",
   "entries": [
     {
-      "date": "Mon, 03 Jul 2023 13:32:38 GMT",
+      "date": "Mon, 17 Jul 2023 21:26:50 GMT",
+      "tag": "@fluentui/react-infobutton_v9.0.0-beta.42",
+      "version": "9.0.0-beta.42",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "d2c19695a05ff0adcab100c05d75cfa32e0994a9",
+            "comment": "fix(react-infobutton): Make InfoLabel only add aria-owns when the popover is open."
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "bffeca38807f5cd9230e6dbbc4ef1be1766e29d5",
+            "comment": "feat(react-infobutton): Remove InfoIcon files from react-infobutton."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 13 Jul 2023 21:25:41 GMT",
+      "tag": "@fluentui/react-infobutton_v9.0.0-beta.41",
+      "version": "9.0.0-beta.41",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "8a9e1018f2abb2c7608c49d32acf44e93c43cba6",
+            "comment": "chore: update devDependencies to use * for inner workspace dependencies"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 11 Jul 2023 18:46:36 GMT",
+      "tag": "@fluentui/react-infobutton_v9.0.0-beta.41",
+      "version": "9.0.0-beta.41",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-label to v9.1.20",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-popover to v9.7.6",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.11",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 03 Jul 2023 13:34:28 GMT",
       "tag": "@fluentui/react-infobutton_v9.0.0-beta.40",
       "version": "9.0.0-beta.40",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,34 @@
 # Change Log - @fluentui/react-infobutton
 
-This log was last generated on Mon, 03 Jul 2023 13:32:38 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Jul 2023 21:26:50 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.42)
+
+Mon, 17 Jul 2023 21:26:50 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.41..@fluentui/react-infobutton_v9.0.0-beta.42)
+
+### Changes
+
+- fix(react-infobutton): Make InfoLabel only add aria-owns when the popover is open. ([PR #28463](https://github.com/microsoft/fluentui/pull/28463) by esteban.230@hotmail.com)
+- feat(react-infobutton): Remove InfoIcon files from react-infobutton. ([PR #28534](https://github.com/microsoft/fluentui/pull/28534) by esteban.230@hotmail.com)
+
+## [9.0.0-beta.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.41)
+
+Tue, 11 Jul 2023 18:46:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.40..@fluentui/react-infobutton_v9.0.0-beta.41)
+
+### Changes
+
+- Bump @fluentui/react-label to v9.1.20 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+- Bump @fluentui/react-popover to v9.7.6 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.11 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+
 ## [9.0.0-beta.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.40)
 
-Mon, 03 Jul 2023 13:32:38 GMT 
+Mon, 03 Jul 2023 13:34:28 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.39..@fluentui/react-infobutton_v9.0.0-beta.40)
 
 ### Changes

package/dist/index.d.ts

@@ -46,48 +46,6 @@ export declare type InfoButtonSlots = {
  */
 export declare type InfoButtonState = ComponentState<InfoButtonSlots> & Required<Pick<InfoButtonProps, 'size'>>;
 
-/**
- * InfoIcon component - TODO: add more docs
- */
-export declare const InfoIcon: ForwardRefComponent<InfoIconProps>;
-
-export declare const infoIconClassNames: SlotClassNames<InfoIconSlots>;
-
-/**
- * InfoIconLabel component - TODO: add more docs
- */
-export declare const InfoIconLabel: ForwardRefComponent<InfoIconLabelProps>;
-
-export declare const infoIconLabelClassNames: SlotClassNames<InfoIconLabelSlots>;
-
-/**
- * InfoIconLabel Props
- */
-export declare type InfoIconLabelProps = ComponentProps<InfoIconLabelSlots> & {};
-
-export declare type InfoIconLabelSlots = {
-    root: Slot<'div'>;
-};
-
-/**
- * State used in rendering InfoIconLabel
- */
-export declare type InfoIconLabelState = ComponentState<InfoIconLabelSlots>;
-
-/**
- * InfoIcon Props
- */
-export declare type InfoIconProps = ComponentProps<InfoIconSlots> & {};
-
-export declare type InfoIconSlots = {
-    root: Slot<'div'>;
-};
-
-/**
- * State used in rendering InfoIcon
- */
-export declare type InfoIconState = ComponentState<InfoIconSlots>;
-
 /**
  * InfoLabel component
  */
@@ -135,16 +93,6 @@ export declare type InfoLabelState = ComponentState<InfoLabelSlots> & Pick<InfoL
  */
 export declare const renderInfoButton_unstable: (state: InfoButtonState) => JSX.Element;
 
-/**
- * Render the final JSX of InfoIcon
- */
-export declare const renderInfoIcon_unstable: (state: InfoIconState) => JSX.Element;
-
-/**
- * Render the final JSX of InfoIconLabel
- */
-export declare const renderInfoIconLabel_unstable: (state: InfoIconLabelState) => JSX.Element;
-
 /**
  * Render the final JSX of InfoLabel
  */
@@ -166,38 +114,6 @@ export declare const useInfoButton_unstable: (props: InfoButtonProps, ref: React
  */
 export declare const useInfoButtonStyles_unstable: (state: InfoButtonState) => InfoButtonState;
 
-/**
- * Create the state required to render InfoIcon.
- *
- * The returned state can be modified with hooks such as useInfoIconStyles_unstable,
- * before being passed to renderInfoIcon_unstable.
- *
- * @param props - props from this instance of InfoIcon
- * @param ref - reference to root HTMLElement of InfoIcon
- */
-export declare const useInfoIcon_unstable: (props: InfoIconProps, ref: React_2.Ref<HTMLElement>) => InfoIconState;
-
-/**
- * Create the state required to render InfoIconLabel.
- *
- * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,
- * before being passed to renderInfoIconLabel_unstable.
- *
- * @param props - props from this instance of InfoIconLabel
- * @param ref - reference to root HTMLElement of InfoIconLabel
- */
-export declare const useInfoIconLabel_unstable: (props: InfoIconLabelProps, ref: React_2.Ref<HTMLElement>) => InfoIconLabelState;
-
-/**
- * Apply styling to the InfoIconLabel slots based on the state
- */
-export declare const useInfoIconLabelStyles_unstable: (state: InfoIconLabelState) => InfoIconLabelState;
-
-/**
- * Apply styling to the InfoIcon slots based on the state
- */
-export declare const useInfoIconStyles_unstable: (state: InfoIconState) => InfoIconState;
-
 /**
  * Create the state required to render InfoLabel.
  *

package/lib/components/InfoLabel/useInfoLabel.js

@@ -1,7 +1,7 @@
 var _infoButton, _arialabelledby, _root, _ariaowns;
 import * as React from 'react';
 import { Label } from '@fluentui/react-label';
-import { resolveShorthand, useId } from '@fluentui/react-utilities';
+import { mergeCallbacks, resolveShorthand, useEventCallback, useId } from '@fluentui/react-utilities';
 import { InfoButton } from '../InfoButton/InfoButton';
 /**
  * Create the state required to render InfoLabel.
@@ -14,6 +14,7 @@ import { InfoButton } from '../InfoButton/InfoButton';
  */ export const useInfoLabel_unstable = (props, ref)=>{
     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 = resolveShorthand(rootShorthand, {
         required: true,
         defaultProps: {
@@ -38,8 +39,14 @@ import { InfoButton } from '../InfoButton/InfoButton';
             info
         }
     });
+    const infoButtonPopover = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.popover, {
+        required: true
+    });
+    infoButtonPopover.onOpenChange = useEventCallback(mergeCallbacks(infoButtonPopover.onOpenChange, (e, data)=>{
+        setOpen(data.open);
+    }));
     if (infoButton) {
-        var _infoButton_info;
+        infoButton.popover = infoButtonPopover;
         infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
             defaultProps: {
                 id: baseId + '__info'
@@ -47,8 +54,11 @@ import { InfoButton } from '../InfoButton/InfoButton';
         });
         var _;
         (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;
-        var _1;
-        (_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;
+        if (open) {
+            var _infoButton_info;
+            var _1;
+            (_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;
+        }
     }
     return {
         size,

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

@@ -1 +1 @@
-{"version":3,"sources":["useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n  const {\n    root: rootShorthand,\n    label: labelShorthand,\n    infoButton: infoButtonShorthand,\n    info,\n    size,\n    className,\n    style,\n    ...labelProps\n  } = props;\n  const baseId = useId('infolabel-');\n\n  const root = resolveShorthand(rootShorthand, {\n    required: true,\n    defaultProps: {\n      className,\n      style,\n    },\n  });\n\n  const label = resolveShorthand(labelShorthand, {\n    required: true,\n    defaultProps: {\n      id: baseId + '__label',\n      ref,\n      size,\n      ...labelProps,\n    },\n  });\n\n  const infoButton = resolveShorthand(infoButtonShorthand, {\n    required: !!info,\n    defaultProps: {\n      id: baseId + '__infoButton',\n      size,\n      info,\n    },\n  });\n\n  if (infoButton) {\n    infoButton.info = resolveShorthand(infoButton?.info, {\n      defaultProps: {\n        id: baseId + '__info',\n      },\n    });\n\n    infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n    root['aria-owns'] ??= 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":["infoButton","root","React","Label","resolveShorthand","useId","InfoButton","useInfoLabel_unstable","props","ref","rootShorthand","label","labelShorthand","infoButtonShorthand","info","size","className","style","labelProps","baseId","required","defaultProps","id","components"],"mappings":"IA+DIA,aAAW,iBACXC,OAAK;AAhET,YAAYC,WAAW,QAAQ;AAE/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AACpE,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC,MAAqD;IAChH,MAAM,EACJR,MAAMS,cAAa,EACnBC,OAAOC,eAAc,EACrBZ,YAAYa,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGV;IACJ,MAAMW,SAASd,MAAM;IAErB,MAAMJ,OAAOG,iBAAiBM,eAAe;QAC3CU,UAAU,IAAI;QACdC,cAAc;YACZL;YACAC;QACF;IACF;IAEA,MAAMN,QAAQP,iBAAiBQ,gBAAgB;QAC7CQ,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIH,SAAS;YACbV;YACAM;YACA,GAAGG,UAAU;QACf;IACF;IAEA,MAAMlB,aAAaI,iBAAiBS,qBAAqB;QACvDO,UAAU,CAAC,CAACN;QACZO,cAAc;YACZC,IAAIH,SAAS;YACbJ;YACAD;QACF;IACF;IAEA,IAAId,YAAY;YAQQA;QAPtBA,WAAWc,IAAI,GAAGV,iBAAiBJ,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYc,IAAI,EAAE;YACnDO,cAAc;gBACZC,IAAIH,SAAS;YACf;QACF;;QAEAnB,MAAAA,cAAAA,WAAU,CAAC,kBAAA,kBAAkB,iCAA7BA,WAAU,CAAC,gBAAkB,GAAK,CAAC,EAAEW,MAAMW,EAAE,CAAC,CAAC,EAAEtB,WAAWsB,EAAE,CAAC,CAAC;;QAChErB,OAAAA,QAAAA,KAAI,CAAC,YAAA,YAAY,mCAAjBA,KAAI,CAAC,UAAY,GAAKD,CAAAA,mBAAAA,WAAWc,IAAI,cAAfd,8BAAAA,KAAAA,IAAAA,iBAAiBsB,EAAE;IAC3C,CAAC;IAED,OAAO;QACLP;QACAQ,YAAY;YACVtB,MAAM;YACNU,OAAOR;YACPH,YAAYM;QACd;QACAL;QACAU;QACAX;IACF;AACF,EAAE"}
+{"version":3,"sources":["useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, resolveShorthand, useEventCallback, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n  const {\n    root: rootShorthand,\n    label: labelShorthand,\n    infoButton: infoButtonShorthand,\n    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 = resolveShorthand(rootShorthand, {\n    required: true,\n    defaultProps: {\n      className,\n      style,\n    },\n  });\n\n  const label = resolveShorthand(labelShorthand, {\n    required: true,\n    defaultProps: {\n      id: baseId + '__label',\n      ref,\n      size,\n      ...labelProps,\n    },\n  });\n\n  const infoButton = resolveShorthand(infoButtonShorthand, {\n    required: !!info,\n    defaultProps: {\n      id: baseId + '__infoButton',\n      size,\n      info,\n    },\n  });\n\n  const infoButtonPopover = resolveShorthand(infoButton?.popover, { required: true });\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 = resolveShorthand(infoButton?.info, {\n      defaultProps: {\n        id: baseId + '__info',\n      },\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":["infoButton","root","React","Label","mergeCallbacks","resolveShorthand","useEventCallback","useId","InfoButton","useInfoLabel_unstable","props","ref","rootShorthand","label","labelShorthand","infoButtonShorthand","info","size","className","style","labelProps","baseId","open","setOpen","useState","required","defaultProps","id","infoButtonPopover","popover","onOpenChange","e","data","components"],"mappings":"IAwEIA,aAAW,iBAGTC,OAAK;AA3EX,YAAYC,WAAW,QAAQ;AAE/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,cAAc,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AACtG,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC,MAAqD;IAChH,MAAM,EACJV,MAAMW,cAAa,EACnBC,OAAOC,eAAc,EACrBd,YAAYe,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGV;IACJ,MAAMW,SAASd,MAAM;IACrB,MAAM,CAACe,MAAMC,QAAQ,GAAGrB,MAAMsB,QAAQ,CAAC,KAAK;IAE5C,MAAMvB,OAAOI,iBAAiBO,eAAe;QAC3Ca,UAAU,IAAI;QACdC,cAAc;YACZR;YACAC;QACF;IACF;IAEA,MAAMN,QAAQR,iBAAiBS,gBAAgB;QAC7CW,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIN,SAAS;YACbV;YACAM;YACA,GAAGG,UAAU;QACf;IACF;IAEA,MAAMpB,aAAaK,iBAAiBU,qBAAqB;QACvDU,UAAU,CAAC,CAACT;QACZU,cAAc;YACZC,IAAIN,SAAS;YACbJ;YACAD;QACF;IACF;IAEA,MAAMY,oBAAoBvB,iBAAiBL,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAY6B,OAAO,EAAE;QAAEJ,UAAU,IAAI;IAAC;IACjFG,kBAAkBE,YAAY,GAAGxB,iBAC/BF,eAAewB,kBAAkBE,YAAY,EAAE,CAACC,GAAGC,OAAS;QAC1DT,QAAQS,KAAKV,IAAI;IACnB;IAGF,IAAItB,YAAY;QACdA,WAAW6B,OAAO,GAAGD;QACrB5B,WAAWgB,IAAI,GAAGX,iBAAiBL,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYgB,IAAI,EAAE;YACnDU,cAAc;gBACZC,IAAIN,SAAS;YACf;QACF;;QAEArB,MAAAA,cAAAA,WAAU,CAAC,kBAAA,kBAAkB,iCAA7BA,WAAU,CAAC,gBAAkB,GAAK,CAAC,EAAEa,MAAMc,EAAE,CAAC,CAAC,EAAE3B,WAAW2B,EAAE,CAAC,CAAC;QAEhE,IAAIL,MAAM;gBACctB;;YAAtBC,OAAAA,QAAAA,KAAI,CAAC,YAAA,YAAY,mCAAjBA,KAAI,CAAC,UAAY,GAAKD,CAAAA,mBAAAA,WAAWgB,IAAI,cAAfhB,8BAAAA,KAAAA,IAAAA,iBAAiB2B,EAAE;QAC3C,CAAC;IACH,CAAC;IAED,OAAO;QACLV;QACAgB,YAAY;YACVhC,MAAM;YACNY,OAAOV;YACPH,YAAYQ;QACd;QACAP;QACAY;QACAb;IACF;AACF,EAAE"}

package/lib/index.js

@@ -1,4 +1,2 @@
 export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';
 export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';
-export { InfoIcon, infoIconClassNames, renderInfoIcon_unstable, useInfoIconStyles_unstable, useInfoIcon_unstable } from './InfoIcon';
-export { InfoIconLabel, infoIconLabelClassNames, renderInfoIconLabel_unstable, useInfoIconLabelStyles_unstable, useInfoIconLabel_unstable } from './InfoIconLabel';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  InfoButton,\n  infoButtonClassNames,\n  renderInfoButton_unstable,\n  useInfoButtonStyles_unstable,\n  useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\nexport {\n  InfoLabel,\n  infoLabelClassNames,\n  renderInfoLabel_unstable,\n  useInfoLabelStyles_unstable,\n  useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\nexport {\n  InfoIcon,\n  infoIconClassNames,\n  renderInfoIcon_unstable,\n  useInfoIconStyles_unstable,\n  useInfoIcon_unstable,\n} from './InfoIcon';\nexport type { InfoIconProps, InfoIconSlots, InfoIconState } from './InfoIcon';\nexport {\n  InfoIconLabel,\n  infoIconLabelClassNames,\n  renderInfoIconLabel_unstable,\n  useInfoIconLabelStyles_unstable,\n  useInfoIconLabel_unstable,\n} from './InfoIconLabel';\nexport type { InfoIconLabelProps, InfoIconLabelSlots, InfoIconLabelState } from './InfoIconLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable","InfoIcon","infoIconClassNames","renderInfoIcon_unstable","useInfoIconStyles_unstable","useInfoIcon_unstable","InfoIconLabel","infoIconLabelClassNames","renderInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","useInfoIconLabel_unstable"],"mappings":"AAAA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,eAAe;AAEtB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc;AAErB,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,oBAAoB,QACf,aAAa;AAEpB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  InfoButton,\n  infoButtonClassNames,\n  renderInfoButton_unstable,\n  useInfoButtonStyles_unstable,\n  useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\nexport {\n  InfoLabel,\n  infoLabelClassNames,\n  renderInfoLabel_unstable,\n  useInfoLabelStyles_unstable,\n  useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":"AAAA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,eAAe;AAEtB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc"}

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

@@ -15,6 +15,7 @@ var _infoButton1, _arialabelledby, _root, _ariaowns;
 const useInfoLabel_unstable = (props, ref)=>{
     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 = (0, _reactUtilities.resolveShorthand)(rootShorthand, {
         required: true,
         defaultProps: {
@@ -39,8 +40,14 @@ const useInfoLabel_unstable = (props, ref)=>{
             info
         }
     });
+    const infoButtonPopover = (0, _reactUtilities.resolveShorthand)(infoButton === null || infoButton === void 0 ? void 0 : infoButton.popover, {
+        required: true
+    });
+    infoButtonPopover.onOpenChange = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(infoButtonPopover.onOpenChange, (e, data)=>{
+        setOpen(data.open);
+    }));
     if (infoButton) {
-        var _infoButton_info;
+        infoButton.popover = infoButtonPopover;
         infoButton.info = (0, _reactUtilities.resolveShorthand)(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
             defaultProps: {
                 id: baseId + '__info'
@@ -48,8 +55,11 @@ const useInfoLabel_unstable = (props, ref)=>{
         });
         var _;
         (_ = (_infoButton1 = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton1[_arialabelledby] = `${label.id} ${infoButton.id}`;
-        var _1;
-        (_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;
+        if (open) {
+            var _infoButton_info;
+            var _1;
+            (_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;
+        }
     }
     return {
         size,

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

@@ -1 +1 @@
-{"version":3,"sources":["useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby, _root, _ariaowns;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */ 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 root = resolveShorthand(rootShorthand, {\n        required: true,\n        defaultProps: {\n            className,\n            style\n        }\n    });\n    const label = resolveShorthand(labelShorthand, {\n        required: true,\n        defaultProps: {\n            id: baseId + '__label',\n            ref,\n            size,\n            ...labelProps\n        }\n    });\n    const infoButton = resolveShorthand(infoButtonShorthand, {\n        required: !!info,\n        defaultProps: {\n            id: baseId + '__infoButton',\n            size,\n            info\n        }\n    });\n    if (infoButton) {\n        var _infoButton_info;\n        infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {\n            defaultProps: {\n                id: baseId + '__info'\n            }\n        });\n        var _;\n        (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\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    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","_infoButton","_arialabelledby","_root","_ariaowns","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","resolveShorthand","required","defaultProps","id","_infoButton_info","_","_1","components","Label","InfoButton"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAZM;4BACD;gCACkB;4BACb;AAJ3B,IAAIC,cAAaC,iBAAiBC,OAAOC;AAa9B,MAAMJ,wBAAwB,CAACK,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,MAAMZ,OAAOa,IAAAA,gCAAgB,EAACZ,eAAe;QACzCa,UAAU,IAAI;QACdC,cAAc;YACVP;YACAC;QACJ;IACJ;IACA,MAAMP,QAAQW,IAAAA,gCAAgB,EAACV,gBAAgB;QAC3CW,UAAU,IAAI;QACdC,cAAc;YACVC,IAAIL,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACjB;IACJ;IACA,MAAMN,aAAaS,IAAAA,gCAAgB,EAACR,qBAAqB;QACrDS,UAAU,CAAC,CAACR;QACZS,cAAc;YACVC,IAAIL,SAAS;YACbJ;YACAD;QACJ;IACJ;IACA,IAAIF,YAAY;QACZ,IAAIa;QACJb,WAAWE,IAAI,GAAGO,IAAAA,gCAAgB,EAACT,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWE,IAAI,EAAE;YACxGS,cAAc;gBACVC,IAAIL,SAAS;YACjB;QACJ;QACA,IAAIO;QACHA,CAAAA,IAAI,AAACxB,CAAAA,eAAcU,UAAS,CAAE,CAACT,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAIuB,MAAM,KAAK,IAAIA,IAAIxB,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEO,MAAMc,EAAE,CAAC,CAAC,EAAEZ,WAAWY,EAAE,CAAC,CAAC;QAClK,IAAIG;QACHA,CAAAA,KAAK,AAACvB,CAAAA,QAAQI,IAAG,CAAE,CAACH,YAAY,YAAY,AAAD,MAAO,IAAI,IAAIsB,OAAO,KAAK,IAAIA,KAAKvB,KAAK,CAACC,UAAU,GAAG,AAACoB,CAAAA,mBAAmBb,WAAWE,IAAI,AAAD,MAAO,IAAI,IAAIW,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBD,EAAE;IAClN,CAAC;IACD,OAAO;QACHT;QACAa,YAAY;YACRpB,MAAM;YACNE,OAAOmB,iBAAK;YACZjB,YAAYkB,sBAAU;QAC1B;QACAtB;QACAE;QACAE;IACJ;AACJ"}
+{"version":3,"sources":["useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby, _root, _ariaowns;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, resolveShorthand, useEventCallback, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */ 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 = resolveShorthand(rootShorthand, {\n        required: true,\n        defaultProps: {\n            className,\n            style\n        }\n    });\n    const label = resolveShorthand(labelShorthand, {\n        required: true,\n        defaultProps: {\n            id: baseId + '__label',\n            ref,\n            size,\n            ...labelProps\n        }\n    });\n    const infoButton = resolveShorthand(infoButtonShorthand, {\n        required: !!info,\n        defaultProps: {\n            id: baseId + '__infoButton',\n            size,\n            info\n        }\n    });\n    const infoButtonPopover = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.popover, {\n        required: true\n    });\n    infoButtonPopover.onOpenChange = useEventCallback(mergeCallbacks(infoButtonPopover.onOpenChange, (e, data)=>{\n        setOpen(data.open);\n    }));\n    if (infoButton) {\n        infoButton.popover = infoButtonPopover;\n        infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {\n            defaultProps: {\n                id: baseId + '__info'\n            }\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 _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","_infoButton","_arialabelledby","_root","_ariaowns","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","open","setOpen","React","useState","resolveShorthand","required","defaultProps","id","infoButtonPopover","popover","onOpenChange","useEventCallback","mergeCallbacks","e","data","_","_infoButton_info","_1","components","Label","InfoButton"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAZM;4BACD;gCACoD;4BAC/C;AAJ3B,IAAIC,cAAaC,iBAAiBC,OAAOC;AAa9B,MAAMJ,wBAAwB,CAACK,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,IAAAA,gCAAgB,EAAChB,eAAe;QACzCiB,UAAU,IAAI;QACdC,cAAc;YACVX;YACAC;QACJ;IACJ;IACA,MAAMP,QAAQe,IAAAA,gCAAgB,EAACd,gBAAgB;QAC3Ce,UAAU,IAAI;QACdC,cAAc;YACVC,IAAIT,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACjB;IACJ;IACA,MAAMN,aAAaa,IAAAA,gCAAgB,EAACZ,qBAAqB;QACrDa,UAAU,CAAC,CAACZ;QACZa,cAAc;YACVC,IAAIT,SAAS;YACbJ;YACAD;QACJ;IACJ;IACA,MAAMe,oBAAoBJ,IAAAA,gCAAgB,EAACb,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWkB,OAAO,EAAE;QACnHJ,UAAU,IAAI;IAClB;IACAG,kBAAkBE,YAAY,GAAGC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACJ,kBAAkBE,YAAY,EAAE,CAACG,GAAGC,OAAO;QACxGb,QAAQa,KAAKd,IAAI;IACrB;IACA,IAAIT,YAAY;QACZA,WAAWkB,OAAO,GAAGD;QACrBjB,WAAWE,IAAI,GAAGW,IAAAA,gCAAgB,EAACb,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWE,IAAI,EAAE;YACxGa,cAAc;gBACVC,IAAIT,SAAS;YACjB;QACJ;QACA,IAAIiB;QACHA,CAAAA,IAAI,AAAClC,CAAAA,eAAcU,UAAS,CAAE,CAACT,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAIiC,MAAM,KAAK,IAAIA,IAAIlC,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEO,MAAMkB,EAAE,CAAC,CAAC,EAAEhB,WAAWgB,EAAE,CAAC,CAAC;QAClK,IAAIP,MAAM;YACN,IAAIgB;YACJ,IAAIC;YACHA,CAAAA,KAAK,AAAClC,CAAAA,QAAQI,IAAG,CAAE,CAACH,YAAY,YAAY,AAAD,MAAO,IAAI,IAAIiC,OAAO,KAAK,IAAIA,KAAKlC,KAAK,CAACC,UAAU,GAAG,AAACgC,CAAAA,mBAAmBzB,WAAWE,IAAI,AAAD,MAAO,IAAI,IAAIuB,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBT,EAAE;QAClN,CAAC;IACL,CAAC;IACD,OAAO;QACHb;QACAwB,YAAY;YACR/B,MAAM;YACNE,OAAO8B,iBAAK;YACZ5B,YAAY6B,sBAAU;QAC1B;QACAjC;QACAE;QACAE;IACJ;AACJ"}

package/lib-commonjs/index.js

@@ -18,19 +18,7 @@ _export(exports, {
     infoLabelClassNames: ()=>_infoLabel.infoLabelClassNames,
     renderInfoLabel_unstable: ()=>_infoLabel.renderInfoLabel_unstable,
     useInfoLabelStyles_unstable: ()=>_infoLabel.useInfoLabelStyles_unstable,
-    useInfoLabel_unstable: ()=>_infoLabel.useInfoLabel_unstable,
-    InfoIcon: ()=>_infoIcon.InfoIcon,
-    infoIconClassNames: ()=>_infoIcon.infoIconClassNames,
-    renderInfoIcon_unstable: ()=>_infoIcon.renderInfoIcon_unstable,
-    useInfoIconStyles_unstable: ()=>_infoIcon.useInfoIconStyles_unstable,
-    useInfoIcon_unstable: ()=>_infoIcon.useInfoIcon_unstable,
-    InfoIconLabel: ()=>_infoIconLabel.InfoIconLabel,
-    infoIconLabelClassNames: ()=>_infoIconLabel.infoIconLabelClassNames,
-    renderInfoIconLabel_unstable: ()=>_infoIconLabel.renderInfoIconLabel_unstable,
-    useInfoIconLabelStyles_unstable: ()=>_infoIconLabel.useInfoIconLabelStyles_unstable,
-    useInfoIconLabel_unstable: ()=>_infoIconLabel.useInfoIconLabel_unstable
+    useInfoLabel_unstable: ()=>_infoLabel.useInfoLabel_unstable
 });
 const _infoButton = require("./InfoButton");
 const _infoLabel = require("./InfoLabel");
-const _infoIcon = require("./InfoIcon");
-const _infoIconLabel = require("./InfoIconLabel");

package/lib-commonjs/index.js.map

@@ -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';\nexport { InfoIcon, infoIconClassNames, renderInfoIcon_unstable, useInfoIconStyles_unstable, useInfoIcon_unstable } from './InfoIcon';\nexport { InfoIconLabel, infoIconLabelClassNames, renderInfoIconLabel_unstable, useInfoIconLabelStyles_unstable, useInfoIconLabel_unstable } from './InfoIconLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable","InfoIcon","infoIconClassNames","renderInfoIcon_unstable","useInfoIconStyles_unstable","useInfoIcon_unstable","InfoIconLabel","infoIconLabelClassNames","renderInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","useInfoIconLabel_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;IAC5GC,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IACvGC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,4BAA4B,MAA5BA,2CAA4B;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;;4BAHP;2BACL;0BACL;+BACyB"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-infobutton",
-  "version": "9.0.0-beta.40",
+  "version": "9.0.0-beta.42",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,18 +28,18 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
+    "@fluentui/react-conformance-griffel": "*",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.203",
-    "@fluentui/react-label": "^9.1.19",
-    "@fluentui/react-popover": "^9.7.5",
+    "@fluentui/react-label": "^9.1.20",
+    "@fluentui/react-popover": "^9.7.6",
     "@fluentui/react-tabster": "^9.10.0",
     "@fluentui/react-theme": "^9.1.9",
     "@fluentui/react-utilities": "^9.10.1",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.10",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.11",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },

package/lib/InfoIcon.js

@@ -1 +0,0 @@
-export * from './components/InfoIcon/index';

package/lib/InfoIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InfoIcon.ts"],"sourcesContent":["export * from './components/InfoIcon/index';\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}

package/lib/InfoIconLabel.js

@@ -1 +0,0 @@
-export * from './components/InfoIconLabel/index';

package/lib/InfoIconLabel.js.map

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

package/lib/components/InfoIcon/InfoIcon.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { useInfoIcon_unstable } from './useInfoIcon';
-import { renderInfoIcon_unstable } from './renderInfoIcon';
-import { useInfoIconStyles_unstable } from './useInfoIconStyles.styles';
-/**
- * InfoIcon component - TODO: add more docs
- */ export const InfoIcon = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useInfoIcon_unstable(props, ref);
-    useInfoIconStyles_unstable(state);
-    return renderInfoIcon_unstable(state);
-});
-InfoIcon.displayName = 'InfoIcon';

package/lib/components/InfoIcon/InfoIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InfoIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIcon_unstable } from './useInfoIcon';\nimport { renderInfoIcon_unstable } from './renderInfoIcon';\nimport { useInfoIconStyles_unstable } from './useInfoIconStyles.styles';\nimport type { InfoIconProps } from './InfoIcon.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * InfoIcon component - TODO: add more docs\n */\nexport const InfoIcon: ForwardRefComponent<InfoIconProps> = React.forwardRef((props, ref) => {\n  const state = useInfoIcon_unstable(props, ref);\n\n  useInfoIconStyles_unstable(state);\n  return renderInfoIcon_unstable(state);\n});\n\nInfoIcon.displayName = 'InfoIcon';\n"],"names":["React","useInfoIcon_unstable","renderInfoIcon_unstable","useInfoIconStyles_unstable","InfoIcon","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,6BAA6B;AAIxE;;CAEC,GACD,OAAO,MAAMC,yBAA+CJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3F,MAAMC,QAAQP,qBAAqBK,OAAOC;IAE1CJ,2BAA2BK;IAC3B,OAAON,wBAAwBM;AACjC,GAAG;AAEHJ,SAASK,WAAW,GAAG"}

package/lib/components/InfoIcon/InfoIcon.types.js

@@ -1,2 +0,0 @@
-export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconProps.
- // & Required<Pick<InfoIconProps, 'propName'>>

package/lib/components/InfoIcon/InfoIcon.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InfoIcon.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type InfoIconSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * InfoIcon Props\n */\nexport type InfoIconProps = ComponentProps<InfoIconSlots> & {};\n\n/**\n * State used in rendering InfoIcon\n */\nexport type InfoIconState = ComponentState<InfoIconSlots>;\n// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconProps.\n// & Required<Pick<InfoIconProps, 'propName'>>\n"],"names":[],"mappings":"AAAA,WAc0D,CAC1D,yHAAyH;CACzH,8CAA8C"}

package/lib/components/InfoIcon/index.js

@@ -1,5 +0,0 @@
-export * from './InfoIcon';
-export * from './InfoIcon.types';
-export * from './renderInfoIcon';
-export * from './useInfoIcon';
-export * from './useInfoIconStyles.styles';

package/lib/components/InfoIcon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './InfoIcon';\nexport * from './InfoIcon.types';\nexport * from './renderInfoIcon';\nexport * from './useInfoIcon';\nexport * from './useInfoIconStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,6BAA6B"}

package/lib/components/InfoIcon/renderInfoIcon.js

@@ -1,9 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
-/**
- * Render the final JSX of InfoIcon
- */ export const renderInfoIcon_unstable = (state)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    // TODO Add additional slots in the appropriate place
-    return /*#__PURE__*/ createElement(slots.root, slotProps.root);
-};

package/lib/components/InfoIcon/renderInfoIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderInfoIcon.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InfoIconState, InfoIconSlots } from './InfoIcon.types';\n\n/**\n * Render the final JSX of InfoIcon\n */\nexport const renderInfoIcon_unstable = (state: InfoIconState) => {\n  const { slots, slotProps } = getSlotsNext<InfoIconSlots>(state);\n\n  // TODO Add additional slots in the appropriate place\n  return <slots.root {...slotProps.root} />;\n};\n"],"names":["createElement","getSlotsNext","renderInfoIcon_unstable","state","slots","slotProps","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,QAAyB;IAC/D,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA4BE;IAEzD,qDAAqD;IACrD,qBAAO,AAbT,cAaUC,MAAME,IAAI,EAAKD,UAAUC,IAAI;AACvC,EAAE"}

package/lib/components/InfoIcon/useInfoIcon.js

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
-/**
- * Create the state required to render InfoIcon.
- *
- * The returned state can be modified with hooks such as useInfoIconStyles_unstable,
- * before being passed to renderInfoIcon_unstable.
- *
- * @param props - props from this instance of InfoIcon
- * @param ref - reference to root HTMLElement of InfoIcon
- */ export const useInfoIcon_unstable = (props, ref)=>{
-    return {
-        // TODO add appropriate props/defaults
-        components: {
-            // TODO add each slot's element type or component
-            root: 'div'
-        },
-        // TODO add appropriate slots, for example:
-        // mySlot: resolveShorthand(props.mySlot),
-        root: getNativeElementProps('div', {
-            ref,
-            ...props
-        })
-    };
-};

package/lib/components/InfoIcon/useInfoIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useInfoIcon.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { InfoIconProps, InfoIconState } from './InfoIcon.types';\n\n/**\n * Create the state required to render InfoIcon.\n *\n * The returned state can be modified with hooks such as useInfoIconStyles_unstable,\n * before being passed to renderInfoIcon_unstable.\n *\n * @param props - props from this instance of InfoIcon\n * @param ref - reference to root HTMLElement of InfoIcon\n */\nexport const useInfoIcon_unstable = (props: InfoIconProps, ref: React.Ref<HTMLElement>): InfoIconState => {\n  return {\n    // TODO add appropriate props/defaults\n    components: {\n      // TODO add each slot's element type or component\n      root: 'div',\n    },\n    // TODO add appropriate slots, for example:\n    // mySlot: resolveShorthand(props.mySlot),\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n  };\n};\n"],"names":["React","getNativeElementProps","useInfoIcon_unstable","props","ref","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAGlE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC,MAA+C;IACxG,OAAO;QACL,sCAAsC;QACtCC,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAML,sBAAsB,OAAO;YACjCG;YACA,GAAGD,KAAK;QACV;IACF;AACF,EAAE"}

package/lib/components/InfoIcon/useInfoIconStyles.styles.js

@@ -1,21 +0,0 @@
-import { __styles, mergeClasses } from '@griffel/react';
-export const infoIconClassNames = {
-  root: 'fui-InfoIcon'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__styles({
-  root: {}
-}, {});
-/**
- * Apply styling to the InfoIcon slots based on the state
- */
-export const useInfoIconStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className);
-  // TODO Add class names to slots, for example:
-  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
-  return state;
-};
-//# sourceMappingURL=useInfoIconStyles.styles.js.map

package/lib/components/InfoIcon/useInfoIconStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","infoIconClassNames","root","useStyles","useInfoIconStyles_unstable","state","styles","className"],"sources":["useInfoIconStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const infoIconClassNames = {\n    root: 'fui-InfoIcon'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n    }\n});\n/**\n * Apply styling to the InfoIcon slots based on the state\n */ export const useInfoIconStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className);\n    // TODO Add class names to slots, for example:\n    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAGrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAME,0BAA0B,GAAIC,KAAK,IAAG;EACnD,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,kBAAkB,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC/F;EACA;EACA,OAAOF,KAAK;AAChB,CAAC"}

package/lib/components/InfoIconLabel/InfoIconLabel.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { useInfoIconLabel_unstable } from './useInfoIconLabel';
-import { renderInfoIconLabel_unstable } from './renderInfoIconLabel';
-import { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';
-/**
- * InfoIconLabel component - TODO: add more docs
- */ export const InfoIconLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useInfoIconLabel_unstable(props, ref);
-    useInfoIconLabelStyles_unstable(state);
-    return renderInfoIconLabel_unstable(state);
-});
-InfoIconLabel.displayName = 'InfoIconLabel';

package/lib/components/InfoIconLabel/InfoIconLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InfoIconLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIconLabel_unstable } from './useInfoIconLabel';\nimport { renderInfoIconLabel_unstable } from './renderInfoIconLabel';\nimport { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';\nimport type { InfoIconLabelProps } from './InfoIconLabel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * InfoIconLabel component - TODO: add more docs\n */\nexport const InfoIconLabel: ForwardRefComponent<InfoIconLabelProps> = React.forwardRef((props, ref) => {\n  const state = useInfoIconLabel_unstable(props, ref);\n\n  useInfoIconLabelStyles_unstable(state);\n  return renderInfoIconLabel_unstable(state);\n});\n\nInfoIconLabel.displayName = 'InfoIconLabel';\n"],"names":["React","useInfoIconLabel_unstable","renderInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","InfoIconLabel","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF;;CAEC,GACD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrG,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/InfoIconLabel/InfoIconLabel.types.js

@@ -1,2 +0,0 @@
-export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.
- // & Required<Pick<InfoIconLabelProps, 'propName'>>

package/lib/components/InfoIconLabel/InfoIconLabel.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InfoIconLabel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type InfoIconLabelSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * InfoIconLabel Props\n */\nexport type InfoIconLabelProps = ComponentProps<InfoIconLabelSlots> & {};\n\n/**\n * State used in rendering InfoIconLabel\n */\nexport type InfoIconLabelState = ComponentState<InfoIconLabelSlots>;\n// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.\n// & Required<Pick<InfoIconLabelProps, 'propName'>>\n"],"names":[],"mappings":"AAAA,WAcoE,CACpE,8HAA8H;CAC9H,mDAAmD"}

package/lib/components/InfoIconLabel/index.js

@@ -1,5 +0,0 @@
-export * from './InfoIconLabel';
-export * from './InfoIconLabel.types';
-export * from './renderInfoIconLabel';
-export * from './useInfoIconLabel';
-export * from './useInfoIconLabelStyles.styles';

package/lib/components/InfoIconLabel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './InfoIconLabel';\nexport * from './InfoIconLabel.types';\nexport * from './renderInfoIconLabel';\nexport * from './useInfoIconLabel';\nexport * from './useInfoIconLabelStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}

package/lib/components/InfoIconLabel/renderInfoIconLabel.js

@@ -1,9 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
-/**
- * Render the final JSX of InfoIconLabel
- */ export const renderInfoIconLabel_unstable = (state)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    // TODO Add additional slots in the appropriate place
-    return /*#__PURE__*/ createElement(slots.root, slotProps.root);
-};

package/lib/components/InfoIconLabel/renderInfoIconLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderInfoIconLabel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InfoIconLabelState, InfoIconLabelSlots } from './InfoIconLabel.types';\n\n/**\n * Render the final JSX of InfoIconLabel\n */\nexport const renderInfoIconLabel_unstable = (state: InfoIconLabelState) => {\n  const { slots, slotProps } = getSlotsNext<InfoIconLabelSlots>(state);\n\n  // TODO Add additional slots in the appropriate place\n  return <slots.root {...slotProps.root} />;\n};\n"],"names":["createElement","getSlotsNext","renderInfoIconLabel_unstable","state","slots","slotProps","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,QAA8B;IACzE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAiCE;IAE9D,qDAAqD;IACrD,qBAAO,AAbT,cAaUC,MAAME,IAAI,EAAKD,UAAUC,IAAI;AACvC,EAAE"}

package/lib/components/InfoIconLabel/useInfoIconLabel.js

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
-/**
- * Create the state required to render InfoIconLabel.
- *
- * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,
- * before being passed to renderInfoIconLabel_unstable.
- *
- * @param props - props from this instance of InfoIconLabel
- * @param ref - reference to root HTMLElement of InfoIconLabel
- */ export const useInfoIconLabel_unstable = (props, ref)=>{
-    return {
-        // TODO add appropriate props/defaults
-        components: {
-            // TODO add each slot's element type or component
-            root: 'div'
-        },
-        // TODO add appropriate slots, for example:
-        // mySlot: resolveShorthand(props.mySlot),
-        root: getNativeElementProps('div', {
-            ref,
-            ...props
-        })
-    };
-};

package/lib/components/InfoIconLabel/useInfoIconLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useInfoIconLabel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { InfoIconLabelProps, InfoIconLabelState } from './InfoIconLabel.types';\n\n/**\n * Create the state required to render InfoIconLabel.\n *\n * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,\n * before being passed to renderInfoIconLabel_unstable.\n *\n * @param props - props from this instance of InfoIconLabel\n * @param ref - reference to root HTMLElement of InfoIconLabel\n */\nexport const useInfoIconLabel_unstable = (\n  props: InfoIconLabelProps,\n  ref: React.Ref<HTMLElement>,\n): InfoIconLabelState => {\n  return {\n    // TODO add appropriate props/defaults\n    components: {\n      // TODO add each slot's element type or component\n      root: 'div',\n    },\n    // TODO add appropriate slots, for example:\n    // mySlot: resolveShorthand(props.mySlot),\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n  };\n};\n"],"names":["React","getNativeElementProps","useInfoIconLabel_unstable","props","ref","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAGlE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,OAAO;QACL,sCAAsC;QACtCC,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAML,sBAAsB,OAAO;YACjCG;YACA,GAAGD,KAAK;QACV;IACF;AACF,EAAE"}

package/lib/components/InfoIconLabel/useInfoIconLabelStyles.styles.js

@@ -1,21 +0,0 @@
-import { __styles, mergeClasses } from '@griffel/react';
-export const infoIconLabelClassNames = {
-  root: 'fui-InfoIconLabel'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__styles({
-  root: {}
-}, {});
-/**
- * Apply styling to the InfoIconLabel slots based on the state
- */
-export const useInfoIconLabelStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);
-  // TODO Add class names to slots, for example:
-  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
-  return state;
-};
-//# sourceMappingURL=useInfoIconLabelStyles.styles.js.map

package/lib/components/InfoIconLabel/useInfoIconLabelStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","infoIconLabelClassNames","root","useStyles","useInfoIconLabelStyles_unstable","state","styles","className"],"sources":["useInfoIconLabelStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const infoIconLabelClassNames = {\n    root: 'fui-InfoIconLabel'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n    }\n});\n/**\n * Apply styling to the InfoIconLabel slots based on the state\n */ export const useInfoIconLabelStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);\n    // TODO Add class names to slots, for example:\n    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAGrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAME,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,uBAAuB,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACpG;EACA;EACA,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/InfoIcon.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/InfoIcon/index"), exports);

package/lib-commonjs/InfoIcon.js.map

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

package/lib-commonjs/InfoIconLabel.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/InfoIconLabel/index"), exports);

package/lib-commonjs/InfoIconLabel.js.map

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

package/lib-commonjs/components/InfoIcon/InfoIcon.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "InfoIcon", {
-    enumerable: true,
-    get: ()=>InfoIcon
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useInfoIcon = require("./useInfoIcon");
-const _renderInfoIcon = require("./renderInfoIcon");
-const _useInfoIconStylesStyles = require("./useInfoIconStyles.styles");
-const InfoIcon = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useInfoIcon.useInfoIcon_unstable)(props, ref);
-    (0, _useInfoIconStylesStyles.useInfoIconStyles_unstable)(state);
-    return (0, _renderInfoIcon.renderInfoIcon_unstable)(state);
-});
-InfoIcon.displayName = 'InfoIcon';

package/lib-commonjs/components/InfoIcon/InfoIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InfoIcon.js"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIcon_unstable } from './useInfoIcon';\nimport { renderInfoIcon_unstable } from './renderInfoIcon';\nimport { useInfoIconStyles_unstable } from './useInfoIconStyles.styles';\n/**\n * InfoIcon component - TODO: add more docs\n */ export const InfoIcon = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useInfoIcon_unstable(props, ref);\n    useInfoIconStyles_unstable(state);\n    return renderInfoIcon_unstable(state);\n});\nInfoIcon.displayName = 'InfoIcon';\n"],"names":["InfoIcon","React","forwardRef","props","ref","state","useInfoIcon_unstable","useInfoIconStyles_unstable","renderInfoIcon_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;6BACc;gCACG;yCACG;AAGhC,MAAMA,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACrE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,mDAA0B,EAACF;IAC3B,OAAOG,IAAAA,uCAAuB,EAACH;AACnC;AACAL,SAASS,WAAW,GAAG"}

package/lib-commonjs/components/InfoIcon/InfoIcon.types.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
- // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconProps.
- // & Required<Pick<InfoIconProps, 'propName'>>

package/lib-commonjs/components/InfoIcon/InfoIcon.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InfoIcon.types.js"],"sourcesContent":["export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconProps.\n // & Required<Pick<InfoIconProps, 'propName'>>\n"],"names":[],"mappings":";;;;CAAY,yHAAyH;CACpI,8CAA8C"}

package/lib-commonjs/components/InfoIcon/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./InfoIcon"), exports);
-_exportStar(require("./InfoIcon.types"), exports);
-_exportStar(require("./renderInfoIcon"), exports);
-_exportStar(require("./useInfoIcon"), exports);
-_exportStar(require("./useInfoIconStyles.styles"), exports);

package/lib-commonjs/components/InfoIcon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoIcon';\nexport * from './InfoIcon.types';\nexport * from './renderInfoIcon';\nexport * from './useInfoIcon';\nexport * from './useInfoIconStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/InfoIcon/renderInfoIcon.js

@@ -1,15 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderInfoIcon_unstable", {
-    enumerable: true,
-    get: ()=>renderInfoIcon_unstable
-});
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderInfoIcon_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    // TODO Add additional slots in the appropriate place
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
-};

package/lib-commonjs/components/InfoIcon/renderInfoIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderInfoIcon.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoIcon\n */ export const renderInfoIcon_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    // TODO Add additional slots in the appropriate place\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderInfoIcon_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,0BAA0B,CAACC,QAAQ;IAChD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,qDAAqD;IACrD,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}

package/lib-commonjs/components/InfoIcon/useInfoIcon.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useInfoIcon_unstable", {
-    enumerable: true,
-    get: ()=>useInfoIcon_unstable
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const useInfoIcon_unstable = (props, ref)=>{
-    return {
-        // TODO add appropriate props/defaults
-        components: {
-            // TODO add each slot's element type or component
-            root: 'div'
-        },
-        // TODO add appropriate slots, for example:
-        // mySlot: resolveShorthand(props.mySlot),
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
-            ref,
-            ...props
-        })
-    };
-};

package/lib-commonjs/components/InfoIcon/useInfoIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useInfoIcon.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render InfoIcon.\n *\n * The returned state can be modified with hooks such as useInfoIconStyles_unstable,\n * before being passed to renderInfoIcon_unstable.\n *\n * @param props - props from this instance of InfoIcon\n * @param ref - reference to root HTMLElement of InfoIcon\n */ export const useInfoIcon_unstable = (props, ref)=>{\n    return {\n        // TODO add appropriate props/defaults\n        components: {\n            // TODO add each slot's element type or component\n            root: 'div'\n        },\n        // TODO add appropriate slots, for example:\n        // mySlot: resolveShorthand(props.mySlot),\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        })\n    };\n};\n"],"names":["useInfoIcon_unstable","props","ref","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,uBAAuB,CAACC,OAAOC,MAAM;IAClD,OAAO;QACH,sCAAsC;QACtCC,YAAY;YACR,iDAAiD;YACjDC,MAAM;QACV;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}

package/lib-commonjs/components/InfoIcon/useInfoIconStyles.styles.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    infoIconClassNames: ()=>infoIconClassNames,
-    useInfoIconStyles_unstable: ()=>useInfoIconStyles_unstable
-});
-const _react = require("@griffel/react");
-const infoIconClassNames = {
-    root: 'fui-InfoIcon'
-};
-/**
- * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    root: {}
-}, {});
-const useInfoIconStyles_unstable = (state)=>{
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(infoIconClassNames.root, styles.root, state.root.className);
-    // TODO Add class names to slots, for example:
-    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
-    return state;
-}; //# sourceMappingURL=useInfoIconStyles.styles.js.map

package/lib-commonjs/components/InfoIcon/useInfoIconStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useInfoIconStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const infoIconClassNames = {\n  root: 'fui-InfoIcon'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/**\n * Apply styling to the InfoIcon slots based on the state\n */\nexport const useInfoIconStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className);\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n  return state;\n};\n//# sourceMappingURL=useInfoIconStyles.styles.js.map"],"names":["infoIconClassNames","useInfoIconStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,kBAAkB,MAAlBA;IAYAC,0BAA0B,MAA1BA;;uBAb0B;AAChC,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,6BAA6BI,CAAAA,QAAS;IACjD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,mBAAmBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAC9F,8CAA8C;IAC9C,gFAAgF;IAChF,OAAOF;AACT,GACA,oDAAoD"}

package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "InfoIconLabel", {
-    enumerable: true,
-    get: ()=>InfoIconLabel
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useInfoIconLabel = require("./useInfoIconLabel");
-const _renderInfoIconLabel = require("./renderInfoIconLabel");
-const _useInfoIconLabelStylesStyles = require("./useInfoIconLabelStyles.styles");
-const InfoIconLabel = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useInfoIconLabel.useInfoIconLabel_unstable)(props, ref);
-    (0, _useInfoIconLabelStylesStyles.useInfoIconLabelStyles_unstable)(state);
-    return (0, _renderInfoIconLabel.renderInfoIconLabel_unstable)(state);
-});
-InfoIconLabel.displayName = 'InfoIconLabel';

package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InfoIconLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIconLabel_unstable } from './useInfoIconLabel';\nimport { renderInfoIconLabel_unstable } from './renderInfoIconLabel';\nimport { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';\n/**\n * InfoIconLabel component - TODO: add more docs\n */ export const InfoIconLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useInfoIconLabel_unstable(props, ref);\n    useInfoIconLabelStyles_unstable(state);\n    return renderInfoIconLabel_unstable(state);\n});\nInfoIconLabel.displayName = 'InfoIconLabel';\n"],"names":["InfoIconLabel","React","forwardRef","props","ref","state","useInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","renderInfoIconLabel_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;kCACmB;qCACG;8CACG;AAGrC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChC,OAAOG,IAAAA,iDAA4B,EAACH;AACxC;AACAL,cAAcS,WAAW,GAAG"}

package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.types.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
- // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.
- // & Required<Pick<InfoIconLabelProps, 'propName'>>

package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InfoIconLabel.types.js"],"sourcesContent":["export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.\n // & Required<Pick<InfoIconLabelProps, 'propName'>>\n"],"names":[],"mappings":";;;;CAAY,8HAA8H;CACzI,mDAAmD"}

package/lib-commonjs/components/InfoIconLabel/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./InfoIconLabel"), exports);
-_exportStar(require("./InfoIconLabel.types"), exports);
-_exportStar(require("./renderInfoIconLabel"), exports);
-_exportStar(require("./useInfoIconLabel"), exports);
-_exportStar(require("./useInfoIconLabelStyles.styles"), exports);

package/lib-commonjs/components/InfoIconLabel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoIconLabel';\nexport * from './InfoIconLabel.types';\nexport * from './renderInfoIconLabel';\nexport * from './useInfoIconLabel';\nexport * from './useInfoIconLabelStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/InfoIconLabel/renderInfoIconLabel.js

@@ -1,15 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderInfoIconLabel_unstable", {
-    enumerable: true,
-    get: ()=>renderInfoIconLabel_unstable
-});
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderInfoIconLabel_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    // TODO Add additional slots in the appropriate place
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
-};

package/lib-commonjs/components/InfoIconLabel/renderInfoIconLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderInfoIconLabel.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoIconLabel\n */ export const renderInfoIconLabel_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    // TODO Add additional slots in the appropriate place\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderInfoIconLabel_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,+BAA+B,CAACC,QAAQ;IACrD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,qDAAqD;IACrD,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}

package/lib-commonjs/components/InfoIconLabel/useInfoIconLabel.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useInfoIconLabel_unstable", {
-    enumerable: true,
-    get: ()=>useInfoIconLabel_unstable
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const useInfoIconLabel_unstable = (props, ref)=>{
-    return {
-        // TODO add appropriate props/defaults
-        components: {
-            // TODO add each slot's element type or component
-            root: 'div'
-        },
-        // TODO add appropriate slots, for example:
-        // mySlot: resolveShorthand(props.mySlot),
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
-            ref,
-            ...props
-        })
-    };
-};

package/lib-commonjs/components/InfoIconLabel/useInfoIconLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useInfoIconLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render InfoIconLabel.\n *\n * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,\n * before being passed to renderInfoIconLabel_unstable.\n *\n * @param props - props from this instance of InfoIconLabel\n * @param ref - reference to root HTMLElement of InfoIconLabel\n */ export const useInfoIconLabel_unstable = (props, ref)=>{\n    return {\n        // TODO add appropriate props/defaults\n        components: {\n            // TODO add each slot's element type or component\n            root: 'div'\n        },\n        // TODO add appropriate slots, for example:\n        // mySlot: resolveShorthand(props.mySlot),\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        })\n    };\n};\n"],"names":["useInfoIconLabel_unstable","props","ref","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,OAAO;QACH,sCAAsC;QACtCC,YAAY;YACR,iDAAiD;YACjDC,MAAM;QACV;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}

package/lib-commonjs/components/InfoIconLabel/useInfoIconLabelStyles.styles.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    infoIconLabelClassNames: ()=>infoIconLabelClassNames,
-    useInfoIconLabelStyles_unstable: ()=>useInfoIconLabelStyles_unstable
-});
-const _react = require("@griffel/react");
-const infoIconLabelClassNames = {
-    root: 'fui-InfoIconLabel'
-};
-/**
- * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    root: {}
-}, {});
-const useInfoIconLabelStyles_unstable = (state)=>{
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(infoIconLabelClassNames.root, styles.root, state.root.className);
-    // TODO Add class names to slots, for example:
-    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
-    return state;
-}; //# sourceMappingURL=useInfoIconLabelStyles.styles.js.map

package/lib-commonjs/components/InfoIconLabel/useInfoIconLabelStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useInfoIconLabelStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const infoIconLabelClassNames = {\n  root: 'fui-InfoIconLabel'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/**\n * Apply styling to the InfoIconLabel slots based on the state\n */\nexport const useInfoIconLabelStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n  return state;\n};\n//# sourceMappingURL=useInfoIconLabelStyles.styles.js.map"],"names":["infoIconLabelClassNames","useInfoIconLabelStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uBAAuB,MAAvBA;IAYAC,+BAA+B,MAA/BA;;uBAb0B;AAChC,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,kCAAkCI,CAAAA,QAAS;IACtD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,wBAAwBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACnG,8CAA8C;IAC9C,gFAAgF;IAChF,OAAOF;AACT,GACA,yDAAyD"}