@fluentui/react-nav 0.0.0-nightly-20250717-0406.1 → 0.0.0-nightly-20250721-0406.1

package/CHANGELOG.md

@@ -1,31 +1,46 @@
 # Change Log - @fluentui/react-nav
 
-This log was last generated on Thu, 17 Jul 2025 04:20:52 GMT and should not be manually modified.
+This log was last generated on Mon, 21 Jul 2025 04:21:09 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250717-0406.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v0.0.0-nightly-20250717-0406.1)
+## [0.0.0-nightly-20250721-0406.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v0.0.0-nightly-20250721-0406.1)
 
-Thu, 17 Jul 2025 04:20:52 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.2.4..@fluentui/react-nav_v0.0.0-nightly-20250717-0406.1)
+Mon, 21 Jul 2025 04:21:09 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.3.0..@fluentui/react-nav_v0.0.0-nightly-20250721-0406.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-aria to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-button to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-context-selector to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-divider to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-drawer to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-motion to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-conformance to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250717-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f0495e8b8894cf07db8628dd12264bb8ef07e4e) by beachball)
+- Bump @fluentui/react-aria to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-button to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-context-selector to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-divider to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-drawer to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-motion to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250721-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/d866eeb4be9d6df8669dedffe9e870fa3306bcd0) by beachball)
+
+## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.3.0)
+
+Thu, 17 Jul 2025 13:49:42 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.2.4..@fluentui/react-nav_v9.3.0)
+
+### Minor changes
+
+- feat: enable griffel raw styles ([PR #34853](https://github.com/microsoft/fluentui/pull/34853) by martinhochel@microsoft.com)
+- Bump @fluentui/react-aria to v9.15.4 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-button to v9.6.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-divider to v9.4.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-drawer to v9.9.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-tabster to v9.26.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
+- Bump @fluentui/react-tooltip to v9.8.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
 
 ## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.2.4)
 

package/lib/components/AppItem/useAppItemStyles.styles.raw.js

@@ -0,0 +1,42 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';
+export const appItemClassNames = {
+    root: 'fui-AppItem',
+    icon: 'fui-AppItem__icon'
+};
+/**
+ * Styles for the root slot
+ */ export const useAppItemStyles = makeStyles({
+    root: {
+        marginInline: '4px',
+        width: 'revert',
+        alignItems: 'center',
+        gap: '10px',
+        marginInlineStart: '-6px',
+        marginInlineEnd: '0px',
+        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,
+        ...typographyStyles.subtitle2
+    },
+    small: {
+        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} 14px`,
+        gap: '14px'
+    },
+    absentIconRootAdjustment: {
+        paddingInlineStart: '16px'
+    }
+});
+/**
+ * Apply styling to the AppItem slots based on the state
+ */ export const useAppItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootDefaultClassName = useRootDefaultClassName();
+    const iconStyles = useIconStyles();
+    const appItemSpecificStyles = useAppItemStyles();
+    const { density, icon } = state;
+    state.root.className = mergeClasses(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
+    if (state.icon) {
+        state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);
+    }
+    return state;
+};

package/lib/components/AppItem/useAppItemStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/useAppItemStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { AppItemSlots, AppItemState } from './AppItem.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const appItemClassNames: SlotClassNames<AppItemSlots> = {\n  root: 'fui-AppItem',\n  icon: 'fui-AppItem__icon',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useAppItemStyles = makeStyles({\n  root: {\n    marginInline: '4px',\n    width: 'revert',\n    alignItems: 'center',\n    gap: '10px',\n    marginInlineStart: '-6px',\n    marginInlineEnd: '0px',\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,\n    ...typographyStyles.subtitle2,\n  },\n  small: {\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} 14px`,\n    gap: '14px',\n  },\n  absentIconRootAdjustment: {\n    paddingInlineStart: '16px',\n  },\n});\n\n/**\n * Apply styling to the AppItem slots based on the state\n */\nexport const useAppItemStyles_unstable = (state: AppItemState): AppItemState => {\n  'use no memo';\n\n  const rootDefaultClassName = useRootDefaultClassName();\n  const iconStyles = useIconStyles();\n  const appItemSpecificStyles = useAppItemStyles();\n\n  const { density, icon } = state;\n\n  state.root.className = mergeClasses(\n    rootDefaultClassName,\n    appItemClassNames.root,\n    appItemSpecificStyles.root,\n    density === 'small' && appItemSpecificStyles.small,\n    !icon && appItemSpecificStyles.absentIconRootAdjustment,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","useIconStyles","useRootDefaultClassName","appItemClassNames","root","icon","useAppItemStyles","marginInline","width","alignItems","gap","marginInlineStart","marginInlineEnd","padding","spacingVerticalS","spacingHorizontalS","spacingHorizontalMNudge","subtitle2","small","absentIconRootAdjustment","paddingInlineStart","useAppItemStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","density","className","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AACjE,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,4BAA4B;AAEnF,OAAO,MAAMC,oBAAkD;IAC7DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,mBAAmBT,WAAW;IACzCO,MAAM;QACJG,cAAc;QACdC,OAAO;QACPC,YAAY;QACZC,KAAK;QACLC,mBAAmB;QACnBC,iBAAiB;QACjBC,SAAS,CAAC,EAAEd,OAAOe,gBAAgB,CAAC,CAAC,EAAEf,OAAOgB,kBAAkB,CAAC,CAAC,EAAEhB,OAAOe,gBAAgB,CAAC,CAAC,EAAEf,OAAOiB,uBAAuB,CAAC,CAAC;QAC/H,GAAGhB,iBAAiBiB,SAAS;IAC/B;IACAC,OAAO;QACLL,SAAS,CAAC,EAAEd,OAAOe,gBAAgB,CAAC,CAAC,EAAEf,OAAOgB,kBAAkB,CAAC,CAAC,EAAEhB,OAAOe,gBAAgB,CAAC,KAAK,CAAC;QAClGJ,KAAK;IACP;IACAS,0BAA0B;QACxBC,oBAAoB;IACtB;AACF,GAAG;AAEH;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC;IACxC;IAEA,MAAMC,uBAAuBrB;IAC7B,MAAMsB,aAAavB;IACnB,MAAMwB,wBAAwBnB;IAE9B,MAAM,EAAEoB,OAAO,EAAErB,IAAI,EAAE,GAAGiB;IAE1BA,MAAMlB,IAAI,CAACuB,SAAS,GAAG7B,aACrByB,sBACApB,kBAAkBC,IAAI,EACtBqB,sBAAsBrB,IAAI,EAC1BsB,YAAY,WAAWD,sBAAsBP,KAAK,EAClD,CAACb,QAAQoB,sBAAsBN,wBAAwB,EACvDG,MAAMlB,IAAI,CAACuB,SAAS;IAGtB,IAAIL,MAAMjB,IAAI,EAAE;QACdiB,MAAMjB,IAAI,CAACsB,SAAS,GAAG7B,aAAaK,kBAAkBE,IAAI,EAAEmB,WAAWI,IAAI,EAAEN,MAAMjB,IAAI,CAACsB,SAAS;IACnG;IAEA,OAAOL;AACT,EAAE"}

package/lib/components/AppItemStatic/useAppItemStaticStyles.styles.raw.js

@@ -0,0 +1,33 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { useAppItemStyles } from '../AppItem/useAppItemStyles.styles';
+import { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';
+export const appItemStaticClassNames = {
+    root: 'fui-AppItemStatic',
+    icon: 'fui-AppItemStatic__icon'
+};
+const useAppItemStaticStyles = makeStyles({
+    root: {
+        cursor: 'default',
+        ':hover': {
+            backgroundColor: 'unset'
+        },
+        ':active': {
+            backgroundColor: 'unset'
+        }
+    }
+});
+/**
+ * Apply styling to the AppItemStatic slots based on the state
+ */ export const useAppItemStaticStyles_unstable = (state)=>{
+    'use no memo';
+    const rootDefaultClassName = useRootDefaultClassName();
+    const iconStyles = useIconStyles();
+    const appItemSpecificStyles = useAppItemStyles();
+    const appItemStaticStyles = useAppItemStaticStyles();
+    const { density, icon } = state;
+    state.root.className = mergeClasses(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
+    if (state.icon) {
+        state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);
+    }
+    return state;
+};

package/lib/components/AppItemStatic/useAppItemStaticStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/useAppItemStaticStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { AppItemStaticSlots, AppItemStaticState } from './AppItemStatic.types';\nimport { useAppItemStyles } from '../AppItem/useAppItemStyles.styles';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const appItemStaticClassNames: SlotClassNames<AppItemStaticSlots> = {\n  root: 'fui-AppItemStatic',\n  icon: 'fui-AppItemStatic__icon',\n};\n\nconst useAppItemStaticStyles = makeStyles({\n  root: {\n    cursor: 'default',\n    ':hover': {\n      backgroundColor: 'unset',\n    },\n    ':active': {\n      backgroundColor: 'unset',\n    },\n  },\n});\n\n/**\n * Apply styling to the AppItemStatic slots based on the state\n */\nexport const useAppItemStaticStyles_unstable = (state: AppItemStaticState): AppItemStaticState => {\n  'use no memo';\n\n  const rootDefaultClassName = useRootDefaultClassName();\n  const iconStyles = useIconStyles();\n  const appItemSpecificStyles = useAppItemStyles();\n  const appItemStaticStyles = useAppItemStaticStyles();\n\n  const { density, icon } = state;\n\n  state.root.className = mergeClasses(\n    rootDefaultClassName,\n    appItemStaticClassNames.root,\n    appItemSpecificStyles.root,\n    appItemStaticStyles.root,\n    density === 'small' && appItemSpecificStyles.small,\n    !icon && appItemSpecificStyles.absentIconRootAdjustment,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","useAppItemStyles","useIconStyles","useRootDefaultClassName","appItemStaticClassNames","root","icon","useAppItemStaticStyles","cursor","backgroundColor","useAppItemStaticStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","appItemStaticStyles","density","className","small","absentIconRootAdjustment","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,gBAAgB,QAAQ,qCAAqC;AACtE,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,4BAA4B;AAEnF,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,yBAAyBR,WAAW;IACxCM,MAAM;QACJG,QAAQ;QACR,UAAU;YACRC,iBAAiB;QACnB;QACA,WAAW;YACTA,iBAAiB;QACnB;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,uBAAuBT;IAC7B,MAAMU,aAAaX;IACnB,MAAMY,wBAAwBb;IAC9B,MAAMc,sBAAsBR;IAE5B,MAAM,EAAES,OAAO,EAAEV,IAAI,EAAE,GAAGK;IAE1BA,MAAMN,IAAI,CAACY,SAAS,GAAGjB,aACrBY,sBACAR,wBAAwBC,IAAI,EAC5BS,sBAAsBT,IAAI,EAC1BU,oBAAoBV,IAAI,EACxBW,YAAY,WAAWF,sBAAsBI,KAAK,EAClD,CAACZ,QAAQQ,sBAAsBK,wBAAwB,EACvDR,MAAMN,IAAI,CAACY,SAAS;IAGtB,IAAIN,MAAML,IAAI,EAAE;QACdK,MAAML,IAAI,CAACW,SAAS,GAAGjB,aAAaI,wBAAwBE,IAAI,EAAEO,WAAWO,IAAI,EAAET,MAAML,IAAI,CAACW,SAAS;IACzG;IAEA,OAAON;AACT,EAAE"}

package/lib/components/Hamburger/useHamburgerStyles.styles.raw.js

@@ -0,0 +1,34 @@
+import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { useButtonStyles_unstable } from '@fluentui/react-button';
+import { navItemTokens } from '../sharedNavStyles.styles';
+export const hamburgerClassNames = {
+    root: 'fui-Hamburger',
+    icon: 'fui-Hamburger__icon'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        textDecorationLine: 'none',
+        backgroundColor: navItemTokens.backgroundColor,
+        ...shorthands.border('none'),
+        ':hover': {
+            backgroundColor: navItemTokens.backgroundColorHover
+        },
+        ':active': {
+            backgroundColor: navItemTokens.backgroundColorPressed
+        }
+    }
+});
+/**
+ * Apply styling to the Hamburger slots based on the state
+ */ export const useHamburgerStyles_unstable = (state)=>{
+    'use no memo';
+    useButtonStyles_unstable(state);
+    const styles = useStyles();
+    state.root.className = mergeClasses(hamburgerClassNames.root, styles.root, state.root.className);
+    if (state.icon) {
+        state.icon.className = mergeClasses(hamburgerClassNames.icon, state.icon.className);
+    }
+    return state;
+};

package/lib/components/Hamburger/useHamburgerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hamburger/useHamburgerStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { ButtonSlots, useButtonStyles_unstable } from '@fluentui/react-button';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { HamburgerState } from './Hamburger.types';\nimport { navItemTokens } from '../sharedNavStyles.styles';\n\nexport const hamburgerClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fui-Hamburger',\n  icon: 'fui-Hamburger__icon',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    textDecorationLine: 'none',\n    backgroundColor: navItemTokens.backgroundColor,\n    ...shorthands.border('none'),\n    ':hover': {\n      backgroundColor: navItemTokens.backgroundColorHover,\n    },\n    ':active': {\n      backgroundColor: navItemTokens.backgroundColorPressed,\n    },\n  },\n});\n\n/**\n * Apply styling to the Hamburger slots based on the state\n */\nexport const useHamburgerStyles_unstable = (state: HamburgerState): HamburgerState => {\n  'use no memo';\n\n  useButtonStyles_unstable(state);\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(hamburgerClassNames.root, styles.root, state.root.className);\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(hamburgerClassNames.icon, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","useButtonStyles_unstable","navItemTokens","hamburgerClassNames","root","icon","useStyles","textDecorationLine","backgroundColor","border","backgroundColorHover","backgroundColorPressed","useHamburgerStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AACtE,SAAsBC,wBAAwB,QAAQ,yBAAyB;AAG/E,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,OAAO,MAAMC,sBAAmD;IAC9DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYR,WAAW;IAC3BM,MAAM;QACJG,oBAAoB;QACpBC,iBAAiBN,cAAcM,eAAe;QAC9C,GAAGR,WAAWS,MAAM,CAAC,OAAO;QAC5B,UAAU;YACRD,iBAAiBN,cAAcQ,oBAAoB;QACrD;QACA,WAAW;YACTF,iBAAiBN,cAAcS,sBAAsB;QACvD;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC;IAC1C;IAEAZ,yBAAyBY;IACzB,MAAMC,SAASR;IAEfO,MAAMT,IAAI,CAACW,SAAS,GAAGhB,aAAaI,oBAAoBC,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAE/F,IAAIF,MAAMR,IAAI,EAAE;QACdQ,MAAMR,IAAI,CAACU,SAAS,GAAGhB,aAAaI,oBAAoBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACpF;IAEA,OAAOF;AACT,EAAE"}

package/lib/components/Nav/useNavStyles.styles.raw.js

@@ -0,0 +1,22 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+export const navClassNames = {
+    root: 'fui-Nav'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        display: 'flex',
+        flexDirection: 'column'
+    }
+});
+/**
+ * Apply styling to the Nav slots based on the state
+ */ export const useNavStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(navClassNames.root, styles.root, state.root.className);
+    // TODO Add class names to slots, for example:
+    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+    return state;
+};

package/lib/components/Nav/useNavStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/useNavStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavSlots, NavState } from './Nav.types';\n\nexport const navClassNames: SlotClassNames<NavSlots> = {\n  root: 'fui-Nav',\n  // TODO: add class names for all slots on NavSlots.\n  // Should be of the form `<slotName>: 'fui-Nav__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the Nav slots based on the state\n */\nexport const useNavStyles_unstable = (state: NavState): NavState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(navClassNames.root, styles.root, state.root.className);\n\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","navClassNames","root","useStyles","display","flexDirection","useNavStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAI1D,OAAO,MAAMC,gBAA0C;IACrDC,MAAM;AAGR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYJ,WAAW;IAC3BG,MAAM;QACJE,SAAS;QACTC,eAAe;IACjB;AAGF;AAEA;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC;IACpC;IAEA,MAAMC,SAASL;IACfI,MAAML,IAAI,CAACO,SAAS,GAAGT,aAAaC,cAAcC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAEzF,8CAA8C;IAC9C,gFAAgF;IAEhF,OAAOF;AACT,EAAE"}

package/lib/components/NavCategoryItem/useNavCategoryItem.styles.raw.js

@@ -0,0 +1,45 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+import { useContentStyles, useIconStyles, useIndicatorStyles, useRootDefaultClassName, useSmallStyles } from '../sharedNavStyles.styles';
+export const navCategoryItemClassNames = {
+    root: 'fui-NavCategoryItem',
+    icon: 'fui-NavCategoryItem__icon',
+    expandIcon: 'fui-NavCategoryItem__expandIcon',
+    expandIconMotion: 'fui-NavCategoryItem__expandIconMotion'
+};
+const useExpandIconStyles = makeStyles({
+    base: {
+        marginInlineStart: 'auto',
+        height: '20px'
+    },
+    open: {
+        transform: 'rotate(90deg)'
+    },
+    selected: typographyStyles.body1Strong
+});
+/**
+ * Styles for the root slot
+ */ export const useRootStyles = makeStyles({
+    base: {
+        width: '100%'
+    }
+});
+/**
+ * Apply styling to the NavCategoryItem slots based on the state
+ */ export const useNavCategoryItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootStyles = useRootStyles();
+    const smallStyles = useSmallStyles();
+    const defaultRootClassName = useRootDefaultClassName();
+    const contentStyles = useContentStyles();
+    const indicatorStyles = useIndicatorStyles();
+    const iconStyles = useIconStyles();
+    const expandIconStyles = useExpandIconStyles();
+    const { selected, open, density } = state;
+    state.root.className = mergeClasses(navCategoryItemClassNames.root, defaultRootClassName, rootStyles.base, density === 'small' && smallStyles.root, selected && open === false && indicatorStyles.base, selected && open === false && contentStyles.selected, state.root.className);
+    state.expandIcon.className = mergeClasses(navCategoryItemClassNames.expandIcon, expandIconStyles.base, state.open && expandIconStyles.open, state.expandIcon.className);
+    if (state.icon) {
+        state.icon.className = mergeClasses(navCategoryItemClassNames.icon, iconStyles.base, selected && iconStyles.selected, state.icon.className);
+    }
+    return state;
+};

package/lib/components/NavCategoryItem/useNavCategoryItem.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategoryItem/useNavCategoryItem.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport {\n  useContentStyles,\n  useIconStyles,\n  useIndicatorStyles,\n  useRootDefaultClassName,\n  useSmallStyles,\n} from '../sharedNavStyles.styles';\n\nimport type { NavCategoryItemSlots, NavCategoryItemState } from './NavCategoryItem.types';\n\nexport const navCategoryItemClassNames: SlotClassNames<NavCategoryItemSlots> = {\n  root: 'fui-NavCategoryItem',\n  icon: 'fui-NavCategoryItem__icon',\n  expandIcon: 'fui-NavCategoryItem__expandIcon',\n  expandIconMotion: 'fui-NavCategoryItem__expandIconMotion',\n};\n\nconst useExpandIconStyles = makeStyles({\n  base: {\n    marginInlineStart: 'auto',\n    height: '20px',\n  },\n  open: {\n    transform: 'rotate(90deg)',\n  },\n  selected: typographyStyles.body1Strong,\n});\n\n/**\n * Styles for the root slot\n */\nexport const useRootStyles = makeStyles({\n  base: {\n    width: '100%',\n  },\n});\n\n/**\n * Apply styling to the NavCategoryItem slots based on the state\n */\nexport const useNavCategoryItemStyles_unstable = (state: NavCategoryItemState): NavCategoryItemState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const smallStyles = useSmallStyles();\n  const defaultRootClassName = useRootDefaultClassName();\n  const contentStyles = useContentStyles();\n  const indicatorStyles = useIndicatorStyles();\n  const iconStyles = useIconStyles();\n  const expandIconStyles = useExpandIconStyles();\n\n  const { selected, open, density } = state;\n\n  state.root.className = mergeClasses(\n    navCategoryItemClassNames.root,\n    defaultRootClassName,\n    rootStyles.base,\n    density === 'small' && smallStyles.root,\n    selected && open === false && indicatorStyles.base,\n    selected && open === false && contentStyles.selected,\n    state.root.className,\n  );\n\n  state.expandIcon.className = mergeClasses(\n    navCategoryItemClassNames.expandIcon,\n    expandIconStyles.base,\n    state.open && expandIconStyles.open,\n    state.expandIcon.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      navCategoryItemClassNames.icon,\n      iconStyles.base,\n      selected && iconStyles.selected,\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","typographyStyles","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","navCategoryItemClassNames","root","icon","expandIcon","expandIconMotion","useExpandIconStyles","base","marginInlineStart","height","open","transform","selected","body1Strong","useRootStyles","width","useNavCategoryItemStyles_unstable","state","rootStyles","smallStyles","defaultRootClassName","contentStyles","indicatorStyles","iconStyles","expandIconStyles","density","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAE1D,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SACEC,gBAAgB,EAChBC,aAAa,EACbC,kBAAkB,EAClBC,uBAAuB,EACvBC,cAAc,QACT,4BAA4B;AAInC,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;IACNC,MAAM;IACNC,YAAY;IACZC,kBAAkB;AACpB,EAAE;AAEF,MAAMC,sBAAsBb,WAAW;IACrCc,MAAM;QACJC,mBAAmB;QACnBC,QAAQ;IACV;IACAC,MAAM;QACJC,WAAW;IACb;IACAC,UAAUjB,iBAAiBkB,WAAW;AACxC;AAEA;;CAEC,GACD,OAAO,MAAMC,gBAAgBrB,WAAW;IACtCc,MAAM;QACJQ,OAAO;IACT;AACF,GAAG;AAEH;;CAEC,GACD,OAAO,MAAMC,oCAAoC,CAACC;IAChD;IAEA,MAAMC,aAAaJ;IACnB,MAAMK,cAAcnB;IACpB,MAAMoB,uBAAuBrB;IAC7B,MAAMsB,gBAAgBzB;IACtB,MAAM0B,kBAAkBxB;IACxB,MAAMyB,aAAa1B;IACnB,MAAM2B,mBAAmBlB;IAEzB,MAAM,EAAEM,QAAQ,EAAEF,IAAI,EAAEe,OAAO,EAAE,GAAGR;IAEpCA,MAAMf,IAAI,CAACwB,SAAS,GAAGhC,aACrBO,0BAA0BC,IAAI,EAC9BkB,sBACAF,WAAWX,IAAI,EACfkB,YAAY,WAAWN,YAAYjB,IAAI,EACvCU,YAAYF,SAAS,SAASY,gBAAgBf,IAAI,EAClDK,YAAYF,SAAS,SAASW,cAAcT,QAAQ,EACpDK,MAAMf,IAAI,CAACwB,SAAS;IAGtBT,MAAMb,UAAU,CAACsB,SAAS,GAAGhC,aAC3BO,0BAA0BG,UAAU,EACpCoB,iBAAiBjB,IAAI,EACrBU,MAAMP,IAAI,IAAIc,iBAAiBd,IAAI,EACnCO,MAAMb,UAAU,CAACsB,SAAS;IAG5B,IAAIT,MAAMd,IAAI,EAAE;QACdc,MAAMd,IAAI,CAACuB,SAAS,GAAGhC,aACrBO,0BAA0BE,IAAI,EAC9BoB,WAAWhB,IAAI,EACfK,YAAYW,WAAWX,QAAQ,EAC/BK,MAAMd,IAAI,CAACuB,SAAS;IAExB;IAEA,OAAOT;AACT,EAAE"}

package/lib/components/NavDivider/useNavDividerStyles.styles.raw.js

@@ -0,0 +1,23 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { useDividerStyles_unstable } from '@fluentui/react-divider';
+export const navDividerClassNames = {
+    root: 'fui-NavDivider',
+    wrapper: 'fui-NavDivider__wrapper'
+};
+const useStyles = makeStyles({
+    root: {
+        flexGrow: 0,
+        marginTop: '4px',
+        marginBottom: '4px'
+    }
+});
+/**
+ * Apply styling to the NavDivider slots based on the state
+ */ export const useNavDividerStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(navDividerClassNames.root, styles.root, state.root.className);
+    state.wrapper.className = mergeClasses(navDividerClassNames.wrapper, state.wrapper.className);
+    useDividerStyles_unstable(state);
+    return state;
+};

