@fluentui/react-nav 9.3.0 → 9.3.2

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 { 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":["__styles","mergeClasses","tokens","motionTokens","navItemTokens","useRootDefaultClassName","splitNavItemClassNames","root","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","buttonHoverStyles","opacity","pointerEvents","useSplitNaveItemStyles","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","useSplitNavItemStyles_unstable","state","splitNavItemStyles","sharedRootClassNames","className","density"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitNavItem/useSplitNavItemStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { motionTokens } from '@fluentui/react-motion';\n\nimport type { SplitNavItemSlots, SplitNavItemState } from './SplitNavItem.types';\nimport { navItemTokens, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const splitNavItemClassNames: SlotClassNames<SplitNavItemSlots> = {\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   */\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\nconst { actionButton, toggleButton, menuButton } = splitNavItemClassNames;\nconst buttonHoverStyles = {\n  [`& .${actionButton}, & .${toggleButton}, & .${menuButton}`]: {\n    opacity: 1,\n    pointerEvents: 'auto',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst 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\n    ':hover': {\n      backgroundColor: navItemTokens.backgroundColorHover,\n      ...buttonHoverStyles,\n    },\n\n    ':focus-within': buttonHoverStyles,\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  baseLarge: {\n    paddingBlockStart: '12px',\n  },\n\n  hoverAction: {\n    opacity: 0,\n    pointerEvents: 'none',\n    transition: `opacity ${motionTokens.durationFast}ms ${motionTokens.curveEasyEase}`,\n    willChange: 'opacity',\n  },\n});\n\n/**\n * Apply styling to the SplitNavItem slots based on the state\n */\nexport const useSplitNavItemStyles_unstable = (state: SplitNavItemState): SplitNavItemState => {\n  'use no memo';\n\n  const splitNavItemStyles = useSplitNaveItemStyles();\n  const sharedRootClassNames = useRootDefaultClassName();\n\n  state.root.className = mergeClasses(\n    splitNavItemClassNames.root,\n    sharedRootClassNames,\n    splitNavItemStyles.baseRoot,\n    state.root.className,\n  );\n\n  if (state.navItem) {\n    state.navItem.className = mergeClasses(\n      splitNavItemClassNames.navItem,\n      splitNavItemStyles.baseNavItem,\n      state.navItem.className,\n    );\n  }\n\n  if (state.actionButton) {\n    state.actionButton.className = mergeClasses(\n      splitNavItemClassNames.actionButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.actionButton.className,\n    );\n  }\n\n  if (state.toggleButton) {\n    state.toggleButton.className = mergeClasses(\n      splitNavItemClassNames.toggleButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.toggleButton.className,\n    );\n  }\n\n  if (state.menuButton) {\n    state.menuButton.className = mergeClasses(\n      splitNavItemClassNames.menuButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.menuButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["splitNavItemClassNames","useSplitNavItemStyles_unstable","root","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","buttonHoverStyles","opacity","pointerEvents","useSplitNaveItemStyles","makeStyles","baseRoot","display","gap","alignItems","padding","textAlign","backgroundColor","navItemTokens","transitionTokens","backgroundColorHover","backgroundColorPressed","baseNavItem","textTransform","alignSelf","position","justifyContent","tokens","spacingVerticalL","baseSecondary","minWidth","paddingInlineEnd","paddingInlineStart","paddingBlockStart","baseMedium","baseLarge","hoverAction","transition","motionTokens","durationFast","curveEasyEase","willChange","state","splitNavItemStyles","sharedRootClassNames","useRootDefaultClassName","className","mergeClasses","density"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/components/SplitNavItem/useSplitNavItemStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { motionTokens } from '@fluentui/react-motion';\n\nimport type { SplitNavItemSlots, SplitNavItemState } from './SplitNavItem.types';\nimport { navItemTokens, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const splitNavItemClassNames: SlotClassNames<SplitNavItemSlots> = {\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   */\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\nconst { actionButton, toggleButton, menuButton } = splitNavItemClassNames;\nconst buttonHoverStyles = {\n  [`& .${actionButton}, & .${toggleButton}, & .${menuButton}`]: {\n    opacity: 1,\n    pointerEvents: 'auto',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst 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\n    ':hover': {\n      backgroundColor: navItemTokens.backgroundColorHover,\n      ...buttonHoverStyles,\n    },\n\n    ':focus-within': buttonHoverStyles,\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  baseLarge: {\n    paddingBlockStart: '12px',\n  },\n\n  hoverAction: {\n    opacity: 0,\n    pointerEvents: 'none',\n    transition: `opacity ${motionTokens.durationFast}ms ${motionTokens.curveEasyEase}`,\n    willChange: 'opacity',\n  },\n});\n\n/**\n * Apply styling to the SplitNavItem slots based on the state\n */\nexport const useSplitNavItemStyles_unstable = (state: SplitNavItemState): SplitNavItemState => {\n  'use no memo';\n\n  const splitNavItemStyles = useSplitNaveItemStyles();\n  const sharedRootClassNames = useRootDefaultClassName();\n\n  state.root.className = mergeClasses(\n    splitNavItemClassNames.root,\n    sharedRootClassNames,\n    splitNavItemStyles.baseRoot,\n    state.root.className,\n  );\n\n  if (state.navItem) {\n    state.navItem.className = mergeClasses(\n      splitNavItemClassNames.navItem,\n      splitNavItemStyles.baseNavItem,\n      state.navItem.className,\n    );\n  }\n\n  if (state.actionButton) {\n    state.actionButton.className = mergeClasses(\n      splitNavItemClassNames.actionButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.actionButton.className,\n    );\n  }\n\n  if (state.toggleButton) {\n    state.toggleButton.className = mergeClasses(\n      splitNavItemClassNames.toggleButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.toggleButton.className,\n    );\n  }\n\n  if (state.menuButton) {\n    state.menuButton.className = mergeClasses(\n      splitNavItemClassNames.menuButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.menuButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","motionTokens","navItemTokens","useRootDefaultClassName","splitNavItemClassNames","root","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","buttonHoverStyles","opacity","pointerEvents","useSplitNaveItemStyles","baseRoot","display","gap","alignItems","padding","textAlign","backgroundColor","transitionTokens","backgroundColorHover","backgroundColorPressed","baseNavItem","textTransform","alignSelf","position","justifyContent","spacingVerticalL","baseSecondary","minWidth","paddingInlineEnd","paddingInlineStart","paddingBlockStart","baseMedium","baseLarge","hoverAction","transition","durationFast","curveEasyEase","willChange","useSplitNavItemStyles_unstable","state","splitNavItemStyles","sharedRootClassNames","className","density"],"mappings":"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"}

package/lib-commonjs/components/sharedNavStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["sharedNavStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles } from '@griffel/react';\n// Styles shared by several nav components.\nexport const navItemTokens = {\n    defaultDrawerWidth: 260,\n    indicatorOffset: 16,\n    indicatorWidth: 4,\n    indicatorHeight: 20,\n    backgroundColor: tokens.colorNeutralBackground4,\n    backgroundColorHover: tokens.colorNeutralBackground4Hover,\n    backgroundColorPressed: tokens.colorNeutralBackground4Pressed,\n    animationTokens: {\n        animationDuration: tokens.durationFaster,\n        animationFillMode: 'both',\n        animationTimingFunction: tokens.curveLinear\n    },\n    transitionTokens: {\n        transitionDuration: tokens.durationFaster,\n        transitionTimingFunction: tokens.curveLinear,\n        transitionProperty: 'background'\n    }\n};\n/**\n * Styles for the root slot\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useRootDefaultClassName = makeResetStyles({\n    display: 'flex',\n    textTransform: 'none',\n    position: 'relative',\n    justifyContent: 'start',\n    alignItems: 'flex-start',\n    textAlign: 'left',\n    gap: tokens.spacingVerticalL,\n    padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalMNudge}`,\n    backgroundColor: navItemTokens.backgroundColor,\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground2,\n    textDecorationLine: 'none',\n    border: 'none',\n    // this element can change between a button and an anchor\n    // so we need to reset box sizing to prevent horizontal overflow\n    boxSizing: 'border-box',\n    cursor: 'pointer',\n    transitionDuration: navItemTokens.animationTokens.animationDuration,\n    transitionTimingFunction: navItemTokens.animationTokens.animationTimingFunction,\n    transitionProperty: 'background',\n    width: '100%',\n    ...typographyStyles.body1,\n    ':hover': {\n        backgroundColor: navItemTokens.backgroundColorHover\n    },\n    // Use custom insert focus indicator\n    '&:focus-visible': {\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`\n    }\n});\nexport const useSmallStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalMNudge}`\n    }\n});\n/**\n * Styles for the content slot (children)\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useContentStyles = makeStyles({\n    selected: typographyStyles.body1Strong\n});\n/**\n * French fry styles\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n */ export const useIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            position: 'absolute',\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    background: 'transparent'\n                },\n                '100%': {\n                    background: tokens.colorCompoundBrandForeground1\n                }\n            },\n            marginInlineStart: `-${navItemTokens.indicatorOffset}px`,\n            backgroundColor: tokens.colorCompoundBrandForeground1,\n            height: `${navItemTokens.indicatorHeight}px`,\n            width: `${navItemTokens.indicatorWidth}px`,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"'\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                outline: `solid 2px ${tokens.colorTransparentStroke}`,\n                outlineOffset: '-2px'\n            }\n        }\n    }\n});\n/**\n * Styles for the icon slot\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n * We use the grid trick to stack the filled and regular icons on top of each other\n */ export const useIconStyles = makeStyles({\n    base: {\n        display: 'grid',\n        gridTemplateAreas: 'overlay-area',\n        minHeight: '20px',\n        minWidth: '20px',\n        alignItems: 'top',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconFilledClassName}`]: {\n            gridArea: 'overlay-area',\n            color: 'transparent',\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            gridArea: 'overlay-area',\n            display: 'inline'\n        }\n    },\n    selected: {\n        [`& .${iconFilledClassName}`]: {\n            ...navItemTokens.animationTokens,\n            display: 'inline',\n            animationName: {\n                '0%': {\n                    opacity: 0,\n                    color: 'transparent'\n                },\n                '100%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2BrandSelected\n                }\n            }\n        },\n        [`& .${iconRegularClassName}`]: {\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2\n                },\n                '100%': {\n                    opacity: 0,\n                    color: 'transparent'\n                }\n            }\n        }\n    }\n});\n"],"names":["navItemTokens","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","defaultDrawerWidth","indicatorOffset","indicatorWidth","indicatorHeight","backgroundColor","tokens","colorNeutralBackground4","backgroundColorHover","colorNeutralBackground4Hover","backgroundColorPressed","colorNeutralBackground4Pressed","animationTokens","animationDuration","durationFaster","animationFillMode","animationTimingFunction","curveLinear","transitionTokens","transitionDuration","transitionTimingFunction","transitionProperty","__resetStyles","__styles","root","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p","selected","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","base","E3zdtr","xr36ep","B67388b","Bitv4sc","Br128sd","rjyhj6","Bjyk6c5","Dlnsje","a2br6o","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","faxfa8","bj685l","Bovfycw","B8cfl5i","Bg7zzdw","k","m","mc9l5x","zoa1oz","sshi5w","Bf4jedk","Bt984gj","Brf1p80","B68tc82","Bmxbyg5","Bpg54ce","B9gejnh","yr4pdu","Bvkmzld","mqdk8l","Gbjhqp","obb2bi","D0sxk3","Esdz9e","Bqil8sh","Bbom3er","djjtid","mz70lj","t6yez3","C9vb3z","ux3ctl","Ba906uv","hndn0g","cw2nnk","Bkztwl0","H8nmoi","ipgedg"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["sharedNavStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles } from '@griffel/react';\n// Styles shared by several nav components.\nexport const navItemTokens = {\n    defaultDrawerWidth: 260,\n    indicatorOffset: 16,\n    indicatorWidth: 4,\n    indicatorHeight: 20,\n    backgroundColor: tokens.colorNeutralBackground4,\n    backgroundColorHover: tokens.colorNeutralBackground4Hover,\n    backgroundColorPressed: tokens.colorNeutralBackground4Pressed,\n    animationTokens: {\n        animationDuration: tokens.durationFaster,\n        animationFillMode: 'both',\n        animationTimingFunction: tokens.curveLinear\n    },\n    transitionTokens: {\n        transitionDuration: tokens.durationFaster,\n        transitionTimingFunction: tokens.curveLinear,\n        transitionProperty: 'background'\n    }\n};\n/**\n * Styles for the root slot\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useRootDefaultClassName = makeResetStyles({\n    display: 'flex',\n    textTransform: 'none',\n    position: 'relative',\n    justifyContent: 'start',\n    alignItems: 'flex-start',\n    textAlign: 'left',\n    gap: tokens.spacingVerticalL,\n    padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalMNudge}`,\n    backgroundColor: navItemTokens.backgroundColor,\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground2,\n    textDecorationLine: 'none',\n    border: 'none',\n    // this element can change between a button and an anchor\n    // so we need to reset box sizing to prevent horizontal overflow\n    boxSizing: 'border-box',\n    cursor: 'pointer',\n    transitionDuration: navItemTokens.animationTokens.animationDuration,\n    transitionTimingFunction: navItemTokens.animationTokens.animationTimingFunction,\n    transitionProperty: 'background',\n    width: '100%',\n    ...typographyStyles.body1,\n    ':hover': {\n        backgroundColor: navItemTokens.backgroundColorHover\n    },\n    // Use custom insert focus indicator\n    '&:focus-visible': {\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`\n    }\n});\nexport const useSmallStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalMNudge}`\n    }\n});\n/**\n * Styles for the content slot (children)\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useContentStyles = makeStyles({\n    selected: typographyStyles.body1Strong\n});\n/**\n * French fry styles\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n */ export const useIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            position: 'absolute',\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    background: 'transparent'\n                },\n                '100%': {\n                    background: tokens.colorCompoundBrandForeground1\n                }\n            },\n            marginInlineStart: `-${navItemTokens.indicatorOffset}px`,\n            backgroundColor: tokens.colorCompoundBrandForeground1,\n            height: `${navItemTokens.indicatorHeight}px`,\n            width: `${navItemTokens.indicatorWidth}px`,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"'\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                outline: `solid 2px ${tokens.colorTransparentStroke}`,\n                outlineOffset: '-2px'\n            }\n        }\n    }\n});\n/**\n * Styles for the icon slot\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n * We use the grid trick to stack the filled and regular icons on top of each other\n */ export const useIconStyles = makeStyles({\n    base: {\n        display: 'grid',\n        gridTemplateAreas: 'overlay-area',\n        minHeight: '20px',\n        minWidth: '20px',\n        alignItems: 'top',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconFilledClassName}`]: {\n            gridArea: 'overlay-area',\n            color: 'transparent',\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            gridArea: 'overlay-area',\n            display: 'inline'\n        }\n    },\n    selected: {\n        [`& .${iconFilledClassName}`]: {\n            ...navItemTokens.animationTokens,\n            display: 'inline',\n            animationName: {\n                '0%': {\n                    opacity: 0,\n                    color: 'transparent'\n                },\n                '100%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2BrandSelected\n                }\n            }\n        },\n        [`& .${iconRegularClassName}`]: {\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2\n                },\n                '100%': {\n                    opacity: 0,\n                    color: 'transparent'\n                }\n            }\n        }\n    }\n});\n"],"names":["iconFilledClassName","iconRegularClassName","tokens","typographyStyles","__resetStyles","__styles","navItemTokens","defaultDrawerWidth","indicatorOffset","indicatorWidth","indicatorHeight","backgroundColor","colorNeutralBackground4","backgroundColorHover","colorNeutralBackground4Hover","backgroundColorPressed","colorNeutralBackground4Pressed","animationTokens","animationDuration","durationFaster","animationFillMode","animationTimingFunction","curveLinear","transitionTokens","transitionDuration","transitionTimingFunction","transitionProperty","useRootDefaultClassName","useSmallStyles","root","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p","useContentStyles","selected","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useIndicatorStyles","base","E3zdtr","xr36ep","B67388b","Bitv4sc","Br128sd","rjyhj6","Bjyk6c5","Dlnsje","a2br6o","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","faxfa8","bj685l","Bovfycw","B8cfl5i","Bg7zzdw","k","m","useIconStyles","mc9l5x","zoa1oz","sshi5w","Bf4jedk","Bt984gj","Brf1p80","B68tc82","Bmxbyg5","Bpg54ce","B9gejnh","yr4pdu","Bvkmzld","mqdk8l","Gbjhqp","obb2bi","D0sxk3","Esdz9e","Bqil8sh","Bbom3er","djjtid","mz70lj","t6yez3","C9vb3z","ux3ctl","Ba906uv","hndn0g","cw2nnk","Bkztwl0","H8nmoi","ipgedg"],"mappings":"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"}

