@fluentui/react-nav 0.0.0-nightly-20250704-0407.1 → 9.1.0

package/lib-commonjs/components/SplitNavItem/renderSplitNavItem.js

@@ -8,33 +8,25 @@ Object.defineProperty(exports, "renderSplitNavItem_unstable", {
         return renderSplitNavItem_unstable;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactutilities = require("@fluentui/react-utilities");
-/**
- * @internal
- *
- * Helper function to render button slots
- */ const renderButtonSlot = (Button, ButtonTooltip)=>{
-    if (!Button) {
-        return null;
-    }
-    if (ButtonTooltip) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(ButtonTooltip, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Button, {})
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Button, {});
-};
 const renderSplitNavItem_unstable = (state)=>{
     (0, _reactutilities.assertSlots)(state);
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
         children: [
             state.navItem && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.navItem, {}),
-            renderButtonSlot(state.actionButton, state.actionButtonTooltip),
-            renderButtonSlot(state.menuButton, state.menuButtonTooltip),
-            renderButtonSlot(state.toggleButton, state.toggleButtonTooltip)
+            state.actionButton && state.actionButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actionButtonTooltip, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actionButton, {})
+            }),
+            state.actionButton && !state.actionButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actionButton, {}),
+            state.toggleButton && state.toggleButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.toggleButtonTooltip, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.toggleButton, {})
+            }),
+            state.toggleButton && !state.toggleButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.toggleButton, {}),
+            state.menuButton && state.menuButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButtonTooltip, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButton, {})
+            }),
+            state.menuButton && !state.menuButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButton, {})
         ]
     });
 };