package/lib/components/NavDivider/useNavDividerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/useNavDividerStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable, type DividerSlots } from '@fluentui/react-divider';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDividerState } from './NavDivider.types';\n\nexport const navDividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-NavDivider',\n  wrapper: 'fui-NavDivider__wrapper',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    flexGrow: 0,\n    marginTop: '4px',\n    marginBottom: '4px',\n  },\n});\n\n/**\n * Apply styling to the NavDivider slots based on the state\n */\nexport const useNavDividerStyles_unstable = (state: NavDividerState): NavDividerState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(navDividerClassNames.root, styles.root, state.root.className);\n  state.wrapper.className = mergeClasses(navDividerClassNames.wrapper, state.wrapper.className);\n\n  useDividerStyles_unstable(state);\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","useDividerStyles_unstable","navDividerClassNames","root","wrapper","useStyles","flexGrow","marginTop","marginBottom","useNavDividerStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,yBAAyB,QAA2B,0BAA0B;AAIvF,OAAO,MAAMC,uBAAqD;IAChEC,MAAM;IACNC,SAAS;AACX,EAAE;AAEF,MAAMC,YAAYN,WAAW;IAC3BI,MAAM;QACJG,UAAU;QACVC,WAAW;QACXC,cAAc;IAChB;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAMC,SAASN;IAEfK,MAAMP,IAAI,CAACS,SAAS,GAAGZ,aAAaE,qBAAqBC,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IAChGF,MAAMN,OAAO,CAACQ,SAAS,GAAGZ,aAAaE,qBAAqBE,OAAO,EAAEM,MAAMN,OAAO,CAACQ,SAAS;IAE5FX,0BAA0BS;IAC1B,OAAOA;AACT,EAAE"}

package/lib/components/NavDrawer/useNavDrawerStyles.styles.raw.js

@@ -0,0 +1,27 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { navItemTokens } from '../sharedNavStyles.styles';
+export const navDrawerClassNames = {
+    root: 'fui-NavDrawer'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        backgroundColor: navItemTokens.backgroundColor,
+        alignItems: 'unset'
+    },
+    // seperate style so it can be applied conditionally
+    // if size is not set, use default width from the token.
+    defaultWidth: {
+        width: `${navItemTokens.defaultDrawerWidth}px`
+    }
+});
+/**
+ * Apply styling to the NavDrawer slots based on the state
+ */ export const useNavDrawerStyles_unstable = (state)=>{
+    'use no memo';
+    const { size } = state;
+    const styles = useStyles();
+    state.root.className = mergeClasses(navDrawerClassNames.root, styles.root, !size && styles.defaultWidth, state.root.className);
+    return state;
+};

package/lib/components/NavDrawer/useNavDrawerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawer/useNavDrawerStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { InlineDrawerSlots } from '@fluentui/react-drawer';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerState } from './NavDrawer.types';\nimport { navItemTokens } from '../sharedNavStyles.styles';\n\nexport const navDrawerClassNames: SlotClassNames<Omit<InlineDrawerSlots, 'surfaceMotion'>> = {\n  root: 'fui-NavDrawer',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    backgroundColor: navItemTokens.backgroundColor,\n    alignItems: 'unset',\n  },\n  // seperate style so it can be applied conditionally\n  // if size is not set, use default width from the token.\n  defaultWidth: {\n    width: `${navItemTokens.defaultDrawerWidth}px`,\n  },\n});\n\n/**\n * Apply styling to the NavDrawer slots based on the state\n */\nexport const useNavDrawerStyles_unstable = (state: NavDrawerState): NavDrawerState => {\n  'use no memo';\n\n  const { size } = state;\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    navDrawerClassNames.root,\n    styles.root,\n    !size && styles.defaultWidth,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","navItemTokens","navDrawerClassNames","root","useStyles","backgroundColor","alignItems","defaultWidth","width","defaultDrawerWidth","useNavDrawerStyles_unstable","state","size","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAI1D,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,OAAO,MAAMC,sBAAgF;IAC3FC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,WAAW;IAC3BI,MAAM;QACJE,iBAAiBJ,cAAcI,eAAe;QAC9CC,YAAY;IACd;IACA,oDAAoD;IACpD,wDAAwD;IACxDC,cAAc;QACZC,OAAO,CAAC,EAAEP,cAAcQ,kBAAkB,CAAC,EAAE,CAAC;IAChD;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC;IAC1C;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAME,SAAST;IACfO,MAAMR,IAAI,CAACW,SAAS,GAAGd,aACrBE,oBAAoBC,IAAI,EACxBU,OAAOV,IAAI,EACX,CAACS,QAAQC,OAAON,YAAY,EAC5BI,MAAMR,IAAI,CAACW,SAAS;IAGtB,OAAOH;AACT,EAAE"}

package/lib/components/NavDrawerBody/useNavDrawerBodyStyles.styles.raw.js

@@ -0,0 +1,26 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+import { useDrawerBodyStyles_unstable } from '@fluentui/react-drawer';
+export const navDrawerBodyClassNames = {
+    root: 'fui-NavDrawerBody'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        padding: `0 ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalMNudge}`,
+        alignItems: 'unset',
+        display: 'flex',
+        flexDirection: 'column',
+        rowGap: tokens.spacingVerticalXXS
+    }
+});
+/**
+ * Apply styling to the NavDrawerBody slots based on the state
+ */ export const useNavDrawerBodyStyles_unstable = (state)=>{
+    'use no memo';
+    useDrawerBodyStyles_unstable(state);
+    const styles = useStyles();
+    state.root.className = mergeClasses(navDrawerBodyClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib/components/NavDrawerBody/useNavDrawerBodyStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerBody/useNavDrawerBodyStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useDrawerBodyStyles_unstable } from '@fluentui/react-drawer';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody.types';\n\nexport const navDrawerBodyClassNames: SlotClassNames<NavDrawerBodySlots> = {\n  root: 'fui-NavDrawerBody',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    padding: `0 ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalMNudge}`,\n    alignItems: 'unset',\n    display: 'flex',\n    flexDirection: 'column',\n    rowGap: tokens.spacingVerticalXXS,\n  },\n});\n\n/**\n * Apply styling to the NavDrawerBody slots based on the state\n */\nexport const useNavDrawerBodyStyles_unstable = (state: NavDrawerBodyState): NavDrawerBodyState => {\n  'use no memo';\n\n  useDrawerBodyStyles_unstable(state);\n  const styles = useStyles();\n  state.root.className = mergeClasses(navDrawerBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","useDrawerBodyStyles_unstable","navDrawerBodyClassNames","root","useStyles","padding","spacingHorizontalXS","spacingHorizontalMNudge","alignItems","display","flexDirection","rowGap","spacingVerticalXXS","useNavDrawerBodyStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,4BAA4B,QAAQ,yBAAyB;AAItE,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYN,WAAW;IAC3BK,MAAM;QACJE,SAAS,CAAC,EAAE,EAAEL,OAAOM,mBAAmB,CAAC,GAAG,EAAEN,OAAOO,uBAAuB,CAAC,CAAC;QAC9EC,YAAY;QACZC,SAAS;QACTC,eAAe;QACfC,QAAQX,OAAOY,kBAAkB;IACnC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEAb,6BAA6Ba;IAC7B,MAAMC,SAASX;IACfU,MAAMX,IAAI,CAACa,SAAS,GAAGjB,aAAaG,wBAAwBC,IAAI,EAAEY,OAAOZ,IAAI,EAAEW,MAAMX,IAAI,CAACa,SAAS;IACnG,OAAOF;AACT,EAAE"}

package/lib/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.raw.js

@@ -0,0 +1,25 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+import { useDrawerFooterStyles_unstable } from '@fluentui/react-drawer';
+export const navDrawerFooterClassNames = {
+    root: 'fui-NavDrawerFooter'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXXS} ${tokens.spacingVerticalXS}  ${tokens.spacingHorizontalMNudge}`,
+        display: 'flex',
+        flexDirection: 'column',
+        rowGap: tokens.spacingVerticalXXS
+    }
+});
+/**
+ * Apply styling to the NavDrawerFooter slots based on the state
+ */ export const useNavDrawerFooterStyles_unstable = (state)=>{
+    'use no memo';
+    useDrawerFooterStyles_unstable(state);
+    const styles = useStyles();
+    state.root.className = mergeClasses(navDrawerFooterClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useDrawerFooterStyles_unstable } from '@fluentui/react-drawer';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter.types';\n\nexport const navDrawerFooterClassNames: SlotClassNames<NavDrawerFooterSlots> = {\n  root: 'fui-NavDrawerFooter',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXXS} ${tokens.spacingVerticalXS}  ${tokens.spacingHorizontalMNudge}`,\n    display: 'flex',\n    flexDirection: 'column',\n    rowGap: tokens.spacingVerticalXXS,\n  },\n});\n\n/**\n * Apply styling to the NavDrawerFooter slots based on the state\n */\nexport const useNavDrawerFooterStyles_unstable = (state: NavDrawerFooterState): NavDrawerFooterState => {\n  'use no memo';\n\n  useDrawerFooterStyles_unstable(state);\n  const styles = useStyles();\n  state.root.className = mergeClasses(navDrawerFooterClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","useDrawerFooterStyles_unstable","navDrawerFooterClassNames","root","useStyles","padding","spacingVerticalXXS","spacingHorizontalXS","spacingVerticalXS","spacingHorizontalMNudge","display","flexDirection","rowGap","useNavDrawerFooterStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,8BAA8B,QAAQ,yBAAyB;AAIxE,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYN,WAAW;IAC3BK,MAAM;QACJE,SAAS,CAAC,EAAEL,OAAOM,kBAAkB,CAAC,CAAC,EAAEN,OAAOO,mBAAmB,CAAC,CAAC,EAAEP,OAAOM,kBAAkB,CAAC,CAAC,EAAEN,OAAOQ,iBAAiB,CAAC,EAAE,EAAER,OAAOS,uBAAuB,CAAC,CAAC;QACjKC,SAAS;QACTC,eAAe;QACfC,QAAQZ,OAAOM,kBAAkB;IACnC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMO,oCAAoC,CAACC;IAChD;IAEAb,+BAA+Ba;IAC/B,MAAMC,SAASX;IACfU,MAAMX,IAAI,CAACa,SAAS,GAAGjB,aAAaG,0BAA0BC,IAAI,EAAEY,OAAOZ,IAAI,EAAEW,MAAMX,IAAI,CAACa,SAAS;IAErG,OAAOF;AACT,EAAE"}

package/lib/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js

@@ -0,0 +1,23 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { useDrawerHeaderStyles_unstable } from '@fluentui/react-drawer';
+export const navDrawerHeaderClassNames = {
+    root: 'fui-NavDrawerHeader'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        margin: 'unset',
+        paddingInlineStart: '14px',
+        paddingBlock: '5px'
+    }
+});
+/**
+ * Apply styling to the NavDrawerHeader slots based on the state
+ */ export const useNavDrawerHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    useDrawerHeaderStyles_unstable(state);
+    const styles = useStyles();
+    state.root.className = mergeClasses(navDrawerHeaderClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDrawerHeaderStyles_unstable } from '@fluentui/react-drawer';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader.types';\n\nexport const navDrawerHeaderClassNames: SlotClassNames<NavDrawerHeaderSlots> = {\n  root: 'fui-NavDrawerHeader',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    margin: 'unset',\n    paddingInlineStart: '14px',\n    paddingBlock: '5px',\n  },\n});\n\n/**\n * Apply styling to the NavDrawerHeader slots based on the state\n */\nexport const useNavDrawerHeaderStyles_unstable = (state: NavDrawerHeaderState): NavDrawerHeaderState => {\n  'use no memo';\n\n  useDrawerHeaderStyles_unstable(state);\n  const styles = useStyles();\n  state.root.className = mergeClasses(navDrawerHeaderClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","useDrawerHeaderStyles_unstable","navDrawerHeaderClassNames","root","useStyles","margin","paddingInlineStart","paddingBlock","useNavDrawerHeaderStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,8BAA8B,QAAQ,yBAAyB;AAKxE,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,WAAW;IAC3BI,MAAM;QACJE,QAAQ;QACRC,oBAAoB;QACpBC,cAAc;IAChB;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,oCAAoC,CAACC;IAChD;IAEAR,+BAA+BQ;IAC/B,MAAMC,SAASN;IACfK,MAAMN,IAAI,CAACQ,SAAS,GAAGX,aAAaE,0BAA0BC,IAAI,EAAEO,OAAOP,IAAI,EAAEM,MAAMN,IAAI,CAACQ,SAAS;IAErG,OAAOF;AACT,EAAE"}

package/lib/components/NavItem/useNavItemStyles.styles.raw.js

@@ -0,0 +1,22 @@
+import { mergeClasses } from '@griffel/react';
+import { useContentStyles, useIconStyles, useIndicatorStyles, useRootDefaultClassName, useSmallStyles } from '../sharedNavStyles.styles';
+export const navItemClassNames = {
+    root: 'fui-NavItem',
+    icon: 'fui-NavItem__icon'
+};
+/**
+ * Apply styling to the NavItem slots based on the state
+ */ export const useNavItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootDefaultClassName = useRootDefaultClassName();
+    const smallStyles = useSmallStyles();
+    const contentStyles = useContentStyles();
+    const indicatorStyles = useIndicatorStyles();
+    const iconStyles = useIconStyles();
+    const { selected, density } = state;
+    state.root.className = mergeClasses(navItemClassNames.root, rootDefaultClassName, density === 'small' && smallStyles.root, selected && indicatorStyles.base, selected && contentStyles.selected, state.root.className);
+    if (state.icon) {
+        state.icon.className = mergeClasses(navItemClassNames.icon, iconStyles.base, selected && iconStyles.selected, state.icon.className);
+    }
+    return state;
+};

package/lib/components/NavItem/useNavItemStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavItem/useNavItemStyles.styles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport {\n  useContentStyles,\n  useIconStyles,\n  useIndicatorStyles,\n  useRootDefaultClassName,\n  useSmallStyles,\n} from '../sharedNavStyles.styles';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavItemSlots, NavItemState } from './NavItem.types';\nexport const navItemClassNames: SlotClassNames<NavItemSlots> = {\n  root: 'fui-NavItem',\n  icon: 'fui-NavItem__icon',\n};\n\n/**\n * Apply styling to the NavItem slots based on the state\n */\nexport const useNavItemStyles_unstable = (state: NavItemState): NavItemState => {\n  'use no memo';\n\n  const rootDefaultClassName = useRootDefaultClassName();\n  const smallStyles = useSmallStyles();\n  const contentStyles = useContentStyles();\n  const indicatorStyles = useIndicatorStyles();\n  const iconStyles = useIconStyles();\n\n  const { selected, density } = state;\n\n  state.root.className = mergeClasses(\n    navItemClassNames.root,\n    rootDefaultClassName,\n    density === 'small' && smallStyles.root,\n    selected && indicatorStyles.base,\n    selected && contentStyles.selected,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      navItemClassNames.icon,\n      iconStyles.base,\n      selected && iconStyles.selected,\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["mergeClasses","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","navItemClassNames","root","icon","useNavItemStyles_unstable","state","rootDefaultClassName","smallStyles","contentStyles","indicatorStyles","iconStyles","selected","density","className","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,SACEC,gBAAgB,EAChBC,aAAa,EACbC,kBAAkB,EAClBC,uBAAuB,EACvBC,cAAc,QACT,4BAA4B;AAInC,OAAO,MAAMC,oBAAkD;IAC7DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC;IACxC;IAEA,MAAMC,uBAAuBP;IAC7B,MAAMQ,cAAcP;IACpB,MAAMQ,gBAAgBZ;IACtB,MAAMa,kBAAkBX;IACxB,MAAMY,aAAab;IAEnB,MAAM,EAAEc,QAAQ,EAAEC,OAAO,EAAE,GAAGP;IAE9BA,MAAMH,IAAI,CAACW,SAAS,GAAGlB,aACrBM,kBAAkBC,IAAI,EACtBI,sBACAM,YAAY,WAAWL,YAAYL,IAAI,EACvCS,YAAYF,gBAAgBK,IAAI,EAChCH,YAAYH,cAAcG,QAAQ,EAClCN,MAAMH,IAAI,CAACW,SAAS;IAGtB,IAAIR,MAAMF,IAAI,EAAE;QACdE,MAAMF,IAAI,CAACU,SAAS,GAAGlB,aACrBM,kBAAkBE,IAAI,EACtBO,WAAWI,IAAI,EACfH,YAAYD,WAAWC,QAAQ,EAC/BN,MAAMF,IAAI,CAACU,SAAS;IAExB;IAEA,OAAOR;AACT,EAAE"}

package/lib/components/NavSectionHeader/useNavSectionHeaderStyles.styles.raw.js

@@ -0,0 +1,22 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const navSectionHeaderClassNames = {
+    root: 'fui-NavSectionHeader'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        marginInlineStart: `10px`,
+        marginBlock: '8px',
+        ...typographyStyles.caption1Strong
+    }
+});
+/**
+ * Apply styling to the NavSectionHeader slots based on the state
+ */ export const useNavSectionHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(navSectionHeaderClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib/components/NavSectionHeader/useNavSectionHeaderStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavSectionHeader/useNavSectionHeaderStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavSectionHeaderSlots, NavSectionHeaderState } from './NavSectionHeader.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const navSectionHeaderClassNames: SlotClassNames<NavSectionHeaderSlots> = {\n  root: 'fui-NavSectionHeader',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    marginInlineStart: `10px`,\n    marginBlock: '8px',\n    ...typographyStyles.caption1Strong,\n  },\n});\n\n/**\n * Apply styling to the NavSectionHeader slots based on the state\n */\nexport const useNavSectionHeaderStyles_unstable = (state: NavSectionHeaderState): NavSectionHeaderState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(navSectionHeaderClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","typographyStyles","navSectionHeaderClassNames","root","useStyles","marginInlineStart","marginBlock","caption1Strong","useNavSectionHeaderStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,6BAAoE;IAC/EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,WAAW;IAC3BI,MAAM;QACJE,mBAAmB,CAAC,IAAI,CAAC;QACzBC,aAAa;QACb,GAAGL,iBAAiBM,cAAc;IACpC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjD;IAEA,MAAMC,SAASN;IACfK,MAAMN,IAAI,CAACQ,SAAS,GAAGX,aAAaE,2BAA2BC,IAAI,EAAEO,OAAOP,IAAI,EAAEM,MAAMN,IAAI,CAACQ,SAAS;IAEtG,OAAOF;AACT,EAAE"}

package/lib/components/NavSubItem/useNavSubItemStyles.styles.raw.js

@@ -0,0 +1,34 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { navItemTokens, useContentStyles, useIndicatorStyles, useRootDefaultClassName, useSmallStyles } from '../sharedNavStyles.styles';
+export const navSubItemClassNames = {
+    root: 'fui-NavSubItem'
+};
+/**
+ * Styles for the content slot (children)
+ */ const useNavSubItemSpecificStyles = makeStyles({
+    base: {
+        paddingInlineStart: '46px'
+    },
+    smallBase: {
+        paddingInlineStart: '40px'
+    },
+    selectedIndicator: {
+        '::after': {
+            marginInlineStart: `-${navItemTokens.indicatorOffset + 36}px`
+        }
+    }
+});
+/**
+ * Apply styling to the NavSubItem slots based on the state
+ */ export const useNavSubItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootDefaultClassName = useRootDefaultClassName();
+    const smallStyles = useSmallStyles();
+    const contentStyles = useContentStyles();
+    const indicatorStyles = useIndicatorStyles();
+    const navSubItemSpecificStyles = useNavSubItemSpecificStyles();
+    const { selected, density } = state;
+    const isSmallDensity = density === 'small';
+    state.root.className = mergeClasses(navSubItemClassNames.root, rootDefaultClassName, isSmallDensity && smallStyles.root, isSmallDensity && navSubItemSpecificStyles.smallBase, navSubItemSpecificStyles.base, selected && indicatorStyles.base, selected && contentStyles.selected, selected && navSubItemSpecificStyles.selectedIndicator, state.root.className);
+    return state;
+};

package/lib/components/NavSubItem/useNavSubItemStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavSubItem/useNavSubItemStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport {\n  navItemTokens,\n  useContentStyles,\n  useIndicatorStyles,\n  useRootDefaultClassName,\n  useSmallStyles,\n} from '../sharedNavStyles.styles';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavSubItemSlots, NavSubItemState } from './NavSubItem.types';\n\nexport const navSubItemClassNames: SlotClassNames<NavSubItemSlots> = {\n  root: 'fui-NavSubItem',\n};\n/**\n * Styles for the content slot (children)\n */\nconst useNavSubItemSpecificStyles = makeStyles({\n  base: {\n    paddingInlineStart: '46px',\n  },\n  smallBase: {\n    paddingInlineStart: '40px',\n  },\n  selectedIndicator: {\n    '::after': {\n      marginInlineStart: `-${navItemTokens.indicatorOffset + 36}px`,\n    },\n  },\n});\n\n/**\n * Apply styling to the NavSubItem slots based on the state\n */\nexport const useNavSubItemStyles_unstable = (state: NavSubItemState): NavSubItemState => {\n  'use no memo';\n\n  const rootDefaultClassName = useRootDefaultClassName();\n  const smallStyles = useSmallStyles();\n  const contentStyles = useContentStyles();\n  const indicatorStyles = useIndicatorStyles();\n  const navSubItemSpecificStyles = useNavSubItemSpecificStyles();\n\n  const { selected, density } = state;\n  const isSmallDensity = density === 'small';\n\n  state.root.className = mergeClasses(\n    navSubItemClassNames.root,\n    rootDefaultClassName,\n    isSmallDensity && smallStyles.root,\n    isSmallDensity && navSubItemSpecificStyles.smallBase,\n    navSubItemSpecificStyles.base,\n    selected && indicatorStyles.base,\n    selected && contentStyles.selected,\n    selected && navSubItemSpecificStyles.selectedIndicator,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","navItemTokens","useContentStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","navSubItemClassNames","root","useNavSubItemSpecificStyles","base","paddingInlineStart","smallBase","selectedIndicator","marginInlineStart","indicatorOffset","useNavSubItemStyles_unstable","state","rootDefaultClassName","smallStyles","contentStyles","indicatorStyles","navSubItemSpecificStyles","selected","density","isSmallDensity","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SACEC,aAAa,EACbC,gBAAgB,EAChBC,kBAAkB,EAClBC,uBAAuB,EACvBC,cAAc,QACT,4BAA4B;AAKnC,OAAO,MAAMC,uBAAwD;IACnEC,MAAM;AACR,EAAE;AACF;;CAEC,GACD,MAAMC,8BAA8BT,WAAW;IAC7CU,MAAM;QACJC,oBAAoB;IACtB;IACAC,WAAW;QACTD,oBAAoB;IACtB;IACAE,mBAAmB;QACjB,WAAW;YACTC,mBAAmB,CAAC,CAAC,EAAEZ,cAAca,eAAe,GAAG,GAAG,EAAE,CAAC;QAC/D;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAMC,uBAAuBb;IAC7B,MAAMc,cAAcb;IACpB,MAAMc,gBAAgBjB;IACtB,MAAMkB,kBAAkBjB;IACxB,MAAMkB,2BAA2Bb;IAEjC,MAAM,EAAEc,QAAQ,EAAEC,OAAO,EAAE,GAAGP;IAC9B,MAAMQ,iBAAiBD,YAAY;IAEnCP,MAAMT,IAAI,CAACkB,SAAS,GAAGzB,aACrBM,qBAAqBC,IAAI,EACzBU,sBACAO,kBAAkBN,YAAYX,IAAI,EAClCiB,kBAAkBH,yBAAyBV,SAAS,EACpDU,yBAAyBZ,IAAI,EAC7Ba,YAAYF,gBAAgBX,IAAI,EAChCa,YAAYH,cAAcG,QAAQ,EAClCA,YAAYD,yBAAyBT,iBAAiB,EACtDI,MAAMT,IAAI,CAACkB,SAAS;IAGtB,OAAOT;AACT,EAAE"}

package/lib/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.raw.js

@@ -0,0 +1,20 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+export const navSubItemGroupClassNames = {
+    root: 'fui-NavSubItemGroup'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        transform: 'translateZ(0)',
+        overflow: 'hidden'
+    }
+});
+/**
+ * Apply styling to the NavSubItemGroup slots based on the state
+ */ export const useNavSubItemGroupStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(navSubItemGroupClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavSubItemGroupSlots, NavSubItemGroupState } from './NavSubItemGroup.types';\n\nexport const navSubItemGroupClassNames: SlotClassNames<Omit<NavSubItemGroupSlots, 'collapseMotion'>> = {\n  root: 'fui-NavSubItemGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    transform: 'translateZ(0)',\n    overflow: 'hidden',\n  },\n});\n\n/**\n * Apply styling to the NavSubItemGroup slots based on the state\n */\nexport const useNavSubItemGroupStyles_unstable = (state: NavSubItemGroupState): NavSubItemGroupState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(navSubItemGroupClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","navSubItemGroupClassNames","root","useStyles","transform","overflow","useNavSubItemGroupStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAI1D,OAAO,MAAMC,4BAA0F;IACrGC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYJ,WAAW;IAC3BG,MAAM;QACJE,WAAW;QACXC,UAAU;IACZ;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,oCAAoC,CAACC;IAChD;IAEA,MAAMC,SAASL;IAEfI,MAAML,IAAI,CAACO,SAAS,GAAGT,aAAaC,0BAA0BC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAErG,OAAOF;AACT,EAAE"}