package/lib-commonjs/components/sharedNavStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/sharedNavStyles.styles.ts"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles } from '@griffel/react';\n\n// Styles shared by several nav components.\n\nexport const navItemTokens = {\n  defaultDrawerWidth: 260,\n  indicatorOffset: 16,\n  indicatorWidth: 4,\n  indicatorHeight: 20,\n  backgroundColor: tokens.colorNeutralBackground4,\n  backgroundColorHover: tokens.colorNeutralBackground4Hover,\n  backgroundColorPressed: tokens.colorNeutralBackground4Pressed,\n  animationTokens: {\n    animationDuration: tokens.durationFaster,\n    animationFillMode: 'both',\n    animationTimingFunction: tokens.curveLinear,\n  },\n  transitionTokens: {\n    transitionDuration: tokens.durationFaster,\n    transitionTimingFunction: tokens.curveLinear,\n    transitionProperty: 'background',\n  },\n};\n\n/**\n * Styles for the root slot\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */\nexport const useRootDefaultClassName = makeResetStyles({\n  display: 'flex',\n  textTransform: 'none',\n  position: 'relative',\n  justifyContent: 'start',\n  alignItems: 'flex-start',\n  textAlign: 'left',\n  gap: tokens.spacingVerticalL,\n  padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalMNudge}`,\n  backgroundColor: navItemTokens.backgroundColor,\n  borderRadius: tokens.borderRadiusMedium,\n  color: tokens.colorNeutralForeground2,\n  textDecorationLine: 'none',\n  border: 'none',\n  // this element can change between a button and an anchor\n  // so we need to reset box sizing to prevent horizontal overflow\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n\n  transitionDuration: navItemTokens.animationTokens.animationDuration,\n  transitionTimingFunction: navItemTokens.animationTokens.animationTimingFunction,\n  transitionProperty: 'background',\n\n  width: '100%',\n  ...typographyStyles.body1,\n  ':hover': {\n    backgroundColor: navItemTokens.backgroundColorHover,\n  },\n\n  // Use custom insert focus indicator\n  '&:focus-visible': {\n    outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n    outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`,\n  },\n});\n\nexport const useSmallStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalMNudge}`,\n  },\n});\n\n/**\n * Styles for the content slot (children)\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */\nexport const useContentStyles = makeStyles({\n  selected: typographyStyles.body1Strong,\n});\n\n/**\n * French fry styles\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n */\nexport const useIndicatorStyles = makeStyles({\n  base: {\n    '::after': {\n      position: 'absolute',\n      ...navItemTokens.animationTokens,\n      animationName: {\n        '0%': { background: 'transparent' },\n        '100%': { background: tokens.colorCompoundBrandForeground1 },\n      },\n\n      marginInlineStart: `-${navItemTokens.indicatorOffset}px`,\n      backgroundColor: tokens.colorCompoundBrandForeground1,\n      height: `${navItemTokens.indicatorHeight}px`,\n      width: `${navItemTokens.indicatorWidth}px`,\n      borderRadius: tokens.borderRadiusCircular,\n      content: '\"\"',\n    },\n    '@media (forced-colors: active)': {\n      '::after': {\n        outline: `solid 2px ${tokens.colorTransparentStroke}`,\n        outlineOffset: '-2px',\n      },\n    },\n  },\n});\n\n/**\n * Styles for the icon slot\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n * We use the grid trick to stack the filled and regular icons on top of each other\n */\nexport const useIconStyles = makeStyles({\n  base: {\n    display: 'grid',\n    gridTemplateAreas: 'overlay-area',\n    minHeight: '20px',\n    minWidth: '20px',\n    alignItems: 'top',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    [`& .${iconFilledClassName}`]: {\n      gridArea: 'overlay-area',\n      color: 'transparent',\n      display: 'none',\n    },\n    [`& .${iconRegularClassName}`]: {\n      gridArea: 'overlay-area',\n      display: 'inline',\n    },\n  },\n  selected: {\n    [`& .${iconFilledClassName}`]: {\n      ...navItemTokens.animationTokens,\n      display: 'inline',\n      animationName: {\n        '0%': {\n          opacity: 0,\n          color: 'transparent',\n        },\n        '100%': {\n          opacity: 1,\n          color: tokens.colorNeutralForeground2BrandSelected,\n        },\n      },\n    },\n    [`& .${iconRegularClassName}`]: {\n      ...navItemTokens.animationTokens,\n      animationName: {\n        '0%': {\n          opacity: 1,\n          color: tokens.colorNeutralForeground2,\n        },\n        '100%': {\n          opacity: 0,\n          color: 'transparent',\n        },\n      },\n    },\n  },\n});\n"],"names":["navItemTokens","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","defaultDrawerWidth","indicatorOffset","indicatorWidth","indicatorHeight","backgroundColor","tokens","colorNeutralBackground4","backgroundColorHover","colorNeutralBackground4Hover","backgroundColorPressed","colorNeutralBackground4Pressed","animationTokens","animationDuration","durationFaster","animationFillMode","animationTimingFunction","curveLinear","transitionTokens","transitionDuration","transitionTimingFunction","transitionProperty","makeResetStyles","display","textTransform","position","justifyContent","alignItems","textAlign","gap","spacingVerticalL","padding","spacingVerticalMNudge","spacingHorizontalS","spacingHorizontalMNudge","borderRadius","borderRadiusMedium","color","colorNeutralForeground2","textDecorationLine","border","boxSizing","cursor","width","typographyStyles","body1","outline","strokeWidthThick","colorStrokeFocus2","outlineOffset","makeStyles","root","spacingVerticalXS","selected","body1Strong","base","animationName","background","colorCompoundBrandForeground1","marginInlineStart","height","borderRadiusCircular","content","colorTransparentStroke","gridTemplateAreas","minHeight","minWidth","overflow","iconFilledClassName","gridArea","iconRegularClassName","opacity","colorNeutralForeground2BrandSelected"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/components/sharedNavStyles.styles.ts"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles } from '@griffel/react';\n\n// Styles shared by several nav components.\n\nexport const navItemTokens = {\n  defaultDrawerWidth: 260,\n  indicatorOffset: 16,\n  indicatorWidth: 4,\n  indicatorHeight: 20,\n  backgroundColor: tokens.colorNeutralBackground4,\n  backgroundColorHover: tokens.colorNeutralBackground4Hover,\n  backgroundColorPressed: tokens.colorNeutralBackground4Pressed,\n  animationTokens: {\n    animationDuration: tokens.durationFaster,\n    animationFillMode: 'both',\n    animationTimingFunction: tokens.curveLinear,\n  },\n  transitionTokens: {\n    transitionDuration: tokens.durationFaster,\n    transitionTimingFunction: tokens.curveLinear,\n    transitionProperty: 'background',\n  },\n};\n\n/**\n * Styles for the root slot\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */\nexport const useRootDefaultClassName = makeResetStyles({\n  display: 'flex',\n  textTransform: 'none',\n  position: 'relative',\n  justifyContent: 'start',\n  alignItems: 'flex-start',\n  textAlign: 'left',\n  gap: tokens.spacingVerticalL,\n  padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalMNudge}`,\n  backgroundColor: navItemTokens.backgroundColor,\n  borderRadius: tokens.borderRadiusMedium,\n  color: tokens.colorNeutralForeground2,\n  textDecorationLine: 'none',\n  border: 'none',\n  // this element can change between a button and an anchor\n  // so we need to reset box sizing to prevent horizontal overflow\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n\n  transitionDuration: navItemTokens.animationTokens.animationDuration,\n  transitionTimingFunction: navItemTokens.animationTokens.animationTimingFunction,\n  transitionProperty: 'background',\n\n  width: '100%',\n  ...typographyStyles.body1,\n  ':hover': {\n    backgroundColor: navItemTokens.backgroundColorHover,\n  },\n\n  // Use custom insert focus indicator\n  '&:focus-visible': {\n    outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n    outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`,\n  },\n});\n\nexport const useSmallStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalMNudge}`,\n  },\n});\n\n/**\n * Styles for the content slot (children)\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */\nexport const useContentStyles = makeStyles({\n  selected: typographyStyles.body1Strong,\n});\n\n/**\n * French fry styles\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n */\nexport const useIndicatorStyles = makeStyles({\n  base: {\n    '::after': {\n      position: 'absolute',\n      ...navItemTokens.animationTokens,\n      animationName: {\n        '0%': { background: 'transparent' },\n        '100%': { background: tokens.colorCompoundBrandForeground1 },\n      },\n\n      marginInlineStart: `-${navItemTokens.indicatorOffset}px`,\n      backgroundColor: tokens.colorCompoundBrandForeground1,\n      height: `${navItemTokens.indicatorHeight}px`,\n      width: `${navItemTokens.indicatorWidth}px`,\n      borderRadius: tokens.borderRadiusCircular,\n      content: '\"\"',\n    },\n    '@media (forced-colors: active)': {\n      '::after': {\n        outline: `solid 2px ${tokens.colorTransparentStroke}`,\n        outlineOffset: '-2px',\n      },\n    },\n  },\n});\n\n/**\n * Styles for the icon slot\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n * We use the grid trick to stack the filled and regular icons on top of each other\n */\nexport const useIconStyles = makeStyles({\n  base: {\n    display: 'grid',\n    gridTemplateAreas: 'overlay-area',\n    minHeight: '20px',\n    minWidth: '20px',\n    alignItems: 'top',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    [`& .${iconFilledClassName}`]: {\n      gridArea: 'overlay-area',\n      color: 'transparent',\n      display: 'none',\n    },\n    [`& .${iconRegularClassName}`]: {\n      gridArea: 'overlay-area',\n      display: 'inline',\n    },\n  },\n  selected: {\n    [`& .${iconFilledClassName}`]: {\n      ...navItemTokens.animationTokens,\n      display: 'inline',\n      animationName: {\n        '0%': {\n          opacity: 0,\n          color: 'transparent',\n        },\n        '100%': {\n          opacity: 1,\n          color: tokens.colorNeutralForeground2BrandSelected,\n        },\n      },\n    },\n    [`& .${iconRegularClassName}`]: {\n      ...navItemTokens.animationTokens,\n      animationName: {\n        '0%': {\n          opacity: 1,\n          color: tokens.colorNeutralForeground2,\n        },\n        '100%': {\n          opacity: 0,\n          color: 'transparent',\n        },\n      },\n    },\n  },\n});\n"],"names":["iconFilledClassName","iconRegularClassName","tokens","typographyStyles","makeResetStyles","makeStyles","navItemTokens","defaultDrawerWidth","indicatorOffset","indicatorWidth","indicatorHeight","backgroundColor","colorNeutralBackground4","backgroundColorHover","colorNeutralBackground4Hover","backgroundColorPressed","colorNeutralBackground4Pressed","animationTokens","animationDuration","durationFaster","animationFillMode","animationTimingFunction","curveLinear","transitionTokens","transitionDuration","transitionTimingFunction","transitionProperty","useRootDefaultClassName","display","textTransform","position","justifyContent","alignItems","textAlign","gap","spacingVerticalL","padding","spacingVerticalMNudge","spacingHorizontalS","spacingHorizontalMNudge","borderRadius","borderRadiusMedium","color","colorNeutralForeground2","textDecorationLine","border","boxSizing","cursor","width","body1","outline","strokeWidthThick","colorStrokeFocus2","outlineOffset","useSmallStyles","root","spacingVerticalXS","useContentStyles","selected","body1Strong","useIndicatorStyles","base","animationName","background","colorCompoundBrandForeground1","marginInlineStart","height","borderRadiusCircular","content","colorTransparentStroke","useIconStyles","gridTemplateAreas","minHeight","minWidth","overflow","gridArea","opacity","colorNeutralForeground2BrandSelected"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/useNavCategoryContextValues_unstable.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryState } from '../NavCategory';\nimport { NavCategoryContextValue, NavCategoryContextValues } from './NavCategoryContext';\n\nexport function useNavCategoryContextValues_unstable(state: NavCategoryState): NavCategoryContextValues {\n  const { open, value } = state;\n  const navCategory = React.useMemo<NavCategoryContextValue>(() => ({ open, value }), [open, value]);\n\n  return { categoryValue: navCategory };\n}\n"],"names":["useNavCategoryContextValues_unstable","state","open","value","navCategory","React","useMemo","categoryValue"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;AAIhB,SAASA,qCAAqCC,KAAuB;IAC1E,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGF;IACxB,MAAMG,cAAcC,OAAMC,OAAO,CAA0B,IAAO,CAAA;YAAEJ;YAAMC;QAAM,CAAA,GAAI;QAACD;QAAMC;KAAM;IAEjG,OAAO;QAAEI,eAAeH;IAAY;AACtC"}
+{"version":3,"sources":["../src/components/useNavCategoryContextValues_unstable.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryState } from '../NavCategory';\nimport { NavCategoryContextValue, NavCategoryContextValues } from './NavCategoryContext';\n\nexport function useNavCategoryContextValues_unstable(state: NavCategoryState): NavCategoryContextValues {\n  const { open, value } = state;\n  const navCategory = React.useMemo<NavCategoryContextValue>(() => ({ open, value }), [open, value]);\n\n  return { categoryValue: navCategory };\n}\n"],"names":["React","useNavCategoryContextValues_unstable","state","open","value","navCategory","useMemo","categoryValue"],"mappings":";;;;+BAIgBC;;;;;;;iEAJO,QAAQ;AAIxB,8CAA8CC,KAAuB;IAC1E,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGF;IACxB,MAAMG,cAAcL,OAAMM,OAAO,CAA0B,IAAO,CAAA;YAAEH;YAAMC;SAAM,CAAA,EAAI;QAACD;QAAMC;KAAM;IAEjG,OAAO;QAAEG,eAAeF;IAAY;AACtC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/useNavCategoryItemContextValues_unstable.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryItemContextValue } from './NavCategoryItemContext';\nimport { NavCategoryItemContextValues, NavCategoryItemState } from './NavCategoryItem/NavCategoryItem.types';\n\nexport function useNavCategoryItemContextValues_unstable(state: NavCategoryItemState): NavCategoryItemContextValues {\n  const { open, value } = state;\n  const navCategoryItem = React.useMemo<NavCategoryItemContextValue>(() => ({ open, value }), [open, value]);\n\n  return { navCategoryItem };\n}\n"],"names":["useNavCategoryItemContextValues_unstable","state","open","value","navCategoryItem","React","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;AAIhB,SAASA,yCAAyCC,KAA2B;IAClF,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGF;IACxB,MAAMG,kBAAkBC,OAAMC,OAAO,CAA8B,IAAO,CAAA;YAAEJ;YAAMC;QAAM,CAAA,GAAI;QAACD;QAAMC;KAAM;IAEzG,OAAO;QAAEC;IAAgB;AAC3B"}
+{"version":3,"sources":["../src/components/useNavCategoryItemContextValues_unstable.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryItemContextValue } from './NavCategoryItemContext';\nimport { NavCategoryItemContextValues, NavCategoryItemState } from './NavCategoryItem/NavCategoryItem.types';\n\nexport function useNavCategoryItemContextValues_unstable(state: NavCategoryItemState): NavCategoryItemContextValues {\n  const { open, value } = state;\n  const navCategoryItem = React.useMemo<NavCategoryItemContextValue>(() => ({ open, value }), [open, value]);\n\n  return { navCategoryItem };\n}\n"],"names":["React","useNavCategoryItemContextValues_unstable","state","open","value","navCategoryItem","useMemo"],"mappings":";;;;+BAIgBC;;;;;;;iEAJO,QAAQ;AAIxB,kDAAkDC,KAA2B;IAClF,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGF;IACxB,MAAMG,kBAAkBL,OAAMM,OAAO,CAA8B,IAAO,CAAA;YAAEH;YAAMC;SAAM,CAAA,EAAI;QAACD;QAAMC;KAAM;IAEzG,OAAO;QAAEC;IAAgB;AAC3B"}

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    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":["React","useNavContextValues_unstable","state","selectedValue","selectedCategoryValue","onRegister","onUnregister","onSelect","getRegisteredNavItems","onRequestNavCategoryItemToggle","openCategories","multiple","density","onNavItemSelect","navContext","useMemo","nav"],"mappings":";;;;+BAGgBC;;;;;;;iEAHO,QAAQ;AAGxB,sCAAsCC,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,aAAad,OAAMe,OAAO,CAC9B,IAAO;YACLZ;YACAC;YACAG;YACAF;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;YACAC;SACF,CAAA,EACA;QACEV;QACAC;QACAG;QACAF;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;KACD;IAGH,OAAO;QAAEG,KAAKF;IAAW;AAC3B"}

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Nav, renderNav_unstable, useNav_unstable, useNavStyles_unstable, navClassNames } from './components/Nav/index';\nexport type { NavProps, NavSlots, NavState, NavDensity, OnNavItemSelectData } from './components/Nav/index';\n\nexport { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';\nexport type { NavCategoryProps, NavCategoryState } from './components/NavCategory/index';\n\nexport {\n  NavCategoryItem,\n  navCategoryItemClassNames,\n  renderNavCategoryItem_unstable,\n  useNavCategoryItem_unstable,\n  useNavCategoryItemStyles_unstable,\n} from './components/NavCategoryItem/index';\nexport type {\n  NavCategoryItemProps,\n  NavCategoryItemSlots,\n  NavCategoryItemState,\n} from './components/NavCategoryItem/index';\n\nexport {\n  NavItem,\n  renderNavItem_unstable,\n  useNavItem_unstable,\n  useNavItemStyles_unstable,\n  navItemClassNames,\n} from './components/NavItem/index';\nexport type { NavItemSlots, NavItemProps, NavItemState } from './components/NavItem/index';\n\nexport { NavProvider, useNavContext_unstable } from './components/NavContext';\nexport type {\n  NavItemValue,\n  NavContextValue,\n  NavContextValues,\n  NavItemRegisterData,\n  RegisterNavItemEventHandler,\n} from './components/NavContext.types';\n\nexport {\n  NavSubItem,\n  renderNavSubItem_unstable,\n  useNavSubItem_unstable,\n  useNavSubItemStyles_unstable,\n  navSubItemClassNames,\n} from './components/NavSubItem/index';\nexport type { NavSubItemSlots, NavSubItemProps, NavSubItemState } from './components/NavSubItem/index';\n\nexport {\n  NavSubItemGroup,\n  renderNavSubItemGroup_unstable,\n  useNavSubItemGroup_unstable,\n  useNavSubItemGroupStyles_unstable,\n  navSubItemGroupClassNames,\n} from './components/NavSubItemGroup/index';\nexport type {\n  NavSubItemGroupSlots,\n  NavSubItemGroupProps,\n  NavSubItemGroupState,\n} from './components/NavSubItemGroup/index';\nexport type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './NavDrawer';\nexport {\n  NavDrawer,\n  navDrawerClassNames,\n  renderNavDrawer_unstable,\n  useNavDrawerStyles_unstable,\n  useNavDrawer_unstable,\n} from './NavDrawer';\nexport type { NavDrawerFooterProps, NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter';\nexport {\n  NavDrawerFooter,\n  navDrawerFooterClassNames,\n  useNavDrawerFooterStyles_unstable,\n  useNavDrawerFooter_unstable,\n} from './NavDrawerFooter';\nexport type { NavDrawerHeaderProps, NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader';\nexport {\n  NavDrawerHeader,\n  navDrawerHeaderClassNames,\n  useNavDrawerHeaderStyles_unstable,\n  useNavDrawerHeader_unstable,\n} from './NavDrawerHeader';\nexport type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody';\nexport {\n  NavDrawerBody,\n  navDrawerBodyClassNames,\n  useNavDrawerBodyStyles_unstable,\n  useNavDrawerBody_unstable,\n} from './NavDrawerBody';\nexport type { HamburgerProps, HamburgerState } from './Hamburger';\nexport { Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable } from './Hamburger';\nexport type { NavSectionHeaderProps, NavSectionHeaderSlots, NavSectionHeaderState } from './NavSectionHeader';\nexport {\n  NavSectionHeader,\n  navSectionHeaderClassNames,\n  renderNavSectionHeader_unstable,\n  useNavSectionHeaderStyles_unstable,\n  useNavSectionHeader_unstable,\n} from './NavSectionHeader';\nexport type { NavDividerProps, NavDividerState } from './NavDivider';\nexport { NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable } from './NavDivider';\nexport type { AppItemProps, AppItemSlots, AppItemState } from './AppItem';\nexport {\n  AppItem,\n  appItemClassNames,\n  renderAppItem_unstable,\n  useAppItemStyles_unstable,\n  useAppItem_unstable,\n} from './AppItem';\nexport type { AppItemStaticProps, AppItemStaticSlots, AppItemStaticState } from './AppItemStatic';\nexport {\n  AppItemStatic,\n  appItemStaticClassNames,\n  renderAppItemStatic_unstable,\n  useAppItemStaticStyles_unstable,\n  useAppItemStatic_unstable,\n} from './AppItemStatic';\nexport type { SplitNavItemProps, SplitNavItemSlots, SplitNavItemState } from './SplitNavItem';\nexport {\n  SplitNavItem,\n  renderSplitNavItem_unstable,\n  splitNavItemClassNames,\n  useSplitNavItemStyles_unstable,\n  useSplitNavItem_unstable,\n} from './SplitNavItem';\n\nexport type { NavCategoryContextValues } from './components/NavCategoryContext';\nexport { NavCategoryProvider, useNavCategoryContext_unstable } from './components/NavCategoryContext';\nexport { useNavCategoryContextValues_unstable } from './components/useNavCategoryContextValues_unstable';\n\nexport type { NavCategoryItemContextValues } from './components/NavCategoryItem/NavCategoryItem.types';\nexport { NavCategoryItemProvider, useNavCategoryItemContext_unstable } from './components/NavCategoryItemContext';\nexport { useNavCategoryItemContextValues_unstable } from './components/useNavCategoryItemContextValues_unstable';\n\nexport { useNavContextValues_unstable } from './components/useNavContextValues';\n"],"names":["AppItem","AppItemStatic","Hamburger","Nav","NavCategory","NavCategoryItem","NavCategoryItemProvider","NavCategoryProvider","NavDivider","NavDrawer","NavDrawerBody","NavDrawerFooter","NavDrawerHeader","NavItem","NavProvider","NavSectionHeader","NavSubItem","NavSubItemGroup","SplitNavItem","appItemClassNames","appItemStaticClassNames","hamburgerClassNames","navCategoryItemClassNames","navClassNames","navDividerClassNames","navDrawerBodyClassNames","navDrawerClassNames","navDrawerFooterClassNames","navDrawerHeaderClassNames","navItemClassNames","navSectionHeaderClassNames","navSubItemClassNames","navSubItemGroupClassNames","renderAppItemStatic_unstable","renderAppItem_unstable","renderNavCategoryItem_unstable","renderNavCategory_unstable","renderNavDrawer_unstable","renderNavItem_unstable","renderNavSectionHeader_unstable","renderNavSubItemGroup_unstable","renderNavSubItem_unstable","renderNav_unstable","renderSplitNavItem_unstable","splitNavItemClassNames","useAppItemStaticStyles_unstable","useAppItemStatic_unstable","useAppItemStyles_unstable","useAppItem_unstable","useHamburgerStyles_unstable","useHamburger_unstable","useNavCategoryContextValues_unstable","useNavCategoryContext_unstable","useNavCategoryItemContextValues_unstable","useNavCategoryItemContext_unstable","useNavCategoryItemStyles_unstable","useNavCategoryItem_unstable","useNavCategory_unstable","useNavContextValues_unstable","useNavContext_unstable","useNavDividerStyles_unstable","useNavDivider_unstable","useNavDrawerBodyStyles_unstable","useNavDrawerBody_unstable","useNavDrawerFooterStyles_unstable","useNavDrawerFooter_unstable","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable","useNavDrawerStyles_unstable","useNavDrawer_unstable","useNavItemStyles_unstable","useNavItem_unstable","useNavSectionHeaderStyles_unstable","useNavSectionHeader_unstable","useNavStyles_unstable","useNavSubItemGroupStyles_unstable","useNavSubItemGroup_unstable","useNavSubItemStyles_unstable","useNavSubItem_unstable","useNav_unstable","useSplitNavItemStyles_unstable","useSplitNavItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Nav, renderNav_unstable, useNav_unstable, useNavStyles_unstable, navClassNames } from './components/Nav/index';\nexport type { NavProps, NavSlots, NavState, NavDensity, OnNavItemSelectData } from './components/Nav/index';\n\nexport { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';\nexport type { NavCategoryProps, NavCategoryState } from './components/NavCategory/index';\n\nexport {\n  NavCategoryItem,\n  navCategoryItemClassNames,\n  renderNavCategoryItem_unstable,\n  useNavCategoryItem_unstable,\n  useNavCategoryItemStyles_unstable,\n} from './components/NavCategoryItem/index';\nexport type {\n  NavCategoryItemProps,\n  NavCategoryItemSlots,\n  NavCategoryItemState,\n} from './components/NavCategoryItem/index';\n\nexport {\n  NavItem,\n  renderNavItem_unstable,\n  useNavItem_unstable,\n  useNavItemStyles_unstable,\n  navItemClassNames,\n} from './components/NavItem/index';\nexport type { NavItemSlots, NavItemProps, NavItemState } from './components/NavItem/index';\n\nexport { NavProvider, useNavContext_unstable } from './components/NavContext';\nexport type {\n  NavItemValue,\n  NavContextValue,\n  NavContextValues,\n  NavItemRegisterData,\n  RegisterNavItemEventHandler,\n} from './components/NavContext.types';\n\nexport {\n  NavSubItem,\n  renderNavSubItem_unstable,\n  useNavSubItem_unstable,\n  useNavSubItemStyles_unstable,\n  navSubItemClassNames,\n} from './components/NavSubItem/index';\nexport type { NavSubItemSlots, NavSubItemProps, NavSubItemState } from './components/NavSubItem/index';\n\nexport {\n  NavSubItemGroup,\n  renderNavSubItemGroup_unstable,\n  useNavSubItemGroup_unstable,\n  useNavSubItemGroupStyles_unstable,\n  navSubItemGroupClassNames,\n} from './components/NavSubItemGroup/index';\nexport type {\n  NavSubItemGroupSlots,\n  NavSubItemGroupProps,\n  NavSubItemGroupState,\n} from './components/NavSubItemGroup/index';\nexport type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './NavDrawer';\nexport {\n  NavDrawer,\n  navDrawerClassNames,\n  renderNavDrawer_unstable,\n  useNavDrawerStyles_unstable,\n  useNavDrawer_unstable,\n} from './NavDrawer';\nexport type { NavDrawerFooterProps, NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter';\nexport {\n  NavDrawerFooter,\n  navDrawerFooterClassNames,\n  useNavDrawerFooterStyles_unstable,\n  useNavDrawerFooter_unstable,\n} from './NavDrawerFooter';\nexport type { NavDrawerHeaderProps, NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader';\nexport {\n  NavDrawerHeader,\n  navDrawerHeaderClassNames,\n  useNavDrawerHeaderStyles_unstable,\n  useNavDrawerHeader_unstable,\n} from './NavDrawerHeader';\nexport type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody';\nexport {\n  NavDrawerBody,\n  navDrawerBodyClassNames,\n  useNavDrawerBodyStyles_unstable,\n  useNavDrawerBody_unstable,\n} from './NavDrawerBody';\nexport type { HamburgerProps, HamburgerState } from './Hamburger';\nexport { Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable } from './Hamburger';\nexport type { NavSectionHeaderProps, NavSectionHeaderSlots, NavSectionHeaderState } from './NavSectionHeader';\nexport {\n  NavSectionHeader,\n  navSectionHeaderClassNames,\n  renderNavSectionHeader_unstable,\n  useNavSectionHeaderStyles_unstable,\n  useNavSectionHeader_unstable,\n} from './NavSectionHeader';\nexport type { NavDividerProps, NavDividerState } from './NavDivider';\nexport { NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable } from './NavDivider';\nexport type { AppItemProps, AppItemSlots, AppItemState } from './AppItem';\nexport {\n  AppItem,\n  appItemClassNames,\n  renderAppItem_unstable,\n  useAppItemStyles_unstable,\n  useAppItem_unstable,\n} from './AppItem';\nexport type { AppItemStaticProps, AppItemStaticSlots, AppItemStaticState } from './AppItemStatic';\nexport {\n  AppItemStatic,\n  appItemStaticClassNames,\n  renderAppItemStatic_unstable,\n  useAppItemStaticStyles_unstable,\n  useAppItemStatic_unstable,\n} from './AppItemStatic';\nexport type { SplitNavItemProps, SplitNavItemSlots, SplitNavItemState } from './SplitNavItem';\nexport {\n  SplitNavItem,\n  renderSplitNavItem_unstable,\n  splitNavItemClassNames,\n  useSplitNavItemStyles_unstable,\n  useSplitNavItem_unstable,\n} from './SplitNavItem';\n\nexport type { NavCategoryContextValues } from './components/NavCategoryContext';\nexport { NavCategoryProvider, useNavCategoryContext_unstable } from './components/NavCategoryContext';\nexport { useNavCategoryContextValues_unstable } from './components/useNavCategoryContextValues_unstable';\n\nexport type { NavCategoryItemContextValues } from './components/NavCategoryItem/NavCategoryItem.types';\nexport { NavCategoryItemProvider, useNavCategoryItemContext_unstable } from './components/NavCategoryItemContext';\nexport { useNavCategoryItemContextValues_unstable } from './components/useNavCategoryItemContextValues_unstable';\n\nexport { useNavContextValues_unstable } from './components/useNavContextValues';\n"],"names":["Nav","renderNav_unstable","useNav_unstable","useNavStyles_unstable","navClassNames","NavCategory","renderNavCategory_unstable","useNavCategory_unstable","NavCategoryItem","navCategoryItemClassNames","renderNavCategoryItem_unstable","useNavCategoryItem_unstable","useNavCategoryItemStyles_unstable","NavItem","renderNavItem_unstable","useNavItem_unstable","useNavItemStyles_unstable","navItemClassNames","NavProvider","useNavContext_unstable","NavSubItem","renderNavSubItem_unstable","useNavSubItem_unstable","useNavSubItemStyles_unstable","navSubItemClassNames","NavSubItemGroup","renderNavSubItemGroup_unstable","useNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","navSubItemGroupClassNames","NavDrawer","navDrawerClassNames","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavDrawer_unstable","NavDrawerFooter","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable","useNavDrawerFooter_unstable","NavDrawerHeader","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable","NavDrawerBody","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable","useNavDrawerBody_unstable","Hamburger","hamburgerClassNames","useHamburgerStyles_unstable","useHamburger_unstable","NavSectionHeader","navSectionHeaderClassNames","renderNavSectionHeader_unstable","useNavSectionHeaderStyles_unstable","useNavSectionHeader_unstable","NavDivider","navDividerClassNames","useNavDividerStyles_unstable","useNavDivider_unstable","AppItem","appItemClassNames","renderAppItem_unstable","useAppItemStyles_unstable","useAppItem_unstable","AppItemStatic","appItemStaticClassNames","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","useAppItemStatic_unstable","SplitNavItem","renderSplitNavItem_unstable","splitNavItemClassNames","useSplitNavItemStyles_unstable","useSplitNavItem_unstable","NavCategoryProvider","useNavCategoryContext_unstable","useNavCategoryContextValues_unstable","NavCategoryItemProvider","useNavCategoryItemContext_unstable","useNavCategoryItemContextValues_unstable","useNavContextValues_unstable"],"mappings":";;;;;;;;;;;WAqGS;eAAP4D;;IAQAK,aAAa;;;;eArBNlB,oBAAS;;IAxFT/C;yBAAG;;;eAGHK,mBAAW;;;eAIlBG,uBAAe;;2BA0He;eAAvBsE;;IAJAH,mBAAmB;;;cA3BT;eAAVnB;;IAtCP1B;mCAAS;;;eAsBTa,4BAAa;;;eAdbR,gCAAe;;;eAOfI,gCAAe;;WAvDR;eAAP1B;;;eAQOK,uBAAW;;;eA+DlBiC,kCAAgB;;;eArDhB/B,kBAAU;;IASVK,eAAe;;;gBAsEH;eAAZ6C;;;eAfAT,0BAAiB;;IAQjBK;qDAAuB;;;eAtBLlB,8BAAmB;;;eAhFrCvC,iCAAyB;;;eAR+CL,oBAAa;;;eAkGlEqD,gCAAoB;;;eAfvCb,sCAAuB;;IAtBvBb,mBAAmB;;;;eAQnBK,0CAAyB;;IAOzBI;yDAAyB;;IApDzBvB;wCAAiB;;;eAoEjBmC,4CAA0B;;;eAlD1B5B,4BAAoB;;;eASpBK,iCAAyB;;;eA4DzBsC,2CAA4B;;;eAR5BL,+BAAsB;;;eA9FtBpD,sCAA8B;;;eANVJ,kCAA0B;;;eA2D9C0B,mCAAwB;;;eAzCxBlB,8BAAsB;;;eAwEtBuC,iDAA+B;;;eA7C/B3B,sCAA8B;;IAT9BL;gDAAyB;;;eAvCbpB,yBAAkB;;;eAsH9BsE,yCAA2B;;;eAC3BC,oCAAsB;;;eAPtBJ,8CAA+B;;;eAC/BC,wCAAyB;;IATzBN,yBAAyB;;;;eACzBC,4BAAmB;;IAjBoBf;qDAA2B;;;eAAEC,gCAAqB;;;eAsClF2B,0EAAoC;;;eADfD,kDAA8B;;;eAKnDI,kFAAwC;;sCADmB;eAAlCD;;;eAtHhCnE,yCAAiC;;IADjCD;kDAA2B;;;eAPqBJ,+BAAuB;;;eAiIhE0E,iDAA4B;;0BAxGO;eAAtB9D;;IAsEqBuC,4BAA4B;;;;eAAEC,kCAAsB;;IAd7Fd,+BAA+B;;;;eAC/BC,wCAAyB;;;eAfzBT,kDAAiC;;IACjCC,2BAA2B;;;;eAM3BG,kDAAiC;;;eACjCC,4CAA2B;;;eAf3BT,sCAA2B;;;eAC3BC,gCAAqB;;;eAzCrBlB,iCAAyB;;;eADzBD,2BAAmB;;;eAwEnBuC,oDAAkC;;gCACN;eAA5BC;;;eA/FiDpD,4BAAqB;;;eAkDtEyB,yCAAiC;;;eADjCD,mCAA2B;;;eAR3BJ,oCAA4B;;;eAD5BD,8BAAsB;;;eAxCUpB,sBAAe;;;eAwH/CuE,4CAA8B;;;eAC9BC,sCAAwB;;;uBAzHqE,yBAAyB;wBAGvC,iCAAiC;wBAS3G,qCAAqC;wBAarC,6BAA6B;4BAGgB,0BAA0B;wBAevE,gCAAgC;wBAShC,qCAAqC;2BAarC,cAAc;iCAOd,oBAAoB;iCAOpB,oBAAoB;+BAOpB,kBAAkB;2BAE0E,cAAc;kCAQ1G,qBAAqB;4BAE2E,eAAe;yBAQ/G,YAAY;+BAQZ,kBAAkB;8BAQlB,iBAAiB;oCAG4C,kCAAkC;sDACjD,oDAAoD;wCAG7B,sCAAsC;0DACzD,wDAAwD;qCAEpE,mCAAmC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-nav",
-  "version": "9.3.0",
+  "version": "9.3.2",
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,19 +18,19 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.15.4",
-    "@fluentui/react-button": "^9.6.0",
-    "@fluentui/react-context-selector": "^9.2.2",
-    "@fluentui/react-divider": "^9.4.0",
-    "@fluentui/react-drawer": "^9.9.0",
+    "@fluentui/react-aria": "^9.16.1",
+    "@fluentui/react-button": "^9.6.2",
+    "@fluentui/react-context-selector": "^9.2.4",
+    "@fluentui/react-divider": "^9.4.2",
+    "@fluentui/react-drawer": "^9.9.2",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.1.2",
-    "@fluentui/react-motion": "^9.9.0",
-    "@fluentui/react-shared-contexts": "^9.24.0",
-    "@fluentui/react-tabster": "^9.26.0",
-    "@fluentui/react-theme": "^9.1.24",
-    "@fluentui/react-tooltip": "^9.8.0",
-    "@fluentui/react-utilities": "^9.22.0",
+    "@fluentui/react-jsx-runtime": "^9.1.4",
+    "@fluentui/react-motion": "^9.10.1",
+    "@fluentui/react-shared-contexts": "^9.24.1",
+    "@fluentui/react-tabster": "^9.26.2",
+    "@fluentui/react-theme": "^9.2.0",
+    "@fluentui/react-tooltip": "^9.8.2",
+    "@fluentui/react-utilities": "^9.23.1",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },