@fluentui/react-divider 9.3.1 → 9.4.0

package/CHANGELOG.md

@@ -1,12 +1,31 @@
 # Change Log - @fluentui/react-divider
 
-This log was last generated on Wed, 18 Jun 2025 17:29:30 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Jul 2025 13:45:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.4.0)
+
+Thu, 17 Jul 2025 13:45:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.3.2..@fluentui/react-divider_v9.4.0)
+
+### Minor changes
+
+- feat: enable griffel raw styles ([PR #34853](https://github.com/microsoft/fluentui/pull/34853) by martinhochel@microsoft.com)
+
+## [9.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.3.2)
+
+Thu, 26 Jun 2025 14:11:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.3.1..@fluentui/react-divider_v9.3.2)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.1.2 ([PR #34529](https://github.com/microsoft/fluentui/pull/34529) by beachball)
+- Bump @fluentui/react-utilities to v9.22.0 ([PR #34529](https://github.com/microsoft/fluentui/pull/34529) by beachball)
+
 ## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.3.1)
 
-Wed, 18 Jun 2025 17:29:30 GMT 
+Wed, 18 Jun 2025 17:34:00 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.3.0..@fluentui/react-divider_v9.3.1)
 
 ### Patches

package/lib/components/Divider/useDividerStyles.styles.raw.js

@@ -0,0 +1,225 @@
+import { mergeClasses, shorthands, makeStyles } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const dividerClassNames = {
+    root: 'fui-Divider',
+    wrapper: 'fui-Divider__wrapper'
+};
+const contentSpacing = '12px';
+const insetSpacing = '12px';
+const maxStartEndLength = '8px';
+const minStartEndLength = '8px;';
+const useBaseStyles = makeStyles({
+    // Base styles
+    base: {
+        alignItems: 'center',
+        boxSizing: 'border-box',
+        display: 'flex',
+        flexDirection: 'row',
+        flexGrow: 1,
+        position: 'relative',
+        fontFamily: tokens.fontFamilyBase,
+        fontSize: tokens.fontSizeBase200,
+        fontWeight: tokens.fontWeightRegular,
+        lineHeight: tokens.lineHeightBase200,
+        textAlign: 'center',
+        '::before': {
+            boxSizing: 'border-box',
+            display: 'flex',
+            flexGrow: 1
+        },
+        '::after': {
+            boxSizing: 'border-box',
+            display: 'flex',
+            flexGrow: 1
+        }
+    },
+    // Childless styles
+    childless: {
+        '::before': {
+            marginBottom: 0,
+            marginRight: 0
+        },
+        '::after': {
+            marginLeft: 0,
+            marginTop: 0
+        }
+    },
+    // Alignment variations
+    start: {
+        '::after': {
+            content: '""'
+        }
+    },
+    center: {
+        '::before': {
+            content: '""'
+        },
+        '::after': {
+            content: '""'
+        }
+    },
+    end: {
+        '::before': {
+            content: '""'
+        }
+    },
+    // Appearance variations
+    brand: {
+        color: tokens.colorBrandForeground1,
+        '::before': {
+            ...shorthands.borderColor(tokens.colorBrandStroke1)
+        },
+        '::after': {
+            ...shorthands.borderColor(tokens.colorBrandStroke1)
+        }
+    },
+    default: {
+        color: tokens.colorNeutralForeground2,
+        '::before': {
+            ...shorthands.borderColor(tokens.colorNeutralStroke2)
+        },
+        '::after': {
+            ...shorthands.borderColor(tokens.colorNeutralStroke2)
+        }
+    },
+    subtle: {
+        color: tokens.colorNeutralForeground3,
+        '::before': {
+            ...shorthands.borderColor(tokens.colorNeutralStroke3)
+        },
+        '::after': {
+            ...shorthands.borderColor(tokens.colorNeutralStroke3)
+        }
+    },
+    strong: {
+        color: tokens.colorNeutralForeground1,
+        '::before': {
+            ...shorthands.borderColor(tokens.colorNeutralStroke1)
+        },
+        '::after': {
+            ...shorthands.borderColor(tokens.colorNeutralStroke1)
+        }
+    }
+});
+const useHorizontalStyles = makeStyles({
+    // Base styles
+    base: {
+        width: '100%',
+        '::before': {
+            borderTopStyle: 'solid',
+            borderTopWidth: tokens.strokeWidthThin,
+            minWidth: minStartEndLength
+        },
+        '::after': {
+            borderTopStyle: 'solid',
+            borderTopWidth: tokens.strokeWidthThin,
+            minWidth: minStartEndLength
+        }
+    },
+    // Inset styles
+    inset: {
+        paddingLeft: insetSpacing,
+        paddingRight: insetSpacing
+    },
+    // Alignment variations
+    start: {
+        '::before': {
+            content: '""',
+            marginRight: contentSpacing,
+            maxWidth: maxStartEndLength
+        },
+        '::after': {
+            marginLeft: contentSpacing
+        }
+    },
+    center: {
+        '::before': {
+            marginRight: contentSpacing
+        },
+        '::after': {
+            marginLeft: contentSpacing
+        }
+    },
+    end: {
+        '::before': {
+            marginRight: contentSpacing
+        },
+        '::after': {
+            content: '""',
+            marginLeft: contentSpacing,
+            maxWidth: maxStartEndLength
+        }
+    }
+});
+const useVerticalStyles = makeStyles({
+    // Base styles
+    base: {
+        flexDirection: 'column',
+        minHeight: '20px',
+        '::before': {
+            borderRightStyle: 'solid',
+            borderRightWidth: tokens.strokeWidthThin,
+            minHeight: minStartEndLength
+        },
+        '::after': {
+            borderRightStyle: 'solid',
+            borderRightWidth: tokens.strokeWidthThin,
+            minHeight: minStartEndLength
+        }
+    },
+    // Inset styles
+    inset: {
+        marginTop: insetSpacing,
+        marginBottom: insetSpacing
+    },
+    // With children styles
+    withChildren: {
+        minHeight: '84px'
+    },
+    // Alignment variations
+    start: {
+        '::before': {
+            content: '""',
+            marginBottom: contentSpacing,
+            maxHeight: maxStartEndLength
+        },
+        '::after': {
+            marginTop: contentSpacing
+        }
+    },
+    center: {
+        '::before': {
+            marginBottom: contentSpacing
+        },
+        '::after': {
+            marginTop: contentSpacing
+        }
+    },
+    end: {
+        '::before': {
+            marginBottom: contentSpacing
+        },
+        '::after': {
+            content: '""',
+            marginTop: contentSpacing,
+            maxHeight: maxStartEndLength
+        }
+    }
+});
+export const useDividerStyles_unstable = (state)=>{
+    'use no memo';
+    const baseStyles = useBaseStyles();
+    const horizontalStyles = useHorizontalStyles();
+    const verticalStyles = useVerticalStyles();
+    const { alignContent, appearance, inset, vertical } = state;
+    state.root.className = mergeClasses(dividerClassNames.root, // Base styles
+    baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
+    !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
+    vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles
+    state.root.children === undefined && baseStyles.childless, // User provided class name
+    state.root.className);
+    if (state.wrapper) {
+        state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);
+    }
+    return state;
+};

package/lib/components/Divider/useDividerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/useDividerStyles.styles.ts"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n  // Base styles\n  base: {\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1,\n    position: 'relative',\n\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase200,\n    textAlign: 'center',\n\n    '::before': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n\n    '::after': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n  },\n\n  // Childless styles\n  childless: {\n    '::before': {\n      marginBottom: 0,\n      marginRight: 0,\n    },\n\n    '::after': {\n      marginLeft: 0,\n      marginTop: 0,\n    },\n  },\n\n  // Alignment variations\n  start: {\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  center: {\n    '::before': {\n      content: '\"\"',\n    },\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  end: {\n    '::before': {\n      content: '\"\"',\n    },\n  },\n\n  // Appearance variations\n  brand: {\n    color: tokens.colorBrandForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n  },\n  default: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n  },\n  subtle: {\n    color: tokens.colorNeutralForeground3,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n  },\n  strong: {\n    color: tokens.colorNeutralForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n  },\n});\n\nconst useHorizontalStyles = makeStyles({\n  // Base styles\n  base: {\n    width: '100%',\n\n    '::before': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n\n    '::after': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    paddingLeft: insetSpacing,\n    paddingRight: insetSpacing,\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginRight: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginLeft: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n  },\n});\n\nconst useVerticalStyles = makeStyles({\n  // Base styles\n  base: {\n    flexDirection: 'column',\n    minHeight: '20px',\n\n    '::before': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n\n    '::after': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    marginTop: insetSpacing,\n    marginBottom: insetSpacing,\n  },\n\n  // With children styles\n  withChildren: {\n    minHeight: '84px',\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginBottom: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginTop: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n  },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  'use no memo';\n\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  state.root.className = mergeClasses(\n    dividerClassNames.root,\n\n    // Base styles\n    baseStyles.base,\n    baseStyles[alignContent],\n    appearance && baseStyles[appearance],\n\n    // Horizontal styles\n    !vertical && horizontalStyles.base,\n    !vertical && inset && horizontalStyles.inset,\n    !vertical && horizontalStyles[alignContent],\n\n    // Vertical styles\n    vertical && verticalStyles.base,\n    vertical && inset && verticalStyles.inset,\n    vertical && verticalStyles[alignContent],\n    vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n    // Childless styles\n    state.root.children === undefined && baseStyles.childless,\n\n    // User provided class name\n    state.root.className,\n  );\n\n  if (state.wrapper) {\n    state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n  }\n\n  return state;\n};\n"],"names":["mergeClasses","shorthands","makeStyles","tokens","dividerClassNames","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","base","alignItems","boxSizing","display","flexDirection","flexGrow","position","fontFamily","fontFamilyBase","fontSize","fontSizeBase200","fontWeight","fontWeightRegular","lineHeight","lineHeightBase200","textAlign","childless","marginBottom","marginRight","marginLeft","marginTop","start","content","center","end","brand","color","colorBrandForeground1","borderColor","colorBrandStroke1","default","colorNeutralForeground2","colorNeutralStroke2","subtle","colorNeutralForeground3","colorNeutralStroke3","strong","colorNeutralForeground1","colorNeutralStroke1","useHorizontalStyles","width","borderTopStyle","borderTopWidth","strokeWidthThin","minWidth","inset","paddingLeft","paddingRight","maxWidth","useVerticalStyles","minHeight","borderRightStyle","borderRightWidth","withChildren","maxHeight","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","children","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/Divider/useDividerStyles.styles.raw.js

@@ -0,0 +1,238 @@
+"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, {
+    dividerClassNames: function() {
+        return dividerClassNames;
+    },
+    useDividerStyles_unstable: function() {
+        return useDividerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const dividerClassNames = {
+    root: 'fui-Divider',
+    wrapper: 'fui-Divider__wrapper'
+};
+const contentSpacing = '12px';
+const insetSpacing = '12px';
+const maxStartEndLength = '8px';
+const minStartEndLength = '8px;';
+const useBaseStyles = (0, _react.makeStyles)({
+    // Base styles
+    base: {
+        alignItems: 'center',
+        boxSizing: 'border-box',
+        display: 'flex',
+        flexDirection: 'row',
+        flexGrow: 1,
+        position: 'relative',
+        fontFamily: _reacttheme.tokens.fontFamilyBase,
+        fontSize: _reacttheme.tokens.fontSizeBase200,
+        fontWeight: _reacttheme.tokens.fontWeightRegular,
+        lineHeight: _reacttheme.tokens.lineHeightBase200,
+        textAlign: 'center',
+        '::before': {
+            boxSizing: 'border-box',
+            display: 'flex',
+            flexGrow: 1
+        },
+        '::after': {
+            boxSizing: 'border-box',
+            display: 'flex',
+            flexGrow: 1
+        }
+    },
+    // Childless styles
+    childless: {
+        '::before': {
+            marginBottom: 0,
+            marginRight: 0
+        },
+        '::after': {
+            marginLeft: 0,
+            marginTop: 0
+        }
+    },
+    // Alignment variations
+    start: {
+        '::after': {
+            content: '""'
+        }
+    },
+    center: {
+        '::before': {
+            content: '""'
+        },
+        '::after': {
+            content: '""'
+        }
+    },
+    end: {
+        '::before': {
+            content: '""'
+        }
+    },
+    // Appearance variations
+    brand: {
+        color: _reacttheme.tokens.colorBrandForeground1,
+        '::before': {
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorBrandStroke1)
+        },
+        '::after': {
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorBrandStroke1)
+        }
+    },
+    default: {
+        color: _reacttheme.tokens.colorNeutralForeground2,
+        '::before': {
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke2)
+        },
+        '::after': {
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke2)
+        }
+    },
+    subtle: {
+        color: _reacttheme.tokens.colorNeutralForeground3,
+        '::before': {
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke3)
+        },
+        '::after': {
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke3)
+        }
+    },
+    strong: {
+        color: _reacttheme.tokens.colorNeutralForeground1,
+        '::before': {
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke1)
+        },
+        '::after': {
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke1)
+        }
+    }
+});
+const useHorizontalStyles = (0, _react.makeStyles)({
+    // Base styles
+    base: {
+        width: '100%',
+        '::before': {
+            borderTopStyle: 'solid',
+            borderTopWidth: _reacttheme.tokens.strokeWidthThin,
+            minWidth: minStartEndLength
+        },
+        '::after': {
+            borderTopStyle: 'solid',
+            borderTopWidth: _reacttheme.tokens.strokeWidthThin,
+            minWidth: minStartEndLength
+        }
+    },
+    // Inset styles
+    inset: {
+        paddingLeft: insetSpacing,
+        paddingRight: insetSpacing
+    },
+    // Alignment variations
+    start: {
+        '::before': {
+            content: '""',
+            marginRight: contentSpacing,
+            maxWidth: maxStartEndLength
+        },
+        '::after': {
+            marginLeft: contentSpacing
+        }
+    },
+    center: {
+        '::before': {
+            marginRight: contentSpacing
+        },
+        '::after': {
+            marginLeft: contentSpacing
+        }
+    },
+    end: {
+        '::before': {
+            marginRight: contentSpacing
+        },
+        '::after': {
+            content: '""',
+            marginLeft: contentSpacing,
+            maxWidth: maxStartEndLength
+        }
+    }
+});
+const useVerticalStyles = (0, _react.makeStyles)({
+    // Base styles
+    base: {
+        flexDirection: 'column',
+        minHeight: '20px',
+        '::before': {
+            borderRightStyle: 'solid',
+            borderRightWidth: _reacttheme.tokens.strokeWidthThin,
+            minHeight: minStartEndLength
+        },
+        '::after': {
+            borderRightStyle: 'solid',
+            borderRightWidth: _reacttheme.tokens.strokeWidthThin,
+            minHeight: minStartEndLength
+        }
+    },
+    // Inset styles
+    inset: {
+        marginTop: insetSpacing,
+        marginBottom: insetSpacing
+    },
+    // With children styles
+    withChildren: {
+        minHeight: '84px'
+    },
+    // Alignment variations
+    start: {
+        '::before': {
+            content: '""',
+            marginBottom: contentSpacing,
+            maxHeight: maxStartEndLength
+        },
+        '::after': {
+            marginTop: contentSpacing
+        }
+    },
+    center: {
+        '::before': {
+            marginBottom: contentSpacing
+        },
+        '::after': {
+            marginTop: contentSpacing
+        }
+    },
+    end: {
+        '::before': {
+            marginBottom: contentSpacing
+        },
+        '::after': {
+            content: '""',
+            marginTop: contentSpacing,
+            maxHeight: maxStartEndLength
+        }
+    }
+});
+const useDividerStyles_unstable = (state)=>{
+    'use no memo';
+    const baseStyles = useBaseStyles();
+    const horizontalStyles = useHorizontalStyles();
+    const verticalStyles = useVerticalStyles();
+    const { alignContent, appearance, inset, vertical } = state;
+    state.root.className = (0, _react.mergeClasses)(dividerClassNames.root, baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, state.root.children === undefined && baseStyles.childless, state.root.className);
+    if (state.wrapper) {
+        state.wrapper.className = (0, _react.mergeClasses)(dividerClassNames.wrapper, state.wrapper.className);
+    }
+    return state;
+};

package/lib-commonjs/components/Divider/useDividerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/useDividerStyles.styles.ts"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n  // Base styles\n  base: {\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1,\n    position: 'relative',\n\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase200,\n    textAlign: 'center',\n\n    '::before': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n\n    '::after': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n  },\n\n  // Childless styles\n  childless: {\n    '::before': {\n      marginBottom: 0,\n      marginRight: 0,\n    },\n\n    '::after': {\n      marginLeft: 0,\n      marginTop: 0,\n    },\n  },\n\n  // Alignment variations\n  start: {\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  center: {\n    '::before': {\n      content: '\"\"',\n    },\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  end: {\n    '::before': {\n      content: '\"\"',\n    },\n  },\n\n  // Appearance variations\n  brand: {\n    color: tokens.colorBrandForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n  },\n  default: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n  },\n  subtle: {\n    color: tokens.colorNeutralForeground3,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n  },\n  strong: {\n    color: tokens.colorNeutralForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n  },\n});\n\nconst useHorizontalStyles = makeStyles({\n  // Base styles\n  base: {\n    width: '100%',\n\n    '::before': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n\n    '::after': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    paddingLeft: insetSpacing,\n    paddingRight: insetSpacing,\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginRight: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginLeft: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n  },\n});\n\nconst useVerticalStyles = makeStyles({\n  // Base styles\n  base: {\n    flexDirection: 'column',\n    minHeight: '20px',\n\n    '::before': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n\n    '::after': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    marginTop: insetSpacing,\n    marginBottom: insetSpacing,\n  },\n\n  // With children styles\n  withChildren: {\n    minHeight: '84px',\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginBottom: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginTop: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n  },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  'use no memo';\n\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  state.root.className = mergeClasses(\n    dividerClassNames.root,\n\n    // Base styles\n    baseStyles.base,\n    baseStyles[alignContent],\n    appearance && baseStyles[appearance],\n\n    // Horizontal styles\n    !vertical && horizontalStyles.base,\n    !vertical && inset && horizontalStyles.inset,\n    !vertical && horizontalStyles[alignContent],\n\n    // Vertical styles\n    vertical && verticalStyles.base,\n    vertical && inset && verticalStyles.inset,\n    vertical && verticalStyles[alignContent],\n    vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n    // Childless styles\n    state.root.children === undefined && baseStyles.childless,\n\n    // User provided class name\n    state.root.className,\n  );\n\n  if (state.wrapper) {\n    state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n  }\n\n  return state;\n};\n"],"names":["dividerClassNames","useDividerStyles_unstable","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","makeStyles","base","alignItems","boxSizing","display","flexDirection","flexGrow","position","fontFamily","tokens","fontFamilyBase","fontSize","fontSizeBase200","fontWeight","fontWeightRegular","lineHeight","lineHeightBase200","textAlign","childless","marginBottom","marginRight","marginLeft","marginTop","start","content","center","end","brand","color","colorBrandForeground1","shorthands","borderColor","colorBrandStroke1","default","colorNeutralForeground2","colorNeutralStroke2","subtle","colorNeutralForeground3","colorNeutralStroke3","strong","colorNeutralForeground1","colorNeutralStroke1","useHorizontalStyles","width","borderTopStyle","borderTopWidth","strokeWidthThin","minWidth","inset","paddingLeft","paddingRight","maxWidth","useVerticalStyles","minHeight","borderRightStyle","borderRightWidth","withChildren","maxHeight","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","mergeClasses","children","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-divider",
-  "version": "9.3.1",
+  "version": "9.4.0",
   "description": "Fluent UI component to visually separate content.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,10 +18,10 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.1.1",
+    "@fluentui/react-jsx-runtime": "^9.1.2",
     "@fluentui/react-shared-contexts": "^9.24.0",
     "@fluentui/react-theme": "^9.1.24",
-    "@fluentui/react-utilities": "^9.21.1",
+    "@fluentui/react-utilities": "^9.22.0",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },