@fluentui/react-infolabel 9.1.5 → 9.2.1

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui/react-infolabel
 
-This log was last generated on Wed, 16 Apr 2025 19:37:27 GMT and should not be manually modified.
+This log was last generated on Wed, 14 May 2025 18:45:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-infolabel_v9.2.1)
+
+Wed, 14 May 2025 18:45:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infolabel_v9.2.0..@fluentui/react-infolabel_v9.2.1)
+
+### Patches
+
+- Bump @fluentui/react-popover to v9.10.7 ([PR #34449](https://github.com/microsoft/fluentui/pull/34449) by beachball)
+- Bump @fluentui/react-tabster to v9.24.7 ([PR #34449](https://github.com/microsoft/fluentui/pull/34449) by beachball)
+
+## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-infolabel_v9.2.0)
+
+Thu, 24 Apr 2025 09:59:44 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infolabel_v9.1.5..@fluentui/react-infolabel_v9.2.0)
+
+### Minor changes
+
+- Feat: Exported InfoButton types and component ([PR #34255](https://github.com/microsoft/fluentui/pull/34255) by terynkum@microsoft.com)
+- Bump @fluentui/react-popover to v9.10.6 ([PR #34315](https://github.com/microsoft/fluentui/pull/34315) by beachball)
+- Bump @fluentui/react-tabster to v9.24.6 ([PR #34315](https://github.com/microsoft/fluentui/pull/34315) by beachball)
+
 ## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-infolabel_v9.1.5)
 
-Wed, 16 Apr 2025 19:37:27 GMT 
+Wed, 16 Apr 2025 19:42:18 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infolabel_v9.1.4..@fluentui/react-infolabel_v9.1.5)
 
 ### Patches

package/dist/index.d.ts

@@ -13,12 +13,14 @@ import type { SlotClassNames } from '@fluentui/react-utilities';
 /**
  * InfoButtons provide a way to display additional information about a form field or an area in the UI.
  */
-declare const InfoButton: ForwardRefComponent<InfoButtonProps>;
+export declare const InfoButton: ForwardRefComponent<InfoButtonProps>;
+
+export declare const infoButtonClassNames: SlotClassNames<InfoButtonSlots>;
 
 /**
  * InfoButton Props
  */
-declare type InfoButtonProps = Omit<ComponentProps<Partial<InfoButtonSlots>>, 'disabled'> & {
+export declare type InfoButtonProps = Omit<ComponentProps<Partial<InfoButtonSlots>>, 'disabled'> & {
     /**
      * Size of the InfoButton.
      *
@@ -33,7 +35,7 @@ declare type InfoButtonProps = Omit<ComponentProps<Partial<InfoButtonSlots>>, 'd
     inline?: boolean;
 };
 
-declare type InfoButtonSlots = {
+export declare type InfoButtonSlots = {
     root: NonNullable<Slot<'button'>>;
     /**
      * The Popover element that wraps the info and root slots. Use this slot to pass props to the Popover.
@@ -45,6 +47,11 @@ declare type InfoButtonSlots = {
     info: NonNullable<Slot<typeof PopoverSurface>>;
 };
 
+/**
+ * State used in rendering InfoButton
+ */
+export declare type InfoButtonState = ComponentState<InfoButtonSlots> & Required<Pick<InfoButtonProps, 'inline' | 'size'>>;
+
 /**
  * InfoLabel component
  */
@@ -87,11 +94,32 @@ export declare type InfoLabelSlots = {
  */
 export declare type InfoLabelState = ComponentState<InfoLabelSlots> & Pick<InfoLabelProps, 'size'>;
 
+/**
+ * Render the final JSX of InfoButton
+ */
+export declare const renderInfoButton_unstable: (state: InfoButtonState) => JSX.Element;
+
 /**
  * Render the final JSX of InfoLabel
  */
 export declare const renderInfoLabel_unstable: (state: InfoLabelState) => JSX.Element;
 
+/**
+ * Create the state required to render InfoButton.
+ *
+ * The returned state can be modified with hooks such as useInfoButtonStyles_unstable,
+ * before being passed to renderInfoButton_unstable.
+ *
+ * @param props - props from this instance of InfoButton
+ * @param ref - reference to root HTMLButtonElement of InfoButton
+ */
+export declare const useInfoButton_unstable: (props: InfoButtonProps, ref: React_2.Ref<HTMLButtonElement>) => InfoButtonState;
+
+/**
+ * Apply styling to the InfoButton slots based on the state
+ */
+export declare const useInfoButtonStyles_unstable: (state: InfoButtonState) => InfoButtonState;
+
 /**
  * Create the state required to render InfoLabel.
  *

package/lib/index.js

@@ -1 +1,2 @@
 export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';
+export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\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":["InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"rangeMappings":"","mappings":"AAAA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  InfoLabel,\n  infoLabelClassNames,\n  renderInfoLabel_unstable,\n  useInfoLabelStyles_unstable,\n  useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\n\nexport {\n  InfoButton,\n  infoButtonClassNames,\n  renderInfoButton_unstable,\n  useInfoButtonStyles_unstable,\n  useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\n"],"names":["InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable","InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable"],"rangeMappings":";","mappings":"AAAA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc;AAGrB,SACEC,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,eAAe"}

package/lib-commonjs/index.js

@@ -9,15 +9,30 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    InfoButton: function() {
+        return _InfoButton.InfoButton;
+    },
     InfoLabel: function() {
         return _InfoLabel.InfoLabel;
     },
+    infoButtonClassNames: function() {
+        return _InfoButton.infoButtonClassNames;
+    },
     infoLabelClassNames: function() {
         return _InfoLabel.infoLabelClassNames;
     },
+    renderInfoButton_unstable: function() {
+        return _InfoButton.renderInfoButton_unstable;
+    },
     renderInfoLabel_unstable: function() {
         return _InfoLabel.renderInfoLabel_unstable;
     },
+    useInfoButtonStyles_unstable: function() {
+        return _InfoButton.useInfoButtonStyles_unstable;
+    },
+    useInfoButton_unstable: function() {
+        return _InfoButton.useInfoButton_unstable;
+    },
     useInfoLabelStyles_unstable: function() {
         return _InfoLabel.useInfoLabelStyles_unstable;
     },
@@ -26,3 +41,4 @@ _export(exports, {
     }
 });
 const _InfoLabel = require("./InfoLabel");
+const _InfoButton = require("./InfoButton");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\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":["InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,SAAS;eAATA,oBAAS;;IACTC,mBAAmB;eAAnBA,8BAAmB;;IACnBC,wBAAwB;eAAxBA,mCAAwB;;IACxBC,2BAA2B;eAA3BA,sCAA2B;;IAC3BC,qBAAqB;eAArBA,gCAAqB;;;2BAChB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  InfoLabel,\n  infoLabelClassNames,\n  renderInfoLabel_unstable,\n  useInfoLabelStyles_unstable,\n  useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\n\nexport {\n  InfoButton,\n  infoButtonClassNames,\n  renderInfoButton_unstable,\n  useInfoButtonStyles_unstable,\n  useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\n"],"names":["InfoButton","InfoLabel","infoButtonClassNames","infoLabelClassNames","renderInfoButton_unstable","renderInfoLabel_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAUEA,UAAU;eAAVA,sBAAU;;IATVC,SAAS;eAATA,oBAAS;;IAUTC,oBAAoB;eAApBA,gCAAoB;;IATpBC,mBAAmB;eAAnBA,8BAAmB;;IAUnBC,yBAAyB;eAAzBA,qCAAyB;;IATzBC,wBAAwB;eAAxBA,mCAAwB;;IAUxBC,4BAA4B;eAA5BA,wCAA4B;;IAC5BC,sBAAsB;eAAtBA,kCAAsB;;IAVtBC,2BAA2B;eAA3BA,sCAA2B;;IAC3BC,qBAAqB;eAArBA,gCAAqB;;;2BAChB;4BASA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-infolabel",
-  "version": "9.1.5",
+  "version": "9.2.1",
   "description": "InfoLabel component for Fluent UI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -23,8 +23,8 @@
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-shared-contexts": "^9.23.1",
     "@fluentui/react-label": "^9.1.87",
-    "@fluentui/react-popover": "^9.10.5",
-    "@fluentui/react-tabster": "^9.24.5",
+    "@fluentui/react-popover": "^9.10.7",
+    "@fluentui/react-tabster": "^9.24.7",
     "@fluentui/react-jsx-runtime": "^9.0.54",
     "@fluentui/react-theme": "^9.1.24",
     "@fluentui/react-utilities": "^9.19.0",