package/lib-commonjs/components/SplitNavItem/renderSplitNavItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitNavItem/renderSplitNavItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\n\nimport type { SplitNavItemState, SplitNavItemSlots } from './SplitNavItem.types';\n\n/**\n * @internal\n *\n * Helper function to render button slots\n */\nconst renderButtonSlot = (Button?: React.ElementType, ButtonTooltip?: React.ElementType) => {\n  if (!Button) {\n    return null;\n  }\n\n  if (ButtonTooltip) {\n    return (\n      <ButtonTooltip>\n        <Button />\n      </ButtonTooltip>\n    );\n  }\n\n  return <Button />;\n};\n\n/**\n * Render the final JSX of SplitNavItem\n */\nexport const renderSplitNavItem_unstable = (state: SplitNavItemState) => {\n  assertSlots<SplitNavItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.navItem && <state.navItem />}\n      {renderButtonSlot(state.actionButton, state.actionButtonTooltip)}\n      {renderButtonSlot(state.menuButton, state.menuButtonTooltip)}\n      {renderButtonSlot(state.toggleButton, state.toggleButtonTooltip)}\n    </state.root>\n  );\n};\n"],"names":["renderSplitNavItem_unstable","renderButtonSlot","Button","ButtonTooltip","_jsx","state","assertSlots","_jsxs","root","navItem","actionButton","actionButtonTooltip","menuButton","menuButtonTooltip","toggleButton","toggleButtonTooltip"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgCaA;;;eAAAA;;;;4BA/Bb;iEAEuB;gCACK;AAI5B;;;;CAIC,GACD,MAAMC,mBAAmB,CAACC,QAA4BC;IACpD,IAAI,CAACD,QAAQ;QACX,OAAO;IACT;IAEA,IAAIC,eAAe;QACjB,OAAA,WAAA,GACEC,IAAAA,eAAA,EAACD,eAAAA;sBACC,WAAA,GAAAC,IAAAA,eAAA,EAACF,QAAAA,CAAAA;;IAGP;IAEA,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,QAAAA,CAAAA;AACV;AAKO,MAAMF,8BAA8B,CAACK;IAC1CC,IAAAA,2BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,OAAO,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACC,MAAMI,OAAO,EAAA,CAAA;YAC/BR,iBAAiBI,MAAMK,YAAY,EAAEL,MAAMM,mBAAmB;YAC9DV,iBAAiBI,MAAMO,UAAU,EAAEP,MAAMQ,iBAAiB;YAC1DZ,iBAAiBI,MAAMS,YAAY,EAAET,MAAMU,mBAAmB;;;AAGrE"}
+{"version":3,"sources":["../src/components/SplitNavItem/renderSplitNavItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SplitNavItemState, SplitNavItemSlots } from './SplitNavItem.types';\n\n/**\n * Render the final JSX of SplitNavItem\n */\nexport const renderSplitNavItem_unstable = (state: SplitNavItemState) => {\n  assertSlots<SplitNavItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.navItem && <state.navItem />}\n      {state.actionButton && state.actionButtonTooltip && (\n        <state.actionButtonTooltip>\n          <state.actionButton />\n        </state.actionButtonTooltip>\n      )}\n      {state.actionButton && !state.actionButtonTooltip && <state.actionButton />}\n\n      {state.toggleButton && state.toggleButtonTooltip && (\n        <state.toggleButtonTooltip>\n          <state.toggleButton />\n        </state.toggleButtonTooltip>\n      )}\n      {state.toggleButton && !state.toggleButtonTooltip && <state.toggleButton />}\n\n      {state.menuButton && state.menuButtonTooltip && (\n        <state.menuButtonTooltip>\n          <state.menuButton />\n        </state.menuButtonTooltip>\n      )}\n      {state.menuButton && !state.menuButtonTooltip && <state.menuButton />}\n    </state.root>\n  );\n};\n"],"names":["renderSplitNavItem_unstable","state","assertSlots","_jsxs","root","navItem","_jsx","actionButton","actionButtonTooltip","toggleButton","toggleButtonTooltip","menuButton","menuButtonTooltip"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,8BAA8B,CAACC;IAC1CC,IAAAA,2BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,OAAO,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,OAAO,EAAA,CAAA;YAC/BJ,MAAMM,YAAY,IAAIN,MAAMO,mBAAmB,IAAA,WAAA,GAC9CF,IAAAA,eAAA,EAACL,MAAMO,mBAAmB,EAAA;0BACxB,WAAA,GAAAF,IAAAA,eAAA,EAACL,MAAMM,YAAY,EAAA,CAAA;;YAGtBN,MAAMM,YAAY,IAAI,CAACN,MAAMO,mBAAmB,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACL,MAAMM,YAAY,EAAA,CAAA;YAEvEN,MAAMQ,YAAY,IAAIR,MAAMS,mBAAmB,IAAA,WAAA,GAC9CJ,IAAAA,eAAA,EAACL,MAAMS,mBAAmB,EAAA;0BACxB,WAAA,GAAAJ,IAAAA,eAAA,EAACL,MAAMQ,YAAY,EAAA,CAAA;;YAGtBR,MAAMQ,YAAY,IAAI,CAACR,MAAMS,mBAAmB,IAAA,WAAA,GAAIJ,IAAAA,eAAA,EAACL,MAAMQ,YAAY,EAAA,CAAA;YAEvER,MAAMU,UAAU,IAAIV,MAAMW,iBAAiB,IAAA,WAAA,GAC1CN,IAAAA,eAAA,EAACL,MAAMW,iBAAiB,EAAA;0BACtB,WAAA,GAAAN,IAAAA,eAAA,EAACL,MAAMU,UAAU,EAAA,CAAA;;YAGpBV,MAAMU,UAAU,IAAI,CAACV,MAAMW,iBAAiB,IAAA,WAAA,GAAIN,IAAAA,eAAA,EAACL,MAAMU,UAAU,EAAA,CAAA;;;AAGxE"}

package/lib-commonjs/components/SplitNavItem/useSplitNavItemStyles.styles.js

@@ -33,13 +33,6 @@ const splitNavItemClassNames = {
 // Don't use makeResetStyles here because the sub components call it once and
 // This links says that makeResetStyles should only be called once per element
 // https://griffel.js.org/react/api/make-reset-styles/#limitations
-const { actionButton, toggleButton, menuButton } = splitNavItemClassNames;
-const buttonHoverStyles = {
-    [`& .${actionButton}, & .${toggleButton}, & .${menuButton}`]: {
-        opacity: 1,
-        pointerEvents: 'auto'
-    }
-};
 /**
  * Styles for the root slot
  */ const useSplitNaveItemStyles = /*#__PURE__*/ (0, _react.__styles)({
@@ -60,10 +53,6 @@ const buttonHoverStyles = {
         Bkqvd7p: "f1e9ux7i",
         Bmy1vo4: "f1xfaukr",
         Jwef8y: "f11oyicx",
-        xwko9w: "f8z0t4e",
-        mcc9px: "f9ueil3",
-        B02v5zz: "f1g2hb8n",
-        i4x37a: "fpq6je",
         ecr2s2: "f9fof1w"
     },
     baseNavItem: {
@@ -90,23 +79,6 @@ const buttonHoverStyles = {
     },
     baseMedium: {
         rjzwhg: "fjtod8q"
-    },
-    baseLarge: {
-        rjzwhg: "f16gijt3"
-    },
-    hoverAction: {
-        abs64n: "fk73vx1",
-        Bkecrkj: "f1aehjj5",
-        Bn62ygk: 0,
-        Cwk7ip: 0,
-        B3o57yi: 0,
-        Bmy1vo4: 0,
-        Bkqvd7p: 0,
-        Bi2q7bf: [
-            "fr12795",
-            "fcl876f"
-        ],
-        Es3by: "f1gqqdtu"
     }
 }, {
     d: [
@@ -147,32 +119,10 @@ const buttonHoverStyles = {
         ".f12pses1{-webkit-padding-start:5px;padding-inline-start:5px;}",
         ".fibmr9j{padding-block-start:5px;}",
         ".f1s2louj{align-items:start;}",
-        ".fjtod8q{padding-block-start:9px;}",
-        ".f16gijt3{padding-block-start:12px;}",
-        ".fk73vx1{opacity:0;}",
-        ".f1aehjj5{pointer-events:none;}",
-        [
-            ".fr12795{transition:opacity 150ms cubic-bezier(0.33,0,0.67,1);}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".fcl876f{transition:opacity 150ms cubic-bezier(0.33, 0, 0.67, 1);}",
-            {
-                p: -1
-            }
-        ],
-        ".f1gqqdtu{will-change:opacity;}"
+        ".fjtod8q{padding-block-start:9px;}"
     ],
     h: [
-        ".f11oyicx:hover{background-color:var(--colorNeutralBackground4Hover);}",
-        ".f8z0t4e:hover .fui-SplitNavItem__actionButton,.f8z0t4e:hover .fui-SplitNavItem__toggleButton,.f8z0t4e:hover .fui-SplitNavItem__menuButton{opacity:1;}",
-        ".f9ueil3:hover .fui-SplitNavItem__actionButton,.f9ueil3:hover .fui-SplitNavItem__toggleButton,.f9ueil3:hover .fui-SplitNavItem__menuButton{pointer-events:auto;}"
-    ],
-    w: [
-        ".f1g2hb8n:focus-within .fui-SplitNavItem__actionButton,.f1g2hb8n:focus-within .fui-SplitNavItem__toggleButton,.f1g2hb8n:focus-within .fui-SplitNavItem__menuButton{opacity:1;}",
-        ".fpq6je:focus-within .fui-SplitNavItem__actionButton,.fpq6je:focus-within .fui-SplitNavItem__toggleButton,.fpq6je:focus-within .fui-SplitNavItem__menuButton{pointer-events:auto;}"
+        ".f11oyicx:hover{background-color:var(--colorNeutralBackground4Hover);}"
     ],
     a: [
         ".f9fof1w:active{background-color:var(--colorNeutralBackground4Pressed);}"
@@ -187,13 +137,13 @@ const useSplitNavItemStyles_unstable = (state)=>{
         state.navItem.className = (0, _react.mergeClasses)(splitNavItemClassNames.navItem, splitNavItemStyles.baseNavItem, state.navItem.className);
     }
     if (state.actionButton) {
-        state.actionButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.actionButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.actionButton.className);
+        state.actionButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.actionButton, splitNavItemStyles.baseSecondary, state.density === 'medium' && splitNavItemStyles.baseMedium, state.actionButton.className);
     }
     if (state.toggleButton) {
-        state.toggleButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.toggleButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.toggleButton.className);
+        state.toggleButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.toggleButton, splitNavItemStyles.baseSecondary, state.density === 'medium' && splitNavItemStyles.baseMedium, state.toggleButton.className);
     }
     if (state.menuButton) {
-        state.menuButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.menuButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.menuButton.className);
+        state.menuButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.menuButton, splitNavItemStyles.baseSecondary, state.density === 'medium' && splitNavItemStyles.baseMedium, state.menuButton.className);
     }
     return state;
 };

package/lib-commonjs/components/SplitNavItem/useSplitNavItemStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSplitNavItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { motionTokens } from '@fluentui/react-motion';\nimport { navItemTokens, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const splitNavItemClassNames = {\n    root: 'fui-SplitNavItem',\n    navItem: 'fui-SplitNavItem__navItem',\n    actionButton: 'fui-SplitNavItem__actionButton',\n    toggleButton: 'fui-SplitNavItem__toggleButton',\n    menuButton: 'fui-SplitNavItem__menuButton',\n    /**\n   * Tooltips don't have a class name prop, so this is just to satisfy the linter.\n   */ actionButtonTooltip: 'fui-SplitNavItem__actionButtonTooltip',\n    toggleButtonTooltip: 'fui-SplitNavItem__toggleButtonTooltip',\n    menuButtonTooltip: 'fui-SplitNavItem__menuButtonTooltip'\n};\n// Don't use makeResetStyles here because the sub components call it once and\n// This links says that makeResetStyles should only be called once per element\n// https://griffel.js.org/react/api/make-reset-styles/#limitations\nconst { actionButton, toggleButton, menuButton } = splitNavItemClassNames;\nconst buttonHoverStyles = {\n    [`& .${actionButton}, & .${toggleButton}, & .${menuButton}`]: {\n        opacity: 1,\n        pointerEvents: 'auto'\n    }\n};\n/**\n * Styles for the root slot\n */ const useSplitNaveItemStyles = makeStyles({\n    baseRoot: {\n        display: 'flex',\n        gap: 'unset',\n        alignItems: 'stretch',\n        padding: 'unset',\n        textAlign: 'unset',\n        backgroundColor: navItemTokens.backgroundColor,\n        ...navItemTokens.transitionTokens,\n        ':hover': {\n            backgroundColor: navItemTokens.backgroundColorHover,\n            ...buttonHoverStyles\n        },\n        ':focus-within': buttonHoverStyles,\n        ':active': {\n            backgroundColor: navItemTokens.backgroundColorPressed\n        }\n    },\n    baseNavItem: {\n        // styles that we want to disagree with the default on\n        display: 'flex',\n        textTransform: 'none',\n        alignSelf: 'stretch',\n        textAlign: 'left',\n        position: 'relative',\n        justifyContent: 'start',\n        gap: tokens.spacingVerticalL,\n        backgroundColor: 'transparent'\n    },\n    baseSecondary: {\n        minWidth: '28px',\n        paddingInlineEnd: '12px',\n        paddingInlineStart: '5px',\n        paddingBlockStart: '5px',\n        alignItems: 'start'\n    },\n    baseMedium: {\n        paddingBlockStart: '9px'\n    },\n    baseLarge: {\n        paddingBlockStart: '12px'\n    },\n    hoverAction: {\n        opacity: 0,\n        pointerEvents: 'none',\n        transition: `opacity ${motionTokens.durationFast}ms ${motionTokens.curveEasyEase}`,\n        willChange: 'opacity'\n    }\n});\n/**\n * Apply styling to the SplitNavItem slots based on the state\n */ export const useSplitNavItemStyles_unstable = (state)=>{\n    'use no memo';\n    const splitNavItemStyles = useSplitNaveItemStyles();\n    const sharedRootClassNames = useRootDefaultClassName();\n    state.root.className = mergeClasses(splitNavItemClassNames.root, sharedRootClassNames, splitNavItemStyles.baseRoot, state.root.className);\n    if (state.navItem) {\n        state.navItem.className = mergeClasses(splitNavItemClassNames.navItem, splitNavItemStyles.baseNavItem, state.navItem.className);\n    }\n    if (state.actionButton) {\n        state.actionButton.className = mergeClasses(splitNavItemClassNames.actionButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.actionButton.className);\n    }\n    if (state.toggleButton) {\n        state.toggleButton.className = mergeClasses(splitNavItemClassNames.toggleButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.toggleButton.className);\n    }\n    if (state.menuButton) {\n        state.menuButton.className = mergeClasses(splitNavItemClassNames.menuButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.menuButton.className);\n    }\n    return state;\n};\n"],"names":["splitNavItemClassNames","useSplitNavItemStyles_unstable","root","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","buttonHoverStyles","opacity","pointerEvents","useSplitNaveItemStyles","__styles","baseRoot","mc9l5x","i8kkvl","Belr9w4","rmohyg","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","fsow6f","De3pzq","B3o57yi","Bkqvd7p","Bmy1vo4","Jwef8y","xwko9w","mcc9px","B02v5zz","i4x37a","ecr2s2","baseNavItem","B9bfxx9","qb2dma","qhf8xq","Brf1p80","baseSecondary","Bf4jedk","Bnt446c","B1hrpyx","rjzwhg","baseMedium","baseLarge","hoverAction","abs64n","Bkecrkj","Bn62ygk","Cwk7ip","Bi2q7bf","Es3by","d","p","h","w","a","state","splitNavItemStyles","sharedRootClassNames","useRootDefaultClassName","className","mergeClasses","density"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useSplitNavItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { navItemTokens, useRootDefaultClassName } from '../sharedNavStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nexport const splitNavItemClassNames = {\n    root: 'fui-SplitNavItem',\n    navItem: 'fui-SplitNavItem__navItem',\n    actionButton: 'fui-SplitNavItem__actionButton',\n    toggleButton: 'fui-SplitNavItem__toggleButton',\n    menuButton: 'fui-SplitNavItem__menuButton',\n    /**\n   * Tooltips don't have a class name prop, so this is just to satisfy the linter.\n   */ actionButtonTooltip: 'fui-SplitNavItem__actionButtonTooltip',\n    toggleButtonTooltip: 'fui-SplitNavItem__toggleButtonTooltip',\n    menuButtonTooltip: 'fui-SplitNavItem__menuButtonTooltip'\n};\n// Don't use makeResetStyles here because the sub components call it once and\n// This links says that makeResetStyles should only be called once per element\n// https://griffel.js.org/react/api/make-reset-styles/#limitations\n/**\n * Styles for the root slot\n */ const useSplitNaveItemStyles = makeStyles({\n    baseRoot: {\n        display: 'flex',\n        gap: 'unset',\n        alignItems: 'stretch',\n        padding: 'unset',\n        textAlign: 'unset',\n        backgroundColor: navItemTokens.backgroundColor,\n        ...navItemTokens.transitionTokens,\n        ':hover': {\n            backgroundColor: navItemTokens.backgroundColorHover\n        },\n        ':active': {\n            backgroundColor: navItemTokens.backgroundColorPressed\n        }\n    },\n    baseNavItem: {\n        // styles that we want to disagree with the default on\n        display: 'flex',\n        textTransform: 'none',\n        alignSelf: 'stretch',\n        textAlign: 'left',\n        position: 'relative',\n        justifyContent: 'start',\n        gap: tokens.spacingVerticalL,\n        backgroundColor: 'transparent'\n    },\n    baseSecondary: {\n        minWidth: '28px',\n        paddingInlineEnd: '12px',\n        paddingInlineStart: '5px',\n        paddingBlockStart: '5px',\n        alignItems: 'start'\n    },\n    baseMedium: {\n        paddingBlockStart: '9px'\n    }\n});\n/**\n * Apply styling to the SplitNavItem slots based on the state\n */ export const useSplitNavItemStyles_unstable = (state)=>{\n    'use no memo';\n    const splitNavItemStyles = useSplitNaveItemStyles();\n    const sharedRootClassNames = useRootDefaultClassName();\n    state.root.className = mergeClasses(splitNavItemClassNames.root, sharedRootClassNames, splitNavItemStyles.baseRoot, state.root.className);\n    if (state.navItem) {\n        state.navItem.className = mergeClasses(splitNavItemClassNames.navItem, splitNavItemStyles.baseNavItem, state.navItem.className);\n    }\n    if (state.actionButton) {\n        state.actionButton.className = mergeClasses(splitNavItemClassNames.actionButton, splitNavItemStyles.baseSecondary, state.density === 'medium' && splitNavItemStyles.baseMedium, state.actionButton.className);\n    }\n    if (state.toggleButton) {\n        state.toggleButton.className = mergeClasses(splitNavItemClassNames.toggleButton, splitNavItemStyles.baseSecondary, state.density === 'medium' && splitNavItemStyles.baseMedium, state.toggleButton.className);\n    }\n    if (state.menuButton) {\n        state.menuButton.className = mergeClasses(splitNavItemClassNames.menuButton, splitNavItemStyles.baseSecondary, state.density === 'medium' && splitNavItemStyles.baseMedium, state.menuButton.className);\n    }\n    return state;\n};\n"],"names":["splitNavItemClassNames","useSplitNavItemStyles_unstable","root","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","useSplitNaveItemStyles","__styles","baseRoot","mc9l5x","i8kkvl","Belr9w4","rmohyg","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","fsow6f","De3pzq","B3o57yi","Bkqvd7p","Bmy1vo4","Jwef8y","ecr2s2","baseNavItem","B9bfxx9","qb2dma","qhf8xq","Brf1p80","baseSecondary","Bf4jedk","Bnt446c","B1hrpyx","rjzwhg","baseMedium","d","p","h","a","state","splitNavItemStyles","sharedRootClassNames","useRootDefaultClassName","className","mergeClasses","density"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/useNavContextValues.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useNavContextValues_unstable", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function useNavContextValues_unstable(state) {
-    const { selectedValue, selectedCategoryValue, onRegister, onUnregister, onSelect, getRegisteredNavItems, onRequestNavCategoryItemToggle, openCategories, multiple, density, onNavItemSelect } = state;
+    const { selectedValue, selectedCategoryValue, onRegister, onUnregister, onSelect, getRegisteredNavItems, onRequestNavCategoryItemToggle, openCategories, multiple, density } = state;
     const navContext = _react.useMemo(()=>({
             selectedValue,
             selectedCategoryValue,
@@ -22,8 +22,7 @@ function useNavContextValues_unstable(state) {
             onRequestNavCategoryItemToggle,
             openCategories,
             multiple,
-            density,
-            onNavItemSelect
+            density
         }), [
         selectedValue,
         selectedCategoryValue,
@@ -34,8 +33,7 @@ function useNavContextValues_unstable(state) {
         onRequestNavCategoryItemToggle,
         openCategories,
         multiple,
-        density,
-        onNavItemSelect
+        density
     ]);
     return {
         nav: navContext

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/useNavContextValues.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavContextValue, NavContextValues, NavState } from '../Nav';\n\nexport function useNavContextValues_unstable(state: NavState): NavContextValues {\n  const {\n    selectedValue,\n    selectedCategoryValue,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredNavItems,\n    onRequestNavCategoryItemToggle,\n    openCategories,\n    multiple,\n    density,\n    onNavItemSelect,\n  } = state;\n\n  const navContext = React.useMemo<NavContextValue>(\n    () => ({\n      selectedValue,\n      selectedCategoryValue,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredNavItems,\n      onRequestNavCategoryItemToggle,\n      openCategories,\n      multiple,\n      density,\n      onNavItemSelect,\n    }),\n    [\n      selectedValue,\n      selectedCategoryValue,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredNavItems,\n      onRequestNavCategoryItemToggle,\n      openCategories,\n      multiple,\n      density,\n      onNavItemSelect,\n    ],\n  );\n\n  return { nav: navContext };\n}\n"],"names":["useNavContextValues_unstable","state","selectedValue","selectedCategoryValue","onRegister","onUnregister","onSelect","getRegisteredNavItems","onRequestNavCategoryItemToggle","openCategories","multiple","density","onNavItemSelect","navContext","React","useMemo","nav"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA,6BAA6BC,KAAe;IAC1D,MAAM,EACJC,aAAa,EACbC,qBAAqB,EACrBC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,qBAAqB,EACrBC,8BAA8B,EAC9BC,cAAc,EACdC,QAAQ,EACRC,OAAO,EACPC,eAAe,EAChB,GAAGX;IAEJ,MAAMY,aAAaC,OAAMC,OAAO,CAC9B,IAAO,CAAA;YACLb;YACAC;YACAG;YACAF;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QACEV;QACAC;QACAG;QACAF;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;KACD;IAGH,OAAO;QAAEI,KAAKH;IAAW;AAC3B"}
+{"version":3,"sources":["../src/components/useNavContextValues.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavContextValue, NavContextValues, NavState } from '../Nav';\n\nexport function useNavContextValues_unstable(state: NavState): NavContextValues {\n  const {\n    selectedValue,\n    selectedCategoryValue,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredNavItems,\n    onRequestNavCategoryItemToggle,\n    openCategories,\n    multiple,\n    density,\n  } = state;\n\n  const navContext = React.useMemo<NavContextValue>(\n    () => ({\n      selectedValue,\n      selectedCategoryValue,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredNavItems,\n      onRequestNavCategoryItemToggle,\n      openCategories,\n      multiple,\n      density,\n    }),\n    [\n      selectedValue,\n      selectedCategoryValue,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredNavItems,\n      onRequestNavCategoryItemToggle,\n      openCategories,\n      multiple,\n      density,\n    ],\n  );\n\n  return { nav: navContext };\n}\n"],"names":["useNavContextValues_unstable","state","selectedValue","selectedCategoryValue","onRegister","onUnregister","onSelect","getRegisteredNavItems","onRequestNavCategoryItemToggle","openCategories","multiple","density","navContext","React","useMemo","nav"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA,6BAA6BC,KAAe;IAC1D,MAAM,EACJC,aAAa,EACbC,qBAAqB,EACrBC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,qBAAqB,EACrBC,8BAA8B,EAC9BC,cAAc,EACdC,QAAQ,EACRC,OAAO,EACR,GAAGV;IAEJ,MAAMW,aAAaC,OAAMC,OAAO,CAC9B,IAAO,CAAA;YACLZ;YACAC;YACAG;YACAF;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QACET;QACAC;QACAG;QACAF;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;KACD;IAGH,OAAO;QAAEI,KAAKH;IAAW;AAC3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-nav",
-  "version": "0.0.0-nightly-20250704-0407.1",
+  "version": "9.1.0",
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -13,24 +13,23 @@
   "license": "MIT",
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20250704-0407.1",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-griffel": "*",
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-button": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-context-selector": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-divider": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-drawer": "0.0.0-nightly-20250704-0407.1",
+    "@fluentui/react-aria": "^9.15.0",
+    "@fluentui/react-button": "^9.5.0",
+    "@fluentui/react-tooltip": "^9.7.0",
+    "@fluentui/react-context-selector": "^9.2.0",
+    "@fluentui/react-divider": "^9.3.0",
+    "@fluentui/react-drawer": "^9.8.0",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-motion": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-tooltip": "0.0.0-nightly-20250704-0407.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20250704-0407.1",
+    "@fluentui/react-jsx-runtime": "^9.1.0",
+    "@fluentui/react-shared-contexts": "^9.23.1",
+    "@fluentui/react-tabster": "^9.25.0",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.21.0",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
@@ -49,7 +48,12 @@
     },
     "./package.json": "./package.json"
   },
-  "beachball": {},
+  "beachball": {
+    "disallowedChangeTypes": [
+      "major",
+      "prerelease"
+    ]
+  },
   "files": [
     "*.md",
     "dist/*.d.ts",