@fluentui/react-divider 9.6.1 → 9.7.0

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Change Log - @fluentui/react-divider
 
-This log was last generated on Thu, 12 Feb 2026 10:42:48 GMT and should not be manually modified.
+This log was last generated on Thu, 26 Mar 2026 08:10:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.7.0)
+
+Thu, 26 Mar 2026 08:10:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.6.2..@fluentui/react-divider_v9.7.0)
+
+### Minor changes
+
+- feat: expose base hook and types for Divider component ([PR #35889](https://github.com/microsoft/fluentui/pull/35889) by dmytrokirpa@microsoft.com)
+
+## [9.6.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.6.2)
+
+Wed, 25 Feb 2026 13:32:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.6.1..@fluentui/react-divider_v9.6.2)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.4.1 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
+- Bump @fluentui/react-utilities to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
+
 ## [9.6.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.6.1)
 
-Thu, 12 Feb 2026 10:42:48 GMT 
+Thu, 12 Feb 2026 10:46:15 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.6.0..@fluentui/react-divider_v9.6.1)
 
 ### Patches

package/dist/index.d.ts

@@ -11,6 +11,10 @@ import type { SlotClassNames } from '@fluentui/react-utilities';
  */
 export declare const Divider: ForwardRefComponent<DividerProps>;
 
+export declare type DividerBaseProps = Omit<DividerProps, 'alignContent' | 'appearance' | 'inset'>;
+
+export declare type DividerBaseState = Omit<DividerState, 'alignContent' | 'appearance' | 'inset'>;
+
 export declare const dividerClassNames: SlotClassNames<DividerSlots>;
 
 export declare type DividerProps = ComponentProps<Partial<DividerSlots>> & {
@@ -57,7 +61,7 @@ export declare type DividerState = ComponentState<DividerSlots> & Required<Pick<
 /**
  * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
  */
-export declare const renderDivider_unstable: (state: DividerState) => JSXElement;
+export declare const renderDivider_unstable: (state: DividerBaseState) => JSXElement;
 
 /**
  * Returns the props and state required to render the component
@@ -66,6 +70,15 @@ export declare const renderDivider_unstable: (state: DividerState) => JSXElement
  */
 export declare const useDivider_unstable: (props: DividerProps, ref: React_2.Ref<HTMLElement>) => DividerState;
 
+/**
+ * Base hook that provides behavior and structure of the Divider component.
+ * It doesn't include design-related features.
+ *
+ * @param props - User-provided props to the Divider component.
+ * @param ref - User-provided ref to be passed to the Divider component.
+ */
+export declare const useDividerBase_unstable: (props: DividerBaseProps, ref?: React_2.Ref<HTMLElement>) => DividerBaseState;
+
 export declare const useDividerStyles_unstable: (state: DividerState) => DividerState;
 
 export { }

package/lib/components/Divider/renderDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState): JSXElement => {\n  assertSlots<DividerSlots>(state);\n  return (\n    <state.root>{state.root.children !== undefined && <state.wrapper>{state.root.children}</state.wrapper>}</state.root>\n  );\n};\n"],"names":["assertSlots","renderDivider_unstable","state","root","children","undefined","wrapper"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAIxD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC;IACrCF,YAA0BE;IAC1B,qBACE,KAACA,MAAMC,IAAI;kBAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,2BAAa,KAACH,MAAMI,OAAO;sBAAEJ,MAAMC,IAAI,CAACC,QAAQ;;;AAEzF,EAAE"}
+{"version":3,"sources":["../src/components/Divider/renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerBaseState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerBaseState): JSXElement => {\n  assertSlots<DividerSlots>(state);\n  return (\n    <state.root>{state.root.children !== undefined && <state.wrapper>{state.root.children}</state.wrapper>}</state.root>\n  );\n};\n"],"names":["assertSlots","renderDivider_unstable","state","root","children","undefined","wrapper"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAIxD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC;IACrCF,YAA0BE;IAC1B,qBACE,KAACA,MAAMC,IAAI;kBAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,2BAAa,KAACH,MAAMI,OAAO;sBAAEJ,MAAMC,IAAI,CAACC,QAAQ;;;AAEzF,EAAE"}

package/lib/index.js

@@ -1,4 +1 @@
-export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable } from './Divider';
- // Experimental APIs - will be uncommented in the experimental release branch
- // export { useDividerBase_unstable } from './Divider';
- // export type { DividerBaseProps, DividerBaseState } from './Divider';
+export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable, useDividerBase_unstable } from './Divider';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n\n// Experimental APIs - will be uncommented in the experimental release branch\n// export { useDividerBase_unstable } from './Divider';\n// export type { DividerBaseProps, DividerBaseState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,YAAY;CAGnB,6EAA6E;CAC7E,uDAAuD;CACvD,uEAAuE"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n  useDividerBase_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState, DividerBaseProps, DividerBaseState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable","useDividerBase_unstable"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,QAClB,YAAY"}

package/lib-commonjs/components/Divider/renderDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState): JSXElement => {\n  assertSlots<DividerSlots>(state);\n  return (\n    <state.root>{state.root.children !== undefined && <state.wrapper>{state.root.children}</state.wrapper>}</state.root>\n  );\n};\n"],"names":["assertSlots","renderDivider_unstable","state","root","children","undefined","wrapper"],"mappings":";;;;+BAUaC;;;;;;4BATb,gDAAiD;gCAErB,4BAA4B;AAOjD,+BAA+B,CAACC;QACrCF,2BAAAA,EAA0BE;IAC1B,OAAA,WAAA,OACE,eAAA,EAACA,MAAMC,IAAI,EAAA;kBAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,aAAAA,WAAAA,OAAa,eAAA,EAACH,MAAMI,OAAO,EAAA;sBAAEJ,MAAMC,IAAI,CAACC,QAAQ;;;AAEzF,EAAE"}
+{"version":3,"sources":["../src/components/Divider/renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerBaseState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerBaseState): JSXElement => {\n  assertSlots<DividerSlots>(state);\n  return (\n    <state.root>{state.root.children !== undefined && <state.wrapper>{state.root.children}</state.wrapper>}</state.root>\n  );\n};\n"],"names":["assertSlots","renderDivider_unstable","state","root","children","undefined","wrapper"],"mappings":";;;;+BAUaC;;;;;;4BATb,gDAAiD;gCAErB,4BAA4B;AAOjD,+BAA+B,CAACC;QACrCF,2BAAAA,EAA0BE;IAC1B,OAAA,WAAA,OACE,eAAA,EAACA,MAAMC,IAAI,EAAA;kBAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,aAAAA,WAAAA,OAAa,eAAA,EAACH,MAAMI,OAAO,EAAA;sBAAEJ,MAAMC,IAAI,CAACC,QAAQ;;;AAEzF,EAAE"}

package/lib-commonjs/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderDivider_unstable: function() {
         return _Divider.renderDivider_unstable;
     },
+    useDividerBase_unstable: function() {
+        return _Divider.useDividerBase_unstable;
+    },
     useDividerStyles_unstable: function() {
         return _Divider.useDividerStyles_unstable;
     },
@@ -26,6 +29,3 @@ _export(exports, {
     }
 });
 const _Divider = require("./Divider");
- // Experimental APIs - will be uncommented in the experimental release branch
- // export { useDividerBase_unstable } from './Divider';
- // export type { DividerBaseProps, DividerBaseState } from './Divider';

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n\n// Experimental APIs - will be uncommented in the experimental release branch\n// export { useDividerBase_unstable } from './Divider';\n// export type { DividerBaseProps, DividerBaseState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":";;;;;;;;;;;;eACEA,gBAAO;;;eACPC,0BAAiB;;;eACjBC,+BAAsB;;;eACtBC,kCAAyB;;;eACzBC,4BAAmB;;;yBACd,YAAY;CAGnB,6EAA6E;CAC7E,uDAAuD;CACvD,uEAAuE"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n  useDividerBase_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState, DividerBaseProps, DividerBaseState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable","useDividerBase_unstable"],"mappings":";;;;;;;;;;;;eACEA,gBAAO;;;eACPC,0BAAiB;;;eACjBC,+BAAsB;;;eAGtBG,gCAAuB;;;eAFvBF,kCAAyB;;;eACzBC,4BAAmB;;;yBAEd,YAAY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-divider",
-  "version": "9.6.1",
+  "version": "9.7.0",
   "description": "Fluent UI component to visually separate content.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,10 +12,10 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.4.0",
-    "@fluentui/react-shared-contexts": "^9.26.1",
+    "@fluentui/react-jsx-runtime": "^9.4.1",
+    "@fluentui/react-shared-contexts": "^9.26.2",
     "@fluentui/react-theme": "^9.2.1",
-    "@fluentui/react-utilities": "^9.26.1",
+    "@fluentui/react-utilities": "^9.26.2",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },