@fluentui/react-table 9.15.5 → 9.15.7

package/CHANGELOG.md

@@ -1,12 +1,43 @@
 # Change Log - @fluentui/react-table
 
-This log was last generated on Mon, 20 May 2024 12:36:41 GMT and should not be manually modified.
+This log was last generated on Thu, 06 Jun 2024 15:22:21 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.15.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.15.7)
+
+Thu, 06 Jun 2024 15:22:21 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.15.6..@fluentui/react-table_v9.15.7)
+
+### Patches
+
+- fix: use requestAnimationFrame from Fluent context. ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-aria to v9.12.0 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-avatar to v9.6.29 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-checkbox to v9.2.28 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.61 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-radio to v9.2.23 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-tabster to v9.21.5 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.39 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+
+## [9.15.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.15.6)
+
+Thu, 23 May 2024 08:02:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.15.5..@fluentui/react-table_v9.15.6)
+
+### Patches
+
+- chore: replace usage of .shorthands() in styles ([PR #31432](https://github.com/microsoft/fluentui/pull/31432) by olfedias@microsoft.com)
+- Bump @fluentui/react-aria to v9.11.4 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
+- Bump @fluentui/react-avatar to v9.6.28 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
+- Bump @fluentui/react-checkbox to v9.2.27 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
+- Bump @fluentui/react-radio to v9.2.22 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
+- Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
+
 ## [9.15.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.15.5)
 
-Mon, 20 May 2024 12:36:41 GMT 
+Mon, 20 May 2024 12:45:05 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.15.4..@fluentui/react-table_v9.15.5)
 
 ### Patches

package/lib/components/TableCell/useTableCellStyles.styles.js

@@ -1,4 +1,4 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { __styles, mergeClasses } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
 export const tableCellClassName = 'fui-TableCell';
@@ -27,9 +27,10 @@ const useFlexLayoutStyles = /*#__PURE__*/__styles({
     mc9l5x: "f22iagw",
     Bf4jedk: "f10tiqix",
     Bt984gj: "f122n59",
-    Bh6795r: "fqerorx",
-    Bnnss6s: "f1neuvcm",
-    xawz: "fkjuxzh"
+    xawz: 0,
+    Bh6795r: 0,
+    Bnnss6s: 0,
+    fkmc3a: "f1izfyrr"
   },
   medium: {
     sshi5w: "f5pgtk9"
@@ -41,7 +42,9 @@ const useFlexLayoutStyles = /*#__PURE__*/__styles({
     sshi5w: "f1pha7fy"
   }
 }, {
-  d: [".f22iagw{display:flex;}", ".f10tiqix{min-width:0px;}", ".f122n59{align-items:center;}", ".fqerorx{flex-grow:1;}", ".f1neuvcm{flex-shrink:1;}", ".fkjuxzh{flex-basis:0px;}", ".f5pgtk9{min-height:44px;}", ".fcep9tg{min-height:34px;}", ".f1pha7fy{min-height:24px;}"]
+  d: [".f22iagw{display:flex;}", ".f10tiqix{min-width:0px;}", ".f122n59{align-items:center;}", [".f1izfyrr{flex:1 1 0px;}", {
+    p: -1
+  }], ".f5pgtk9{min-height:44px;}", ".fcep9tg{min-height:34px;}", ".f1pha7fy{min-height:24px;}"]
 });
 /**
  * Styles for the root slot
@@ -49,20 +52,29 @@ const useFlexLayoutStyles = /*#__PURE__*/__styles({
 const useStyles = /*#__PURE__*/__styles({
   root: {
     qhf8xq: "f10pi13n",
-    z8tnut: "f1nbblvp",
-    z189sj: ["f1vdfbxk", "f1f5gg8d"],
-    Byoj8tv: "f1ov4xf1",
-    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
-    Bn4voq9: "fz36nt7",
-    g9k6zt: "f9znhxp",
-    Bfpq7zp: "fqrak0z",
-    kdpuga: ["f1o2ludy", "f1kjnpwc"],
-    Bw81rd7: ["f1kjnpwc", "f1o2ludy"],
-    B6xbmo0: ["fxmnebo", "f1witrsb"],
-    dm238s: ["f1witrsb", "fxmnebo"]
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "f3gpkru",
+    Bfpq7zp: 0,
+    g9k6zt: 0,
+    Bn4voq9: 0,
+    giviqs: "f1dxfoyt",
+    Bw81rd7: 0,
+    kdpuga: 0,
+    dm238s: 0,
+    B6xbmo0: 0,
+    B3whbx2: "f2krc9w"
   }
 }, {
-  d: [".f10pi13n{position:relative;}", ".f1nbblvp{padding-top:0px;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1ov4xf1{padding-bottom:0px;}", ".fz36nt7[data-fui-focus-visible]{outline-width:2px;}", ".f9znhxp[data-fui-focus-visible]{outline-style:solid;}", ".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}", ".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}", ".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}"]
+  d: [".f10pi13n{position:relative;}", [".f3gpkru{padding:0px var(--spacingHorizontalS);}", {
+    p: -1
+  }], [".f1dxfoyt[data-fui-focus-visible]{outline:2px solid var(--colorStrokeFocus2);}", {
+    p: -1
+  }], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
+    p: -1
+  }]]
 });
 /**
  * Apply styling to the TableCell slots based on the state

package/lib/components/TableCell/useTableCellStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","tableCellClassName","tableCellClassNames","root","useTableLayoutStyles","mc9l5x","ha4doy","medium","Bqenvij","small","d","useFlexLayoutStyles","Bf4jedk","Bt984gj","Bh6795r","Bnnss6s","xawz","sshi5w","useStyles","qhf8xq","z8tnut","z189sj","Byoj8tv","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","useTableCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements","size"],"sources":["useTableCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames = {\n    root: tableCellClassName\n};\nconst useTableLayoutStyles = makeStyles({\n    root: {\n        display: 'table-cell',\n        verticalAlign: 'middle'\n    },\n    medium: {\n        height: '44px'\n    },\n    small: {\n        height: '34px'\n    },\n    'extra-small': {\n        height: '24px'\n    }\n});\nconst useFlexLayoutStyles = makeStyles({\n    root: {\n        display: 'flex',\n        minWidth: '0px',\n        alignItems: 'center',\n        ...shorthands.flex(1, 1, '0px')\n    },\n    medium: {\n        minHeight: '44px'\n    },\n    small: {\n        minHeight: '34px'\n    },\n    'extra-small': {\n        minHeight: '24px'\n    }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'relative',\n        ...shorthands.padding('0px', tokens.spacingHorizontalS),\n        ...createCustomFocusIndicatorStyle({\n            ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n            ...shorthands.borderRadius(tokens.borderRadiusMedium)\n        }, {\n            selector: 'focus'\n        })\n    }\n});\n/**\n * Apply styling to the TableCell slots based on the state\n */ export const useTableCellStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const layoutStyles = {\n        table: useTableLayoutStyles(),\n        flex: useFlexLayoutStyles()\n    };\n    state.root.className = mergeClasses(tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,OAAO,MAAMC,kBAAkB,GAAG,eAAe;AACjD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAEF;AACV,CAAC;AACD,MAAMG,oBAAoB,gBAAGR,QAAA;EAAAO,IAAA;IAAAE,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAc5B,CAAC;AACF,MAAMC,mBAAmB,gBAAGf,QAAA;EAAAO,IAAA;IAAAE,MAAA;IAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,IAAA;EAAA;EAAAT,MAAA;IAAAU,MAAA;EAAA;EAAAR,KAAA;IAAAQ,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAP,CAAA;AAAA,CAgB3B,CAAC;AACF;AACA;AACA;AAAI,MAAMQ,SAAS,gBAAGtB,QAAA;EAAAO,IAAA;IAAAgB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAApB,CAAA;AAAA,CAWrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMqB,2BAA2B,GAAIC,KAAK,IAAG;EACpD,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;EAC1B,MAAMgB,YAAY,GAAG;IACjBC,KAAK,EAAE/B,oBAAoB,CAAC,CAAC;IAC7BgC,IAAI,EAAEzB,mBAAmB,CAAC;EAC9B,CAAC;EACDqB,KAAK,CAAC7B,IAAI,CAACkC,SAAS,GAAGxC,YAAY,CAACK,mBAAmB,CAACC,IAAI,EAAE8B,MAAM,CAAC9B,IAAI,EAAE6B,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACjC,IAAI,GAAG+B,YAAY,CAACC,KAAK,CAAChC,IAAI,EAAE6B,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACJ,KAAK,CAACO,IAAI,CAAC,GAAGL,YAAY,CAACC,KAAK,CAACH,KAAK,CAACO,IAAI,CAAC,EAAEP,KAAK,CAAC7B,IAAI,CAACkC,SAAS,CAAC;EACpQ,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","createCustomFocusIndicatorStyle","tableCellClassName","tableCellClassNames","root","useTableLayoutStyles","mc9l5x","ha4doy","medium","Bqenvij","small","d","useFlexLayoutStyles","Bf4jedk","Bt984gj","xawz","Bh6795r","Bnnss6s","fkmc3a","sshi5w","p","useStyles","qhf8xq","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","useTableCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements","size"],"sources":["useTableCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames = {\n    root: tableCellClassName\n};\nconst useTableLayoutStyles = makeStyles({\n    root: {\n        display: 'table-cell',\n        verticalAlign: 'middle'\n    },\n    medium: {\n        height: '44px'\n    },\n    small: {\n        height: '34px'\n    },\n    'extra-small': {\n        height: '24px'\n    }\n});\nconst useFlexLayoutStyles = makeStyles({\n    root: {\n        display: 'flex',\n        minWidth: '0px',\n        alignItems: 'center',\n        flex: '1 1 0px'\n    },\n    medium: {\n        minHeight: '44px'\n    },\n    small: {\n        minHeight: '34px'\n    },\n    'extra-small': {\n        minHeight: '24px'\n    }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'relative',\n        padding: `0px ${tokens.spacingHorizontalS}`,\n        ...createCustomFocusIndicatorStyle({\n            outline: `2px solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium\n        }, {\n            selector: 'focus'\n        })\n    }\n});\n/**\n * Apply styling to the TableCell slots based on the state\n */ export const useTableCellStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const layoutStyles = {\n        table: useTableLayoutStyles(),\n        flex: useFlexLayoutStyles()\n    };\n    state.root.className = mergeClasses(tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,OAAO,MAAMC,kBAAkB,GAAG,eAAe;AACjD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAEF;AACV,CAAC;AACD,MAAMG,oBAAoB,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAc5B,CAAC;AACF,MAAMC,mBAAmB,gBAAGd,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAO,OAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAV,MAAA;IAAAW,MAAA;EAAA;EAAAT,KAAA;IAAAS,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAR,CAAA;IAAAS,CAAA;EAAA;AAAA,CAgB3B,CAAC;AACF;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGvB,QAAA;EAAAM,IAAA;IAAAkB,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAzB,CAAA;IAAAS,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAWrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMiB,2BAA2B,GAAIC,KAAK,IAAG;EACpD,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAMmB,YAAY,GAAG;IACjBC,KAAK,EAAEpC,oBAAoB,CAAC,CAAC;IAC7BqC,IAAI,EAAE9B,mBAAmB,CAAC;EAC9B,CAAC;EACD0B,KAAK,CAAClC,IAAI,CAACuC,SAAS,GAAG5C,YAAY,CAACI,mBAAmB,CAACC,IAAI,EAAEmC,MAAM,CAACnC,IAAI,EAAEkC,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACtC,IAAI,GAAGoC,YAAY,CAACC,KAAK,CAACrC,IAAI,EAAEkC,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACJ,KAAK,CAACO,IAAI,CAAC,GAAGL,YAAY,CAACC,KAAK,CAACH,KAAK,CAACO,IAAI,CAAC,EAAEP,KAAK,CAAClC,IAAI,CAACuC,SAAS,CAAC;EACpQ,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TableCellLayout/useTableCellLayoutStyles.styles.js

@@ -1,4 +1,4 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { __styles, mergeClasses } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
 import { typographyStyles } from '@fluentui/react-theme';
 export const tableCellLayoutClassNames = {
@@ -15,11 +15,13 @@ const useStyles = /*#__PURE__*/__styles({
   root: {
     mc9l5x: "f22iagw",
     Bt984gj: "f122n59",
-    i8kkvl: "fsnqrgy",
-    Belr9w4: "fylz90v",
-    Bh6795r: "fqerorx",
-    Bnnss6s: "f1neuvcm",
-    xawz: "fkjuxzh"
+    i8kkvl: 0,
+    Belr9w4: 0,
+    rmohyg: "faqewft",
+    xawz: 0,
+    Bh6795r: 0,
+    Bnnss6s: 0,
+    fkmc3a: "f1izfyrr"
   },
   rootTruncate: {
     B68tc82: "f1p9o1ba"
@@ -60,7 +62,11 @@ const useStyles = /*#__PURE__*/__styles({
     Bg96gwp: "fwrc4pm"
   }
 }, {
-  d: [".f22iagw{display:flex;}", ".f122n59{align-items:center;}", ".fsnqrgy{column-gap:var(--spacingHorizontalS);}", ".fylz90v{row-gap:var(--spacingHorizontalS);}", ".fqerorx{flex-grow:1;}", ".f1neuvcm{flex-shrink:1;}", ".fkjuxzh{flex-basis:0px;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1vx9l62{flex-direction:column;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fz5stix{white-space:nowrap;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
+  d: [".f22iagw{display:flex;}", ".f122n59{align-items:center;}", [".faqewft{gap:var(--spacingHorizontalS);}", {
+    p: -1
+  }], [".f1izfyrr{flex:1 1 0px;}", {
+    p: -1
+  }], ".f1p9o1ba{overflow-x:hidden;}", ".f1vx9l62{flex-direction:column;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fz5stix{white-space:nowrap;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
 });
 /**
  * Apply styling to the TableCellLayout slots based on the state

package/lib/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","tableCellLayoutClassNames","root","media","main","description","content","useStyles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","Bh6795r","Bnnss6s","xawz","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","useTableCellLayoutStyles_unstable","state","styles","truncate","className","primary","appearance","mediaSizedStyles","small","medium","size"],"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n    root: 'fui-TableCellLayout',\n    media: 'fui-TableCellLayout__media',\n    main: 'fui-TableCellLayout__main',\n    description: 'fui-TableCellLayout__description',\n    content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        alignItems: 'center',\n        ...shorthands.gap(tokens.spacingHorizontalS),\n        ...shorthands.flex(1, 1, '0px')\n    },\n    rootTruncate: {\n        overflowX: 'hidden'\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column'\n    },\n    contentTruncate: {\n        overflowX: 'hidden'\n    },\n    media: {\n        display: 'flex',\n        alignItems: 'center'\n    },\n    mediaExtraSmall: {\n        fontSize: '16px'\n    },\n    mediaSmallAndMedium: {\n        fontSize: '20px'\n    },\n    mediaPrimary: {\n        fontSize: '24px'\n    },\n    mainPrimary: {\n        fontWeight: tokens.fontWeightSemibold\n    },\n    mainTruncate: {\n        overflowX: 'hidden',\n        whiteSpace: 'nowrap',\n        textOverflow: 'ellipsis'\n    },\n    description: {\n        color: tokens.colorNeutralForeground2,\n        ...typographyStyles.caption1\n    }\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */ export const useTableCellLayoutStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { truncate } = state;\n    state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n    const primary = state.appearance === 'primary';\n    if (state.media) {\n        const mediaSizedStyles = {\n            small: styles.mediaSmallAndMedium,\n            medium: styles.mediaSmallAndMedium,\n            'extra-small': styles.mediaExtraSmall\n        };\n        state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n    }\n    if (state.main) {\n        state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n    }\n    if (state.description) {\n        state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n    }\n    if (state.content) {\n        state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","tableCellLayoutClassNames","root","media","main","description","content","useStyles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","rmohyg","xawz","Bh6795r","Bnnss6s","fkmc3a","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","p","useTableCellLayoutStyles_unstable","state","styles","truncate","className","primary","appearance","mediaSizedStyles","small","medium","size"],"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n    root: 'fui-TableCellLayout',\n    media: 'fui-TableCellLayout__media',\n    main: 'fui-TableCellLayout__main',\n    description: 'fui-TableCellLayout__description',\n    content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        alignItems: 'center',\n        gap: tokens.spacingHorizontalS,\n        flex: '1 1 0px'\n    },\n    rootTruncate: {\n        overflowX: 'hidden'\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column'\n    },\n    contentTruncate: {\n        overflowX: 'hidden'\n    },\n    media: {\n        display: 'flex',\n        alignItems: 'center'\n    },\n    mediaExtraSmall: {\n        fontSize: '16px'\n    },\n    mediaSmallAndMedium: {\n        fontSize: '20px'\n    },\n    mediaPrimary: {\n        fontSize: '24px'\n    },\n    mainPrimary: {\n        fontWeight: tokens.fontWeightSemibold\n    },\n    mainTruncate: {\n        overflowX: 'hidden',\n        whiteSpace: 'nowrap',\n        textOverflow: 'ellipsis'\n    },\n    description: {\n        color: tokens.colorNeutralForeground2,\n        ...typographyStyles.caption1\n    }\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */ export const useTableCellLayoutStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { truncate } = state;\n    state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n    const primary = state.appearance === 'primary';\n    if (state.media) {\n        const mediaSizedStyles = {\n            small: styles.mediaSmallAndMedium,\n            medium: styles.mediaSmallAndMedium,\n            'extra-small': styles.mediaExtraSmall\n        };\n        state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n    }\n    if (state.main) {\n        state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n    }\n    if (state.description) {\n        state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n    }\n    if (state.content) {\n        state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/TableHeaderCell/useTableHeaderCellStyles.styles.js

@@ -1,4 +1,4 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { __styles, mergeClasses } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
 export const tableHeaderCellClassName = 'fui-TableHeaderCell';
@@ -19,13 +19,16 @@ const useTableLayoutStyles = /*#__PURE__*/__styles({
 const useFlexLayoutStyles = /*#__PURE__*/__styles({
   root: {
     mc9l5x: "f22iagw",
-    Bh6795r: "fqerorx",
-    Bnnss6s: "f1neuvcm",
-    xawz: "fkjuxzh",
+    xawz: 0,
+    Bh6795r: 0,
+    Bnnss6s: 0,
+    fkmc3a: "f1izfyrr",
     Bf4jedk: "f10tiqix"
   }
 }, {
-  d: [".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}", ".f1neuvcm{flex-shrink:1;}", ".fkjuxzh{flex-basis:0px;}", ".f10tiqix{min-width:0px;}"]
+  d: [".f22iagw{display:flex;}", [".f1izfyrr{flex:1 1 0px;}", {
+    p: -1
+  }], ".f10tiqix{min-width:0px;}"]
 });
 /**
  * Styles for the root slot
@@ -33,17 +36,20 @@ const useFlexLayoutStyles = /*#__PURE__*/__styles({
 const useStyles = /*#__PURE__*/__styles({
   root: {
     Bhrd7zp: "figsok6",
-    z8tnut: "f1nbblvp",
-    z189sj: ["f1vdfbxk", "f1f5gg8d"],
-    Byoj8tv: "f1ov4xf1",
-    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
-    B3nxjsc: "fhix6mv",
-    Bmvh20x: "fha7anx",
-    robkg1: "f1fmzww4",
-    pehzd3: ["fs9qmxf", "f187m4uq"],
-    B8osjzx: ["f187m4uq", "fs9qmxf"],
-    u7xebq: ["f145mzao", "f1uha7eq"],
-    Blsv9te: ["f1uha7eq", "f145mzao"],
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "f3gpkru",
+    robkg1: 0,
+    Bmvh20x: 0,
+    B3nxjsc: 0,
+    Bmkhcsx: "f14ym4q2",
+    B8osjzx: 0,
+    pehzd3: 0,
+    Blsv9te: 0,
+    u7xebq: 0,
+    Bsvwmf7: "f1euou18",
     qhf8xq: "f10pi13n"
   },
   rootInteractive: {
@@ -58,30 +64,47 @@ const useStyles = /*#__PURE__*/__styles({
     Bahqtrf: "f1mo0ibp",
     Be2twd7: "fjoy568",
     Bg96gwp: "fytdu2e",
-    B68tc82: "f1mtd64y",
-    Bmxbyg5: "f1y7q3j9",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["fhxju0i", "f1cnd47f"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1cnd47f", "fhxju0i"],
-    icvyot: "f1ern45e",
-    vrafjx: ["f1n71otn", "f1deefiw"],
-    oivjwe: "f1h8hb77",
-    wvpqe5: ["f1deefiw", "f1n71otn"],
+    B68tc82: 0,
+    Bmxbyg5: 0,
+    Bpg54ce: "f1gl81tg",
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "f1mk8lai",
+    Bgfg5da: 0,
+    B9xav0g: 0,
+    oivjwe: 0,
+    Bn0qgzm: 0,
+    B4g9neb: 0,
+    zhjwy3: 0,
+    wvpqe5: 0,
+    ibv6hh: 0,
+    u1mtju: 0,
+    h3c5rm: 0,
+    vrafjx: 0,
+    Bekrc4i: 0,
+    i8vvqc: 0,
+    g2u3we: 0,
+    icvyot: 0,
+    B4j52fo: 0,
+    irswps: "f3bhgqh",
     fsow6f: "fgusgyc"
   },
   button: {
     qhf8xq: "f10pi13n",
     a9b677: "fly5x3f",
     mc9l5x: "f22iagw",
-    Bh6795r: "fqerorx",
+    Bh6795r: 0,
     Bqenvij: "f1l02sjl",
     Bt984gj: "f122n59",
-    i8kkvl: "f1ufnopg",
-    Belr9w4: "f14sijuj",
+    i8kkvl: 0,
+    Belr9w4: 0,
+    rmohyg: "fkln5zr",
     sshi5w: "f1nxs5xn",
-    Bnnss6s: "f1neuvcm",
-    xawz: "fkjuxzh",
+    xawz: 0,
+    Bnnss6s: 0,
+    fkmc3a: "f1izfyrr",
     oeaueh: "f1s6fcnf"
   },
   sortable: {
@@ -94,7 +117,23 @@ const useStyles = /*#__PURE__*/__styles({
   },
   resizeHandle: {}
 }, {
-  d: [".figsok6{font-weight:var(--fontWeightRegular);}", ".f1nbblvp{padding-top:0px;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1ov4xf1{padding-bottom:0px;}", ".fhix6mv[data-fui-focus-within]:focus-within{outline-width:2px;}", ".fha7anx[data-fui-focus-within]:focus-within{outline-style:solid;}", ".f1fmzww4[data-fui-focus-within]:focus-within{outline-color:var(--colorStrokeFocus2);}", ".fs9qmxf[data-fui-focus-within]:focus-within{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f187m4uq[data-fui-focus-within]:focus-within{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f145mzao[data-fui-focus-within]:focus-within{border-top-right-radius:var(--borderRadiusMedium);}", ".f1uha7eq[data-fui-focus-within]:focus-within{border-top-left-radius:var(--borderRadiusMedium);}", ".f10pi13n{position:relative;}", ".fq6nmtn{resize:horizontal;}", ".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".fgusgyc{text-align:unset;}", ".fly5x3f{width:100%;}", ".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}", ".f1l02sjl{height:100%;}", ".f122n59{align-items:center;}", ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}", ".f14sijuj{row-gap:var(--spacingHorizontalXS);}", ".f1nxs5xn{min-height:32px;}", ".f1neuvcm{flex-shrink:1;}", ".fkjuxzh{flex-basis:0px;}", ".f1s6fcnf{outline-style:none;}", ".f1k6fduh{cursor:pointer;}", ".fclwglc{padding-top:var(--spacingVerticalXXS);}"],
+  d: [".figsok6{font-weight:var(--fontWeightRegular);}", [".f3gpkru{padding:0px var(--spacingHorizontalS);}", {
+    p: -1
+  }], [".f14ym4q2[data-fui-focus-within]:focus-within{outline:2px solid var(--colorStrokeFocus2);}", {
+    p: -1
+  }], [".f1euou18[data-fui-focus-within]:focus-within{border-radius:var(--borderRadiusMedium);}", {
+    p: -1
+  }], ".f10pi13n{position:relative;}", ".fq6nmtn{resize:horizontal;}", ".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", [".f1gl81tg{overflow:visible;}", {
+    p: -1
+  }], [".f1mk8lai{padding:0;}", {
+    p: -1
+  }], [".f3bhgqh{border:none;}", {
+    p: -2
+  }], ".fgusgyc{text-align:unset;}", ".fly5x3f{width:100%;}", ".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}", ".f1l02sjl{height:100%;}", ".f122n59{align-items:center;}", [".fkln5zr{gap:var(--spacingHorizontalXS);}", {
+    p: -1
+  }], ".f1nxs5xn{min-height:32px;}", [".f1izfyrr{flex:1 1 0px;}", {
+    p: -1
+  }], ".f1s6fcnf{outline-style:none;}", ".f1k6fduh{cursor:pointer;}", ".fclwglc{padding-top:var(--spacingVerticalXXS);}"],
   h: [".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}"],
   a: [".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}"]
 });

package/lib/components/TableHeaderCell/useTableHeaderCellStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","tableHeaderCellClassName","tableHeaderCellClassNames","root","button","sortIcon","aside","useTableLayoutStyles","mc9l5x","ha4doy","d","useFlexLayoutStyles","Bh6795r","Bnnss6s","xawz","Bf4jedk","useStyles","Bhrd7zp","z8tnut","z189sj","Byoj8tv","uwmqm3","B3nxjsc","Bmvh20x","robkg1","pehzd3","B8osjzx","u7xebq","Blsv9te","qhf8xq","rootInteractive","Jwef8y","ecr2s2","resetButton","B3rzk8w","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","icvyot","vrafjx","oivjwe","wvpqe5","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","useTableHeaderCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements"],"sources":["useTableHeaderCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames = {\n    root: 'fui-TableHeaderCell',\n    button: 'fui-TableHeaderCell__button',\n    sortIcon: 'fui-TableHeaderCell__sortIcon',\n    aside: 'fui-TableHeaderCell__aside'\n};\nconst useTableLayoutStyles = makeStyles({\n    root: {\n        display: 'table-cell',\n        verticalAlign: 'middle'\n    }\n});\nconst useFlexLayoutStyles = makeStyles({\n    root: {\n        display: 'flex',\n        ...shorthands.flex(1, 1, '0px'),\n        minWidth: '0px'\n    }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        fontWeight: tokens.fontWeightRegular,\n        ...shorthands.padding('0px', tokens.spacingHorizontalS),\n        ...createCustomFocusIndicatorStyle({\n            ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n            ...shorthands.borderRadius(tokens.borderRadiusMedium)\n        }, {\n            selector: 'focus-within'\n        }),\n        position: 'relative'\n    },\n    rootInteractive: {\n        ':hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        }\n    },\n    resetButton: {\n        resize: 'horizontal',\n        boxSizing: 'content-box',\n        backgroundColor: 'inherit',\n        color: 'inherit',\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        lineHeight: 'normal',\n        ...shorthands.overflow('visible'),\n        ...shorthands.padding(0),\n        ...shorthands.borderStyle('none'),\n        textAlign: 'unset'\n    },\n    button: {\n        position: 'relative',\n        width: '100%',\n        display: 'flex',\n        flexGrow: 1,\n        height: '100%',\n        alignItems: 'center',\n        ...shorthands.gap(tokens.spacingHorizontalXS),\n        minHeight: '32px',\n        ...shorthands.flex(1, 1, '0px'),\n        outlineStyle: 'none'\n    },\n    sortable: {\n        cursor: 'pointer'\n    },\n    sortIcon: {\n        display: 'flex',\n        alignItems: 'center',\n        paddingTop: tokens.spacingVerticalXXS\n    },\n    resizeHandle: {}\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */ export const useTableHeaderCellStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const layoutStyles = {\n        table: useTableLayoutStyles(),\n        flex: useFlexLayoutStyles()\n    };\n    state.root.className = mergeClasses(tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n    state.button.className = mergeClasses(tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);\n    if (state.sortIcon) {\n        state.sortIcon.className = mergeClasses(tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);\n    }\n    if (state.aside) {\n        state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,OAAO,MAAMC,wBAAwB,GAAG,qBAAqB;AAC7D,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE,qBAAqB;EAC3BC,MAAM,EAAE,6BAA6B;EACrCC,QAAQ,EAAE,+BAA+B;EACzCC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,gBAAGX,QAAA;EAAAO,IAAA;IAAAK,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAK5B,CAAC;AACF,MAAMC,mBAAmB,gBAAGf,QAAA;EAAAO,IAAA;IAAAK,MAAA;IAAAI,OAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,OAAA;EAAA;AAAA;EAAAL,CAAA;AAAA,CAM3B,CAAC;AACF;AACA;AACA;AAAI,MAAMM,SAAS,gBAAGpB,QAAA;EAAAO,IAAA;IAAAc,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,eAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAxB,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAsB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAA3C,MAAA;IAAAyB,MAAA;IAAAmB,MAAA;IAAAxC,MAAA;IAAAI,OAAA;IAAAqC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAxC,OAAA;IAAAC,IAAA;IAAAwC,MAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;EAAA;EAAAnD,QAAA;IAAAG,MAAA;IAAA0C,OAAA;IAAAhC,MAAA;EAAA;EAAAuC,YAAA;AAAA;EAAA/C,CAAA;EAAAgD,CAAA;EAAAC,CAAA;AAAA,CAsDrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,MAAMC,MAAM,GAAG9C,SAAS,CAAC,CAAC;EAC1B,MAAM+C,YAAY,GAAG;IACjBC,KAAK,EAAEzD,oBAAoB,CAAC,CAAC;IAC7B0D,IAAI,EAAEtD,mBAAmB,CAAC;EAC9B,CAAC;EACDkD,KAAK,CAAC1D,IAAI,CAAC+D,SAAS,GAAGrE,YAAY,CAACK,yBAAyB,CAACC,IAAI,EAAE2D,MAAM,CAAC3D,IAAI,EAAE0D,KAAK,CAACN,QAAQ,IAAIO,MAAM,CAAChC,eAAe,EAAE+B,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAAC9D,IAAI,GAAG4D,YAAY,CAACC,KAAK,CAAC7D,IAAI,EAAE0D,KAAK,CAAC1D,IAAI,CAAC+D,SAAS,CAAC;EAC3NL,KAAK,CAACzD,MAAM,CAAC8D,SAAS,GAAGrE,YAAY,CAACK,yBAAyB,CAACE,MAAM,EAAE0D,MAAM,CAAC7B,WAAW,EAAE6B,MAAM,CAAC1D,MAAM,EAAEyD,KAAK,CAACN,QAAQ,IAAIO,MAAM,CAACP,QAAQ,EAAEM,KAAK,CAACzD,MAAM,CAAC8D,SAAS,CAAC;EACrK,IAAIL,KAAK,CAACxD,QAAQ,EAAE;IAChBwD,KAAK,CAACxD,QAAQ,CAAC6D,SAAS,GAAGrE,YAAY,CAACK,yBAAyB,CAACG,QAAQ,EAAEyD,MAAM,CAACzD,QAAQ,EAAEwD,KAAK,CAACxD,QAAQ,CAAC6D,SAAS,CAAC;EAC1H;EACA,IAAIL,KAAK,CAACvD,KAAK,EAAE;IACbuD,KAAK,CAACvD,KAAK,CAAC4D,SAAS,GAAGrE,YAAY,CAACK,yBAAyB,CAACI,KAAK,EAAEwD,MAAM,CAACL,YAAY,EAAEI,KAAK,CAACvD,KAAK,CAAC4D,SAAS,CAAC;EACrH;EACA,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","createCustomFocusIndicatorStyle","tableHeaderCellClassName","tableHeaderCellClassNames","root","button","sortIcon","aside","useTableLayoutStyles","mc9l5x","ha4doy","d","useFlexLayoutStyles","xawz","Bh6795r","Bnnss6s","fkmc3a","Bf4jedk","p","useStyles","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","robkg1","Bmvh20x","B3nxjsc","Bmkhcsx","B8osjzx","pehzd3","Blsv9te","u7xebq","Bsvwmf7","qhf8xq","rootInteractive","Jwef8y","ecr2s2","resetButton","B3rzk8w","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","rmohyg","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","useTableHeaderCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements"],"sources":["useTableHeaderCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames = {\n    root: 'fui-TableHeaderCell',\n    button: 'fui-TableHeaderCell__button',\n    sortIcon: 'fui-TableHeaderCell__sortIcon',\n    aside: 'fui-TableHeaderCell__aside'\n};\nconst useTableLayoutStyles = makeStyles({\n    root: {\n        display: 'table-cell',\n        verticalAlign: 'middle'\n    }\n});\nconst useFlexLayoutStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flex: '1 1 0px',\n        minWidth: '0px'\n    }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        fontWeight: tokens.fontWeightRegular,\n        padding: `0px ${tokens.spacingHorizontalS}`,\n        ...createCustomFocusIndicatorStyle({\n            outline: `2px solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium\n        }, {\n            selector: 'focus-within'\n        }),\n        position: 'relative'\n    },\n    rootInteractive: {\n        ':hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        }\n    },\n    resetButton: {\n        resize: 'horizontal',\n        boxSizing: 'content-box',\n        backgroundColor: 'inherit',\n        color: 'inherit',\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        lineHeight: 'normal',\n        overflow: 'visible',\n        padding: '0',\n        border: 'none',\n        textAlign: 'unset'\n    },\n    button: {\n        position: 'relative',\n        width: '100%',\n        display: 'flex',\n        flexGrow: 1,\n        height: '100%',\n        alignItems: 'center',\n        gap: tokens.spacingHorizontalXS,\n        minHeight: '32px',\n        flex: '1 1 0px',\n        outlineStyle: 'none'\n    },\n    sortable: {\n        cursor: 'pointer'\n    },\n    sortIcon: {\n        display: 'flex',\n        alignItems: 'center',\n        paddingTop: tokens.spacingVerticalXXS\n    },\n    resizeHandle: {}\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */ export const useTableHeaderCellStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const layoutStyles = {\n        table: useTableLayoutStyles(),\n        flex: useFlexLayoutStyles()\n    };\n    state.root.className = mergeClasses(tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n    state.button.className = mergeClasses(tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);\n    if (state.sortIcon) {\n        state.sortIcon.className = mergeClasses(tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);\n    }\n    if (state.aside) {\n        state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/TableResizeHandle/useTableResizeHandleStyles.styles.js

@@ -1,4 +1,4 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { __styles, mergeClasses } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
 export const tableResizeHandleClassNames = {
   root: 'fui-TableResizeHandle'
@@ -13,10 +13,11 @@ const useStyles = /*#__PURE__*/__styles({
     Bhzewxz: "f15twtuk",
     B5kzvoi: "f1yab3r1",
     a9b677: "fjw5fx7",
-    B6of3ja: "f1hu3pq6",
-    t21cq0: ["fn2i5td", "f1eybr6b"],
-    jrapky: "f19f4twv",
-    Frg6f3: ["f1eybr6b", "fn2i5td"],
+    jrapky: 0,
+    Frg6f3: 0,
+    t21cq0: 0,
+    B6of3ja: 0,
+    B74szlk: "fg06o1j",
     Bceei9c: "fc3en1c",
     abs64n: "fk73vx1",
     Bmy1vo4: "f13u1uyl",
@@ -35,7 +36,9 @@ const useStyles = /*#__PURE__*/__styles({
     Bkbwdz4: "f1swzn7y"
   }
 }, {
-  d: [".f1euv43f{position:absolute;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".f15twtuk{top:0;}", ".f1yab3r1{bottom:0;}", ".fjw5fx7{width:16px;}", ".f1hu3pq6{margin-top:0;}", ".fn2i5td{margin-right:-8px;}", ".f1eybr6b{margin-left:-8px;}", ".f19f4twv{margin-bottom:0;}", ".fc3en1c{cursor:col-resize;}", ".fk73vx1{opacity:0;}", ".f13u1uyl{transition-property:opacity;}", ".fezquic{transition-duration:.2s;}", ".f19g0ac{z-index:1;}", ".ftgrb5f:after{content:\" \";}", ".f2df6js:after{display:block;}", ".fshsryb:after{width:1px;}", ".f11ef69:after{position:absolute;}", ".f12lb1dx:after{left:50%;}", ".f13tbxeo:after{right:50%;}", ".fu4ulse:after{top:0;}", ".fw2wsqs:after{bottom:0;}", ".f1swzn7y:after{background-color:var(--colorNeutralStroke1);}"],
+  d: [".f1euv43f{position:absolute;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".f15twtuk{top:0;}", ".f1yab3r1{bottom:0;}", ".fjw5fx7{width:16px;}", [".fg06o1j{margin:0 -8px;}", {
+    p: -1
+  }], ".fc3en1c{cursor:col-resize;}", ".fk73vx1{opacity:0;}", ".f13u1uyl{transition-property:opacity;}", ".fezquic{transition-duration:.2s;}", ".f19g0ac{z-index:1;}", ".ftgrb5f:after{content:\" \";}", ".f2df6js:after{display:block;}", ".fshsryb:after{width:1px;}", ".f11ef69:after{position:absolute;}", ".f12lb1dx:after{left:50%;}", ".f13tbxeo:after{right:50%;}", ".fu4ulse:after{top:0;}", ".fw2wsqs:after{bottom:0;}", ".f1swzn7y:after{background-color:var(--colorNeutralStroke1);}"],
   f: [".f1tkae59:focus{opacity:1;}", ".ftqa4ok:focus{outline-style:none;}"],
   h: [".f15pjodv:hover{opacity:1;}"]
 });

package/lib/components/TableResizeHandle/useTableResizeHandleStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","tableResizeHandleClassNames","root","useStyles","qhf8xq","j35jbq","Bhzewxz","B5kzvoi","a9b677","B6of3ja","t21cq0","jrapky","Frg6f3","Bceei9c","abs64n","Bmy1vo4","B3o57yi","Bj3rh1h","B3cna0y","Brovlpu","B7zu5sd","Bs6t6z0","Fdvyjd","Biobvvw","Hdbjpj","jc51t6","u6d25","Bj55yzk","Bkbwdz4","d","f","h","useTableResizeHandleStyles_unstable","state","styles","className"],"sources":["useTableResizeHandleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tableResizeHandleClassNames = {\n    root: 'fui-TableResizeHandle'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'absolute',\n        right: 0,\n        top: 0,\n        bottom: 0,\n        width: '16px',\n        ...shorthands.margin(0, '-8px'),\n        cursor: 'col-resize',\n        opacity: 0,\n        transitionProperty: 'opacity',\n        transitionDuration: '.2s',\n        zIndex: 1,\n        // If mouse users focus on the resize handle through a context menu, we want the handle\n        // to be visible because the mouse might not be hovering over the handle\n        ':focus': {\n            opacity: 1,\n            outlineStyle: 'none'\n        },\n        ':hover': {\n            opacity: 1\n        },\n        ':after': {\n            content: '\" \"',\n            display: 'block',\n            width: '1px',\n            position: 'absolute',\n            left: '50%',\n            top: 0,\n            bottom: 0,\n            backgroundColor: tokens.colorNeutralStroke1\n        }\n    }\n});\n/**\n * Apply styling to the TableResizeHandle slots based on the state\n */ export const useTableResizeHandleStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAiCrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,mCAAmC,GAAIC,KAAK,IAAG;EAC5D,MAAMC,MAAM,GAAG/B,SAAS,CAAC,CAAC;EAC1B8B,KAAK,CAAC/B,IAAI,CAACiC,SAAS,GAAGrC,YAAY,CAACG,2BAA2B,CAACC,IAAI,EAAEgC,MAAM,CAAChC,IAAI,EAAE+B,KAAK,CAAC/B,IAAI,CAACiC,SAAS,CAAC;EACxG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","tableResizeHandleClassNames","root","useStyles","qhf8xq","j35jbq","Bhzewxz","B5kzvoi","a9b677","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Bceei9c","abs64n","Bmy1vo4","B3o57yi","Bj3rh1h","B3cna0y","Brovlpu","B7zu5sd","Bs6t6z0","Fdvyjd","Biobvvw","Hdbjpj","jc51t6","u6d25","Bj55yzk","Bkbwdz4","d","p","f","h","useTableResizeHandleStyles_unstable","state","styles","className"],"sources":["useTableResizeHandleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tableResizeHandleClassNames = {\n    root: 'fui-TableResizeHandle'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'absolute',\n        right: 0,\n        top: 0,\n        bottom: 0,\n        width: '16px',\n        margin: '0 -8px',\n        cursor: 'col-resize',\n        opacity: 0,\n        transitionProperty: 'opacity',\n        transitionDuration: '.2s',\n        zIndex: 1,\n        // If mouse users focus on the resize handle through a context menu, we want the handle\n        // to be visible because the mouse might not be hovering over the handle\n        ':focus': {\n            opacity: 1,\n            outlineStyle: 'none'\n        },\n        ':hover': {\n            opacity: 1\n        },\n        ':after': {\n            content: '\" \"',\n            display: 'block',\n            width: '1px',\n            position: 'absolute',\n            left: '50%',\n            top: 0,\n            bottom: 0,\n            backgroundColor: tokens.colorNeutralStroke1\n        }\n    }\n});\n/**\n * Apply styling to the TableResizeHandle slots based on the state\n */ export const useTableResizeHandleStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAiCrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,mCAAmC,GAAIC,KAAK,IAAG;EAC5D,MAAMC,MAAM,GAAGjC,SAAS,CAAC,CAAC;EAC1BgC,KAAK,CAACjC,IAAI,CAACmC,SAAS,GAAGtC,YAAY,CAACE,2BAA2B,CAACC,IAAI,EAAEkC,MAAM,CAAClC,IAAI,EAAEiC,KAAK,CAACjC,IAAI,CAACmC,SAAS,CAAC;EACxG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}