@fluentui/react-table 9.7.3 → 9.7.4

package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js

@@ -33,20 +33,25 @@ const useTableHeaderCell_unstable = (props, ref)=>{
             sortIcon: 'span',
             aside: 'span'
         },
-        root: (0, _reactUtilities.getNativeElementProps)(rootComponent, {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)(rootComponent, {
             ref: (0, _reactUtilities.useMergedRefs)(ref, (0, _reactTabster.useFocusWithin)()),
             role: rootComponent === 'div' ? 'columnheader' : undefined,
             'aria-sort': sortable ? (_props_sortDirection = props.sortDirection) !== null && _props_sortDirection !== void 0 ? _props_sortDirection : 'none' : undefined,
             ...props
+        }), {
+            elementType: rootComponent
         }),
-        aside: (0, _reactUtilities.resolveShorthand)(props.aside),
-        sortIcon: (0, _reactUtilities.resolveShorthand)(props.sortIcon, {
-            required: !!props.sortDirection,
+        aside: _reactUtilities.slot.optional(props.aside, {
+            elementType: 'span'
+        }),
+        sortIcon: _reactUtilities.slot.optional(props.sortIcon, {
+            renderByDefault: !!props.sortDirection,
             defaultProps: {
                 children: props.sortDirection ? sortIcons[props.sortDirection] : undefined
-            }
+            },
+            elementType: 'span'
         }),
-        button: (0, _reactAria.useARIAButtonShorthand)(props.button, {
+        button: _reactUtilities.slot.always((0, _reactAria.useARIAButtonShorthand)(props.button, {
             required: true,
             defaultProps: {
                 as: 'div',
@@ -55,6 +60,8 @@ const useTableHeaderCell_unstable = (props, ref)=>{
                     tabIndex: undefined
                 }
             }
+        }), {
+            elementType: 'div'
         }),
         sortable,
         noNativeElements

package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useTableContext } from '../../contexts/tableContext';\nconst sortIcons = {\n    ascending: /*#__PURE__*/ React.createElement(ArrowUpRegular, {\n        fontSize: 12\n    }),\n    descending: /*#__PURE__*/ React.createElement(ArrowDownRegular, {\n        fontSize: 12\n    })\n};\n/**\n * Create the state required to render TableHeaderCell.\n *\n * The returned state can be modified with hooks such as useTableHeaderCellStyles_unstable,\n * before being passed to renderTableHeaderCell_unstable.\n *\n * @param props - props from this instance of TableHeaderCell\n * @param ref - reference to root HTMLElement of TableHeaderCell\n */ export const useTableHeaderCell_unstable = (props, ref)=>{\n    const { noNativeElements , sortable  } = useTableContext();\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'th';\n    var _props_sortDirection;\n    return {\n        components: {\n            root: rootComponent,\n            button: 'div',\n            sortIcon: 'span',\n            aside: 'span'\n        },\n        root: getNativeElementProps(rootComponent, {\n            ref: useMergedRefs(ref, useFocusWithin()),\n            role: rootComponent === 'div' ? 'columnheader' : undefined,\n            'aria-sort': sortable ? (_props_sortDirection = props.sortDirection) !== null && _props_sortDirection !== void 0 ? _props_sortDirection : 'none' : undefined,\n            ...props\n        }),\n        aside: resolveShorthand(props.aside),\n        sortIcon: resolveShorthand(props.sortIcon, {\n            required: !!props.sortDirection,\n            defaultProps: {\n                children: props.sortDirection ? sortIcons[props.sortDirection] : undefined\n            }\n        }),\n        button: useARIAButtonShorthand(props.button, {\n            required: true,\n            defaultProps: {\n                as: 'div',\n                ...!sortable && {\n                    role: 'presentation',\n                    tabIndex: undefined\n                }\n            }\n        }),\n        sortable,\n        noNativeElements\n    };\n};\n"],"names":["useTableHeaderCell_unstable","sortIcons","ascending","React","createElement","ArrowUpRegular","fontSize","descending","ArrowDownRegular","props","ref","noNativeElements","sortable","useTableContext","_props_as","rootComponent","as","_props_sortDirection","components","root","button","sortIcon","aside","getNativeElementProps","useMergedRefs","useFocusWithin","role","undefined","sortDirection","resolveShorthand","required","defaultProps","children","useARIAButtonShorthand","tabIndex"],"mappings":";;;;+BAsBiBA;;aAAAA;;;6DAtBM;gCACgD;8BACxC;4BACkB;2BACV;8BACP;AAChC,MAAMC,YAAY;IACdC,WAAW,WAAW,GAAGC,OAAMC,aAAa,CAACC,0BAAc,EAAE;QACzDC,UAAU;IACd;IACAC,YAAY,WAAW,GAAGJ,OAAMC,aAAa,CAACI,4BAAgB,EAAE;QAC5DF,UAAU;IACd;AACJ;AASW,MAAMN,8BAA8B,CAACS,OAAOC,MAAM;IACzD,MAAM,EAAEC,iBAAgB,EAAGC,SAAQ,EAAG,GAAGC,IAAAA,6BAAe;IACxD,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYL,MAAMO,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYH,gBAAgB,AAAD,IAAK,QAAQ,IAAI;IAC7H,IAAIM;IACJ,OAAO;QACHC,YAAY;YACRC,MAAMJ;YACNK,QAAQ;YACRC,UAAU;YACVC,OAAO;QACX;QACAH,MAAMI,IAAAA,qCAAqB,EAACR,eAAe;YACvCL,KAAKc,IAAAA,6BAAa,EAACd,KAAKe,IAAAA,4BAAc;YACtCC,MAAMX,kBAAkB,QAAQ,iBAAiBY,SAAS;YAC1D,aAAaf,WAAW,AAACK,CAAAA,uBAAuBR,MAAMmB,aAAa,AAAD,MAAO,IAAI,IAAIX,yBAAyB,KAAK,IAAIA,uBAAuB,MAAM,GAAGU,SAAS;YAC5J,GAAGlB,KAAK;QACZ;QACAa,OAAOO,IAAAA,gCAAgB,EAACpB,MAAMa,KAAK;QACnCD,UAAUQ,IAAAA,gCAAgB,EAACpB,MAAMY,QAAQ,EAAE;YACvCS,UAAU,CAAC,CAACrB,MAAMmB,aAAa;YAC/BG,cAAc;gBACVC,UAAUvB,MAAMmB,aAAa,GAAG3B,SAAS,CAACQ,MAAMmB,aAAa,CAAC,GAAGD,SAAS;YAC9E;QACJ;QACAP,QAAQa,IAAAA,iCAAsB,EAACxB,MAAMW,MAAM,EAAE;YACzCU,UAAU,IAAI;YACdC,cAAc;gBACVf,IAAI;gBACJ,GAAG,CAACJ,YAAY;oBACZc,MAAM;oBACNQ,UAAUP;gBACd,CAAC;YACL;QACJ;QACAf;QACAD;IACJ;AACJ"}
+{"version":3,"sources":["useTableHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useTableContext } from '../../contexts/tableContext';\nconst sortIcons = {\n    ascending: /*#__PURE__*/ React.createElement(ArrowUpRegular, {\n        fontSize: 12\n    }),\n    descending: /*#__PURE__*/ React.createElement(ArrowDownRegular, {\n        fontSize: 12\n    })\n};\n/**\n * Create the state required to render TableHeaderCell.\n *\n * The returned state can be modified with hooks such as useTableHeaderCellStyles_unstable,\n * before being passed to renderTableHeaderCell_unstable.\n *\n * @param props - props from this instance of TableHeaderCell\n * @param ref - reference to root HTMLElement of TableHeaderCell\n */ export const useTableHeaderCell_unstable = (props, ref)=>{\n    const { noNativeElements , sortable  } = useTableContext();\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'th';\n    var _props_sortDirection;\n    return {\n        components: {\n            root: rootComponent,\n            button: 'div',\n            sortIcon: 'span',\n            aside: 'span'\n        },\n        root: slot.always(getNativeElementProps(rootComponent, {\n            ref: useMergedRefs(ref, useFocusWithin()),\n            role: rootComponent === 'div' ? 'columnheader' : undefined,\n            'aria-sort': sortable ? (_props_sortDirection = props.sortDirection) !== null && _props_sortDirection !== void 0 ? _props_sortDirection : 'none' : undefined,\n            ...props\n        }), {\n            elementType: rootComponent\n        }),\n        aside: slot.optional(props.aside, {\n            elementType: 'span'\n        }),\n        sortIcon: slot.optional(props.sortIcon, {\n            renderByDefault: !!props.sortDirection,\n            defaultProps: {\n                children: props.sortDirection ? sortIcons[props.sortDirection] : undefined\n            },\n            elementType: 'span'\n        }),\n        button: slot.always(useARIAButtonShorthand(props.button, {\n            required: true,\n            defaultProps: {\n                as: 'div',\n                ...!sortable && {\n                    role: 'presentation',\n                    tabIndex: undefined\n                }\n            }\n        }), {\n            elementType: 'div'\n        }),\n        sortable,\n        noNativeElements\n    };\n};\n"],"names":["useTableHeaderCell_unstable","sortIcons","ascending","React","createElement","ArrowUpRegular","fontSize","descending","ArrowDownRegular","props","ref","noNativeElements","sortable","useTableContext","_props_as","rootComponent","as","_props_sortDirection","components","root","button","sortIcon","aside","slot","always","getNativeElementProps","useMergedRefs","useFocusWithin","role","undefined","sortDirection","elementType","optional","renderByDefault","defaultProps","children","useARIAButtonShorthand","required","tabIndex"],"mappings":";;;;+BAsBiBA;;aAAAA;;;6DAtBM;gCACoC;8BAC5B;4BACkB;2BACV;8BACP;AAChC,MAAMC,YAAY;IACdC,WAAW,WAAW,GAAGC,OAAMC,aAAa,CAACC,0BAAc,EAAE;QACzDC,UAAU;IACd;IACAC,YAAY,WAAW,GAAGJ,OAAMC,aAAa,CAACI,4BAAgB,EAAE;QAC5DF,UAAU;IACd;AACJ;AASW,MAAMN,8BAA8B,CAACS,OAAOC,MAAM;IACzD,MAAM,EAAEC,iBAAgB,EAAGC,SAAQ,EAAG,GAAGC,IAAAA,6BAAe;IACxD,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYL,MAAMO,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYH,gBAAgB,AAAD,IAAK,QAAQ,IAAI;IAC7H,IAAIM;IACJ,OAAO;QACHC,YAAY;YACRC,MAAMJ;YACNK,QAAQ;YACRC,UAAU;YACVC,OAAO;QACX;QACAH,MAAMI,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACV,eAAe;YACnDL,KAAKgB,IAAAA,6BAAa,EAAChB,KAAKiB,IAAAA,4BAAc;YACtCC,MAAMb,kBAAkB,QAAQ,iBAAiBc,SAAS;YAC1D,aAAajB,WAAW,AAACK,CAAAA,uBAAuBR,MAAMqB,aAAa,AAAD,MAAO,IAAI,IAAIb,yBAAyB,KAAK,IAAIA,uBAAuB,MAAM,GAAGY,SAAS;YAC5J,GAAGpB,KAAK;QACZ,IAAI;YACAsB,aAAahB;QACjB;QACAO,OAAOC,oBAAI,CAACS,QAAQ,CAACvB,MAAMa,KAAK,EAAE;YAC9BS,aAAa;QACjB;QACAV,UAAUE,oBAAI,CAACS,QAAQ,CAACvB,MAAMY,QAAQ,EAAE;YACpCY,iBAAiB,CAAC,CAACxB,MAAMqB,aAAa;YACtCI,cAAc;gBACVC,UAAU1B,MAAMqB,aAAa,GAAG7B,SAAS,CAACQ,MAAMqB,aAAa,CAAC,GAAGD,SAAS;YAC9E;YACAE,aAAa;QACjB;QACAX,QAAQG,oBAAI,CAACC,MAAM,CAACY,IAAAA,iCAAsB,EAAC3B,MAAMW,MAAM,EAAE;YACrDiB,UAAU,IAAI;YACdH,cAAc;gBACVlB,IAAI;gBACJ,GAAG,CAACJ,YAAY;oBACZgB,MAAM;oBACNU,UAAUT;gBACd,CAAC;YACL;QACJ,IAAI;YACAE,aAAa;QACjB;QACAnB;QACAD;IACJ;AACJ"}

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

@@ -42,10 +42,10 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
     }
 }, {
     d: [
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
-        ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
-        ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}",
+        ".f22iagw{display:flex;}",
+        ".fqerorx{flex-grow:1;}",
+        ".f1neuvcm{flex-shrink:1;}",
+        ".fkjuxzh{flex-basis:0px;}",
         ".f10tiqix{min-width:0px;}"
     ]
 });
@@ -180,15 +180,15 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f37px4s{-webkit-appearance:button;}",
         ".fgusgyc{text-align:unset;}",
         ".fly5x3f{width:100%;}",
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
+        ".f22iagw{display:flex;}",
+        ".fqerorx{flex-grow:1;}",
         ".f1l02sjl{height:100%;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
-        ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
+        ".f122n59{align-items:center;}",
+        ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}",
         ".f14sijuj{row-gap:var(--spacingHorizontalXS);}",
         ".f1nxs5xn{min-height:32px;}",
-        ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
-        ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}",
+        ".f1neuvcm{flex-shrink:1;}",
+        ".fkjuxzh{flex-basis:0px;}",
         ".f1s6fcnf{outline-style:none;}",
         ".f1k6fduh{cursor:pointer;}",
         ".fclwglc{padding-top:var(--spacingVerticalXXS);}"

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

@@ -1 +1 @@
-{"version":3,"sources":["useTableHeaderCellStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f15pt5es\",\n    ha4doy: \"fmrv4ls\"\n  }\n}, {\n  d: [\".f15pt5es{display:table-cell;}\", \".fmrv4ls{vertical-align:middle;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\",\n    Bf4jedk: \"f10tiqix\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}\", \".f10tiqix{min-width:0px;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bhrd7zp: \"figsok6\",\n    z8tnut: \"f1nbblvp\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1ov4xf1\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    B3nxjsc: \"fhix6mv\",\n    Bmvh20x: \"fha7anx\",\n    robkg1: \"f1fmzww4\",\n    pehzd3: [\"fs9qmxf\", \"f187m4uq\"],\n    B8osjzx: [\"f187m4uq\", \"fs9qmxf\"],\n    u7xebq: [\"f145mzao\", \"f1uha7eq\"],\n    Blsv9te: [\"f1uha7eq\", \"f145mzao\"],\n    qhf8xq: \"f10pi13n\"\n  },\n  rootInteractive: {\n    Jwef8y: \"f1t94bn6\",\n    ecr2s2: \"f1wfn5kd\"\n  },\n  resetButton: {\n    B3rzk8w: \"fq6nmtn\",\n    B7ck84d: \"f1e4lqlz\",\n    De3pzq: \"f1u2r49w\",\n    sj55zd: \"f1ym3bx4\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fjoy568\",\n    Bg96gwp: \"fytdu2e\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    Bv0vk6g: \"f37px4s\",\n    fsow6f: \"fgusgyc\"\n  },\n  button: {\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"fly5x3f\",\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bqenvij: \"f1l02sjl\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: \"f1ufnopg\",\n    Belr9w4: \"f14sijuj\",\n    sshi5w: \"f1nxs5xn\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\",\n    oeaueh: \"f1s6fcnf\"\n  },\n  sortable: {\n    Bceei9c: \"f1k6fduh\"\n  },\n  sortIcon: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    z8tnut: \"fclwglc\"\n  },\n  resizeHandle: {}\n}, {\n  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;}\", \".f37px4s{-webkit-appearance:button;}\", \".fgusgyc{text-align:unset;}\", \".fly5x3f{width:100%;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1l02sjl{height:100%;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\", \".f1nxs5xn{min-height:32px;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}\", \".f1s6fcnf{outline-style:none;}\", \".f1k6fduh{cursor:pointer;}\", \".fclwglc{padding-top:var(--spacingVerticalXXS);}\"],\n  h: [\".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\"],\n  a: [\".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */\nexport 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//# sourceMappingURL=useTableHeaderCellStyles.styles.js.map"],"names":["tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable","root","button","sortIcon","aside","useTableLayoutStyles","__styles","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","Bv0vk6g","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"mappings":"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"}
+{"version":3,"sources":["useTableHeaderCellStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f15pt5es\",\n    ha4doy: \"fmrv4ls\"\n  }\n}, {\n  d: [\".f15pt5es{display:table-cell;}\", \".fmrv4ls{vertical-align:middle;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\",\n    Bf4jedk: \"f10tiqix\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".fkjuxzh{flex-basis:0px;}\", \".f10tiqix{min-width:0px;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bhrd7zp: \"figsok6\",\n    z8tnut: \"f1nbblvp\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1ov4xf1\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    B3nxjsc: \"fhix6mv\",\n    Bmvh20x: \"fha7anx\",\n    robkg1: \"f1fmzww4\",\n    pehzd3: [\"fs9qmxf\", \"f187m4uq\"],\n    B8osjzx: [\"f187m4uq\", \"fs9qmxf\"],\n    u7xebq: [\"f145mzao\", \"f1uha7eq\"],\n    Blsv9te: [\"f1uha7eq\", \"f145mzao\"],\n    qhf8xq: \"f10pi13n\"\n  },\n  rootInteractive: {\n    Jwef8y: \"f1t94bn6\",\n    ecr2s2: \"f1wfn5kd\"\n  },\n  resetButton: {\n    B3rzk8w: \"fq6nmtn\",\n    B7ck84d: \"f1e4lqlz\",\n    De3pzq: \"f1u2r49w\",\n    sj55zd: \"f1ym3bx4\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fjoy568\",\n    Bg96gwp: \"fytdu2e\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    Bv0vk6g: \"f37px4s\",\n    fsow6f: \"fgusgyc\"\n  },\n  button: {\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"fly5x3f\",\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bqenvij: \"f1l02sjl\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: \"f1ufnopg\",\n    Belr9w4: \"f14sijuj\",\n    sshi5w: \"f1nxs5xn\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\",\n    oeaueh: \"f1s6fcnf\"\n  },\n  sortable: {\n    Bceei9c: \"f1k6fduh\"\n  },\n  sortIcon: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    z8tnut: \"fclwglc\"\n  },\n  resizeHandle: {}\n}, {\n  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;}\", \".f37px4s{-webkit-appearance:button;}\", \".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);}\"],\n  h: [\".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\"],\n  a: [\".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */\nexport 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//# sourceMappingURL=useTableHeaderCellStyles.styles.js.map"],"names":["tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable","root","button","sortIcon","aside","useTableLayoutStyles","__styles","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","Bv0vk6g","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"mappings":"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"}

package/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderTableResizeHandle_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderTableResizeHandle_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
 };

package/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableResizeHandle.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableResizeHandle\n */ export const renderTableResizeHandle_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderTableResizeHandle_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,mCAAmC,CAACC,QAAQ;IACzD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
+{"version":3,"sources":["renderTableResizeHandle.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableResizeHandle\n */ export const renderTableResizeHandle_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderTableResizeHandle_unstable","state","assertSlots","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,mCAAmC,CAACC,QAAQ;IACzDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}

package/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js

@@ -19,10 +19,12 @@ const useTableResizeHandle_unstable = (props, ref)=>{
         components: {
             root: 'div'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
             ref,
             ...props,
             onClick
+        }), {
+            elementType: 'div'
         })
     };
 };

package/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableResizeHandle.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TableResizeHandle.\n *\n * The returned state can be modified with hooks such as useTableResizeHandleStyles_unstable,\n * before being passed to renderTableResizeHandle_unstable.\n *\n * @param props - props from this instance of TableResizeHandle\n * @param ref - reference to root HTMLElement of TableResizeHandle\n */ export const useTableResizeHandle_unstable = (props, ref)=>{\n    const onClick = useEventCallback((event)=>{\n        var _props_onClick;\n        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);\n        event.stopPropagation();\n    });\n    return {\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props,\n            onClick\n        })\n    };\n};\n"],"names":["useTableResizeHandle_unstable","props","ref","onClick","useEventCallback","event","_props_onClick","call","stopPropagation","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACiC;AAS7C,MAAMA,gCAAgC,CAACC,OAAOC,MAAM;IAC3D,MAAMC,UAAUC,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QACtC,IAAIC;QACHA,CAAAA,iBAAiBL,MAAME,OAAO,AAAD,MAAO,IAAI,IAAIG,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeC,IAAI,CAACN,OAAOI,MAAM;QACnHA,MAAMG,eAAe;IACzB;IACA,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BT;YACA,GAAGD,KAAK;YACRE;QACJ;IACJ;AACJ"}
+{"version":3,"sources":["useTableResizeHandle.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TableResizeHandle.\n *\n * The returned state can be modified with hooks such as useTableResizeHandleStyles_unstable,\n * before being passed to renderTableResizeHandle_unstable.\n *\n * @param props - props from this instance of TableResizeHandle\n * @param ref - reference to root HTMLElement of TableResizeHandle\n */ export const useTableResizeHandle_unstable = (props, ref)=>{\n    const onClick = useEventCallback((event)=>{\n        var _props_onClick;\n        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);\n        event.stopPropagation();\n    });\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props,\n            onClick\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useTableResizeHandle_unstable","props","ref","onClick","useEventCallback","event","_props_onClick","call","stopPropagation","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACuC;AASnD,MAAMA,gCAAgC,CAACC,OAAOC,MAAM;IAC3D,MAAMC,UAAUC,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QACtC,IAAIC;QACHA,CAAAA,iBAAiBL,MAAME,OAAO,AAAD,MAAO,IAAI,IAAIG,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeC,IAAI,CAACN,OAAOI,MAAM;QACnHA,MAAMG,eAAe;IACzB;IACA,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CX;YACA,GAAGD,KAAK;YACRE;QACJ,IAAI;YACAW,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/TableRow/renderTableRow.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderTableRow_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderTableRow_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
 };

package/lib-commonjs/components/TableRow/renderTableRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableRow.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableRow\n */ export const renderTableRow_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderTableRow_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,0BAA0B,CAACC,QAAQ;IAChD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
+{"version":3,"sources":["renderTableRow.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableRow\n */ export const renderTableRow_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderTableRow_unstable","state","assertSlots","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,0BAA0B,CAACC,QAAQ;IAChDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}

package/lib-commonjs/components/TableRow/useTableRow.js

@@ -24,10 +24,12 @@ const useTableRow_unstable = (props, ref)=>{
         components: {
             root: rootComponent
         },
-        root: (0, _reactUtilities.getNativeElementProps)(rootComponent, {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)(rootComponent, {
             ref: (0, _reactUtilities.useMergedRefs)(ref, focusVisibleRef, focusWithinRef),
             role: rootComponent === 'div' ? 'row' : undefined,
             ...props
+        }), {
+            elementType: rootComponent
         }),
         size,
         noNativeElements,

package/lib-commonjs/components/TableRow/useTableRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableRow.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusVisible, useFocusWithin } from '@fluentui/react-tabster';\nimport { useTableContext } from '../../contexts/tableContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\n/**\n * Create the state required to render TableRow.\n *\n * The returned state can be modified with hooks such as useTableRowStyles_unstable,\n * before being passed to renderTableRow_unstable.\n *\n * @param props - props from this instance of TableRow\n * @param ref - reference to root HTMLElement of TableRow\n */ export const useTableRow_unstable = (props, ref)=>{\n    const { noNativeElements , size  } = useTableContext();\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'tr';\n    const focusVisibleRef = useFocusVisible();\n    const focusWithinRef = useFocusWithin();\n    const isHeaderRow = useIsInTableHeader();\n    var _props_appearance;\n    return {\n        components: {\n            root: rootComponent\n        },\n        root: getNativeElementProps(rootComponent, {\n            ref: useMergedRefs(ref, focusVisibleRef, focusWithinRef),\n            role: rootComponent === 'div' ? 'row' : undefined,\n            ...props\n        }),\n        size,\n        noNativeElements,\n        appearance: (_props_appearance = props.appearance) !== null && _props_appearance !== void 0 ? _props_appearance : 'none',\n        isHeaderRow\n    };\n};\n"],"names":["useTableRow_unstable","props","ref","noNativeElements","size","useTableContext","_props_as","rootComponent","as","focusVisibleRef","useFocusVisible","focusWithinRef","useFocusWithin","isHeaderRow","useIsInTableHeader","_props_appearance","components","root","getNativeElementProps","useMergedRefs","role","undefined","appearance"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;gCAC8B;8BACL;8BAChB;oCACG;AASxB,MAAMA,uBAAuB,CAACC,OAAOC,MAAM;IAClD,MAAM,EAAEC,iBAAgB,EAAGC,KAAI,EAAG,GAAGC,IAAAA,6BAAe;IACpD,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYL,MAAMO,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYH,gBAAgB,AAAD,IAAK,QAAQ,IAAI;IAC7H,MAAMM,kBAAkBC,IAAAA,6BAAe;IACvC,MAAMC,iBAAiBC,IAAAA,4BAAc;IACrC,MAAMC,cAAcC,IAAAA,sCAAkB;IACtC,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAMV;QACV;QACAU,MAAMC,IAAAA,qCAAqB,EAACX,eAAe;YACvCL,KAAKiB,IAAAA,6BAAa,EAACjB,KAAKO,iBAAiBE;YACzCS,MAAMb,kBAAkB,QAAQ,QAAQc,SAAS;YACjD,GAAGpB,KAAK;QACZ;QACAG;QACAD;QACAmB,YAAY,AAACP,CAAAA,oBAAoBd,MAAMqB,UAAU,AAAD,MAAO,IAAI,IAAIP,sBAAsB,KAAK,IAAIA,oBAAoB,MAAM;QACxHF;IACJ;AACJ"}
+{"version":3,"sources":["useTableRow.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusVisible, useFocusWithin } from '@fluentui/react-tabster';\nimport { useTableContext } from '../../contexts/tableContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\n/**\n * Create the state required to render TableRow.\n *\n * The returned state can be modified with hooks such as useTableRowStyles_unstable,\n * before being passed to renderTableRow_unstable.\n *\n * @param props - props from this instance of TableRow\n * @param ref - reference to root HTMLElement of TableRow\n */ export const useTableRow_unstable = (props, ref)=>{\n    const { noNativeElements , size  } = useTableContext();\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'tr';\n    const focusVisibleRef = useFocusVisible();\n    const focusWithinRef = useFocusWithin();\n    const isHeaderRow = useIsInTableHeader();\n    var _props_appearance;\n    return {\n        components: {\n            root: rootComponent\n        },\n        root: slot.always(getNativeElementProps(rootComponent, {\n            ref: useMergedRefs(ref, focusVisibleRef, focusWithinRef),\n            role: rootComponent === 'div' ? 'row' : undefined,\n            ...props\n        }), {\n            elementType: rootComponent\n        }),\n        size,\n        noNativeElements,\n        appearance: (_props_appearance = props.appearance) !== null && _props_appearance !== void 0 ? _props_appearance : 'none',\n        isHeaderRow\n    };\n};\n"],"names":["useTableRow_unstable","props","ref","noNativeElements","size","useTableContext","_props_as","rootComponent","as","focusVisibleRef","useFocusVisible","focusWithinRef","useFocusWithin","isHeaderRow","useIsInTableHeader","_props_appearance","components","root","slot","always","getNativeElementProps","useMergedRefs","role","undefined","elementType","appearance"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;gCACoC;8BACX;8BAChB;oCACG;AASxB,MAAMA,uBAAuB,CAACC,OAAOC,MAAM;IAClD,MAAM,EAAEC,iBAAgB,EAAGC,KAAI,EAAG,GAAGC,IAAAA,6BAAe;IACpD,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYL,MAAMO,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYH,gBAAgB,AAAD,IAAK,QAAQ,IAAI;IAC7H,MAAMM,kBAAkBC,IAAAA,6BAAe;IACvC,MAAMC,iBAAiBC,IAAAA,4BAAc;IACrC,MAAMC,cAAcC,IAAAA,sCAAkB;IACtC,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAMV;QACV;QACAU,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACb,eAAe;YACnDL,KAAKmB,IAAAA,6BAAa,EAACnB,KAAKO,iBAAiBE;YACzCW,MAAMf,kBAAkB,QAAQ,QAAQgB,SAAS;YACjD,GAAGtB,KAAK;QACZ,IAAI;YACAuB,aAAajB;QACjB;QACAH;QACAD;QACAsB,YAAY,AAACV,CAAAA,oBAAoBd,MAAMwB,UAAU,AAAD,MAAO,IAAI,IAAIV,sBAAsB,KAAK,IAAIA,oBAAoB,MAAM;QACxHF;IACJ;AACJ"}

package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js

@@ -34,8 +34,8 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
     }
 }, {
     d: [
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"
+        ".f22iagw{display:flex;}",
+        ".f122n59{align-items:center;}"
     ]
 });
 /**
@@ -283,120 +283,6 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
                 m: "(forced-colors: active)"
             }
         ],
-        [
-            "@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fd94n53{box-sizing:border-box;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1e0wld5:focus-visible{outline-offset:-4px;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fqlf3fd{border-top-width:2px;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
         [
             "@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}",
             {
@@ -415,12 +301,6 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
                 m: "(forced-colors: active)"
             }
         ],
-        [
-            "@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
         [
             "@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}",
             {
@@ -439,30 +319,12 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
                 m: "(forced-colors: active)"
             }
         ],
-        [
-            "@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
         [
             "@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
-        [
-            "@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
         [
             "@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}",
             {

package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableRowStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles.styles';\nimport { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles.styles';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableRowClassName = 'fui-TableRow';\nexport const tableRowClassNames = {\n  root: tableRowClassName\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f1u0rzck\"\n  }\n}, {\n  d: [\".f1u0rzck{display:table-row;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    sj55zd: \"f19n0e5\",\n    B7ck84d: \"f1ewtqcl\",\n    Bconypa: \"f1jazu75\",\n    B6guboy: \"f1xeqee6\",\n    Bn4voq9: \"fz36nt7\",\n    g9k6zt: \"f9znhxp\",\n    Bfpq7zp: \"fqrak0z\",\n    kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n    Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n    B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n    dm238s: [\"f1witrsb\", \"fxmnebo\"]\n  },\n  noAppearanceFocusWithin: {\n    Bm5rygw: \"f13cic75\"\n  },\n  rootInteractive: {\n    ecr2s2: \"f1wfn5kd\",\n    lj723h: \"f1g4hkjv\",\n    B43xm9u: \"f15ngxrw\",\n    i921ia: \"fjbbrdp\",\n    Jwef8y: \"f1t94bn6\",\n    Bi91k9c: \"feu1g3u\",\n    Bpt6rm4: \"f1uorfem\",\n    ff6mpl: \"fw60kww\"\n  },\n  medium: {\n    Bn0qgzm: \"f1vxd6vx\",\n    oivjwe: \"fg706s2\",\n    B9xav0g: \"frpde29\"\n  },\n  small: {\n    Bn0qgzm: \"f1vxd6vx\",\n    oivjwe: \"fg706s2\",\n    B9xav0g: \"frpde29\"\n  },\n  \"extra-small\": {\n    Be2twd7: \"fy9rknc\"\n  },\n  brand: {\n    De3pzq: \"f16xkysk\",\n    g2u3we: \"f1bh3yvw\",\n    h3c5rm: [\"fmi79ni\", \"f11fozsx\"],\n    B9xav0g: \"fnzw4c6\",\n    zhjwy3: [\"f11fozsx\", \"fmi79ni\"],\n    ecr2s2: \"ftepret\",\n    gwxt9v: \"fqlf3fd\",\n    v3aym: [\"f9dpb3h\", \"fw2muls\"],\n    Bc736ss: \"f1yat0gj\",\n    Bk6ri7n: [\"fw2muls\", \"f9dpb3h\"],\n    Bk5ld8o: \"f7nae3y\",\n    c4eypz: [\"fkbere7\", \"fa97sf3\"],\n    felo30: \"fmtyzcc\",\n    Eshu5l: [\"fa97sf3\", \"fkbere7\"],\n    Bjwas2f: \"fb6zhgp\",\n    Bn1d65q: [\"fyowp6c\", \"fz08sq8\"],\n    Bxeuatn: \"f9dii88\",\n    n51gp8: [\"fz08sq8\", \"fyowp6c\"],\n    Beo2b4z: [\"f1afxoft\", \"flqq2yx\"],\n    h6lo6r: [\"flqq2yx\", \"f1afxoft\"],\n    Btyw6ap: [\"f1b5xrmd\", \"f1831rx6\"],\n    w1pwid: [\"f1831rx6\", \"f1b5xrmd\"],\n    Brwvgy3: \"fd94n53\",\n    yadkgm: \"f1e0wld5\"\n  },\n  neutral: {\n    gwxt9v: \"fqlf3fd\",\n    v3aym: [\"f9dpb3h\", \"fw2muls\"],\n    Bc736ss: \"f1yat0gj\",\n    Bk6ri7n: [\"fw2muls\", \"f9dpb3h\"],\n    Bk5ld8o: \"f7nae3y\",\n    c4eypz: [\"fkbere7\", \"fa97sf3\"],\n    felo30: \"fmtyzcc\",\n    Eshu5l: [\"fa97sf3\", \"fkbere7\"],\n    Bjwas2f: \"fb6zhgp\",\n    Bn1d65q: [\"fyowp6c\", \"fz08sq8\"],\n    Bxeuatn: \"f9dii88\",\n    n51gp8: [\"fz08sq8\", \"fyowp6c\"],\n    Beo2b4z: [\"f1afxoft\", \"flqq2yx\"],\n    h6lo6r: [\"flqq2yx\", \"f1afxoft\"],\n    Btyw6ap: [\"f1b5xrmd\", \"f1831rx6\"],\n    w1pwid: [\"f1831rx6\", \"f1b5xrmd\"],\n    Brwvgy3: \"fd94n53\",\n    yadkgm: \"f1e0wld5\",\n    De3pzq: \"fq5gl1p\",\n    sj55zd: \"f1cgsbmv\",\n    Jwef8y: \"f1uqaxdt\",\n    ecr2s2: \"fa9o754\",\n    g2u3we: \"frmsihh\",\n    h3c5rm: [\"frttxa5\", \"f11o2r7f\"],\n    B9xav0g: \"fem5et0\",\n    zhjwy3: [\"f11o2r7f\", \"frttxa5\"]\n  },\n  none: {}\n}, {\n  d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1jazu75[data-fui-focus-within]:focus-within .fui-TableSelectionCell{opacity:1;}\", \".f1xeqee6[data-fui-focus-within]:focus-within .fui-TableCellActions{opacity:1;}\", \".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);}\", \".f13cic75[data-fui-focus-within]:focus-within{background-color:var(--colorSubtleBackgroundHover);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fg706s2{border-bottom-style:solid;}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".f1bh3yvw{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".fmi79ni{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".f11fozsx{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".fnzw4c6{border-bottom-color:var(--colorTransparentStrokeInteractive);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1cgsbmv{color:var(--colorNeutralForeground1Hover);}\", \".frmsihh{border-top-color:var(--colorNeutralStrokeOnBrand);}\", \".frttxa5{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f11o2r7f{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".fem5et0{border-bottom-color:var(--colorNeutralStrokeOnBrand);}\"],\n  a: [\".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".f15ngxrw:active .fui-TableCellActions{opacity:1;}\", \".fjbbrdp:active .fui-TableSelectionCell{opacity:1;}\", \".ftepret:active{background-color:var(--colorBrandBackgroundInvertedSelected);}\", \".fa9o754:active{background-color:var(--colorSubtleBackgroundSelected);}\"],\n  h: [\".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f1uorfem:hover .fui-TableCellActions{opacity:1;}\", \".fw60kww:hover .fui-TableSelectionCell{opacity:1;}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n  m: [[\"@media (forced-colors: active){.fqlf3fd{border-top-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fd94n53{box-sizing:border-box;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1e0wld5:focus-visible{outline-offset:-4px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fqlf3fd{border-top-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fd94n53{box-sizing:border-box;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1e0wld5:focus-visible{outline-offset:-4px;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the TableRow slots based on the state\n */\nexport const useTableRowStyles_unstable = state => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableRowClassNames.root, styles.root, !state.isHeaderRow && styles.rootInteractive, styles[state.size], state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, styles[state.appearance], state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableRowStyles.styles.js.map"],"names":["tableRowClassName","tableRowClassNames","useTableRowStyles_unstable","root","useTableLayoutStyles","__styles","mc9l5x","d","useFlexLayoutStyles","Bt984gj","useStyles","sj55zd","B7ck84d","Bconypa","B6guboy","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","noAppearanceFocusWithin","Bm5rygw","rootInteractive","ecr2s2","lj723h","B43xm9u","i921ia","Jwef8y","Bi91k9c","Bpt6rm4","ff6mpl","medium","Bn0qgzm","oivjwe","B9xav0g","small","Be2twd7","brand","De3pzq","g2u3we","h3c5rm","zhjwy3","gwxt9v","v3aym","Bc736ss","Bk6ri7n","Bk5ld8o","c4eypz","felo30","Eshu5l","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Beo2b4z","h6lo6r","Btyw6ap","w1pwid","Brwvgy3","yadkgm","neutral","none","a","h","m","state","styles","layoutStyles","table","flex","className","mergeClasses","isHeaderRow","size","noNativeElements","appearance"],"mappings":"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"}
+{"version":3,"sources":["useTableRowStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles.styles';\nimport { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles.styles';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableRowClassName = 'fui-TableRow';\nexport const tableRowClassNames = {\n  root: tableRowClassName\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f1u0rzck\"\n  }\n}, {\n  d: [\".f1u0rzck{display:table-row;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    sj55zd: \"f19n0e5\",\n    B7ck84d: \"f1ewtqcl\",\n    Bconypa: \"f1jazu75\",\n    B6guboy: \"f1xeqee6\",\n    Bn4voq9: \"fz36nt7\",\n    g9k6zt: \"f9znhxp\",\n    Bfpq7zp: \"fqrak0z\",\n    kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n    Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n    B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n    dm238s: [\"f1witrsb\", \"fxmnebo\"]\n  },\n  noAppearanceFocusWithin: {\n    Bm5rygw: \"f13cic75\"\n  },\n  rootInteractive: {\n    ecr2s2: \"f1wfn5kd\",\n    lj723h: \"f1g4hkjv\",\n    B43xm9u: \"f15ngxrw\",\n    i921ia: \"fjbbrdp\",\n    Jwef8y: \"f1t94bn6\",\n    Bi91k9c: \"feu1g3u\",\n    Bpt6rm4: \"f1uorfem\",\n    ff6mpl: \"fw60kww\"\n  },\n  medium: {\n    Bn0qgzm: \"f1vxd6vx\",\n    oivjwe: \"fg706s2\",\n    B9xav0g: \"frpde29\"\n  },\n  small: {\n    Bn0qgzm: \"f1vxd6vx\",\n    oivjwe: \"fg706s2\",\n    B9xav0g: \"frpde29\"\n  },\n  \"extra-small\": {\n    Be2twd7: \"fy9rknc\"\n  },\n  brand: {\n    De3pzq: \"f16xkysk\",\n    g2u3we: \"f1bh3yvw\",\n    h3c5rm: [\"fmi79ni\", \"f11fozsx\"],\n    B9xav0g: \"fnzw4c6\",\n    zhjwy3: [\"f11fozsx\", \"fmi79ni\"],\n    ecr2s2: \"ftepret\",\n    gwxt9v: \"fqlf3fd\",\n    v3aym: [\"f9dpb3h\", \"fw2muls\"],\n    Bc736ss: \"f1yat0gj\",\n    Bk6ri7n: [\"fw2muls\", \"f9dpb3h\"],\n    Bk5ld8o: \"f7nae3y\",\n    c4eypz: [\"fkbere7\", \"fa97sf3\"],\n    felo30: \"fmtyzcc\",\n    Eshu5l: [\"fa97sf3\", \"fkbere7\"],\n    Bjwas2f: \"fb6zhgp\",\n    Bn1d65q: [\"fyowp6c\", \"fz08sq8\"],\n    Bxeuatn: \"f9dii88\",\n    n51gp8: [\"fz08sq8\", \"fyowp6c\"],\n    Beo2b4z: [\"f1afxoft\", \"flqq2yx\"],\n    h6lo6r: [\"flqq2yx\", \"f1afxoft\"],\n    Btyw6ap: [\"f1b5xrmd\", \"f1831rx6\"],\n    w1pwid: [\"f1831rx6\", \"f1b5xrmd\"],\n    Brwvgy3: \"fd94n53\",\n    yadkgm: \"f1e0wld5\"\n  },\n  neutral: {\n    gwxt9v: \"fqlf3fd\",\n    v3aym: [\"f9dpb3h\", \"fw2muls\"],\n    Bc736ss: \"f1yat0gj\",\n    Bk6ri7n: [\"fw2muls\", \"f9dpb3h\"],\n    Bk5ld8o: \"f7nae3y\",\n    c4eypz: [\"fkbere7\", \"fa97sf3\"],\n    felo30: \"fmtyzcc\",\n    Eshu5l: [\"fa97sf3\", \"fkbere7\"],\n    Bjwas2f: \"fb6zhgp\",\n    Bn1d65q: [\"fyowp6c\", \"fz08sq8\"],\n    Bxeuatn: \"f9dii88\",\n    n51gp8: [\"fz08sq8\", \"fyowp6c\"],\n    Beo2b4z: [\"f1afxoft\", \"flqq2yx\"],\n    h6lo6r: [\"flqq2yx\", \"f1afxoft\"],\n    Btyw6ap: [\"f1b5xrmd\", \"f1831rx6\"],\n    w1pwid: [\"f1831rx6\", \"f1b5xrmd\"],\n    Brwvgy3: \"fd94n53\",\n    yadkgm: \"f1e0wld5\",\n    De3pzq: \"fq5gl1p\",\n    sj55zd: \"f1cgsbmv\",\n    Jwef8y: \"f1uqaxdt\",\n    ecr2s2: \"fa9o754\",\n    g2u3we: \"frmsihh\",\n    h3c5rm: [\"frttxa5\", \"f11o2r7f\"],\n    B9xav0g: \"fem5et0\",\n    zhjwy3: [\"f11o2r7f\", \"frttxa5\"]\n  },\n  none: {}\n}, {\n  d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1jazu75[data-fui-focus-within]:focus-within .fui-TableSelectionCell{opacity:1;}\", \".f1xeqee6[data-fui-focus-within]:focus-within .fui-TableCellActions{opacity:1;}\", \".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);}\", \".f13cic75[data-fui-focus-within]:focus-within{background-color:var(--colorSubtleBackgroundHover);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fg706s2{border-bottom-style:solid;}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".f1bh3yvw{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".fmi79ni{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".f11fozsx{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".fnzw4c6{border-bottom-color:var(--colorTransparentStrokeInteractive);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1cgsbmv{color:var(--colorNeutralForeground1Hover);}\", \".frmsihh{border-top-color:var(--colorNeutralStrokeOnBrand);}\", \".frttxa5{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f11o2r7f{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".fem5et0{border-bottom-color:var(--colorNeutralStrokeOnBrand);}\"],\n  a: [\".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".f15ngxrw:active .fui-TableCellActions{opacity:1;}\", \".fjbbrdp:active .fui-TableSelectionCell{opacity:1;}\", \".ftepret:active{background-color:var(--colorBrandBackgroundInvertedSelected);}\", \".fa9o754:active{background-color:var(--colorSubtleBackgroundSelected);}\"],\n  h: [\".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f1uorfem:hover .fui-TableCellActions{opacity:1;}\", \".fw60kww:hover .fui-TableSelectionCell{opacity:1;}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n  m: [[\"@media (forced-colors: active){.fqlf3fd{border-top-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fd94n53{box-sizing:border-box;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1e0wld5:focus-visible{outline-offset:-4px;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the TableRow slots based on the state\n */\nexport const useTableRowStyles_unstable = state => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableRowClassNames.root, styles.root, !state.isHeaderRow && styles.rootInteractive, styles[state.size], state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, styles[state.appearance], state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableRowStyles.styles.js.map"],"names":["tableRowClassName","tableRowClassNames","useTableRowStyles_unstable","root","useTableLayoutStyles","__styles","mc9l5x","d","useFlexLayoutStyles","Bt984gj","useStyles","sj55zd","B7ck84d","Bconypa","B6guboy","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","noAppearanceFocusWithin","Bm5rygw","rootInteractive","ecr2s2","lj723h","B43xm9u","i921ia","Jwef8y","Bi91k9c","Bpt6rm4","ff6mpl","medium","Bn0qgzm","oivjwe","B9xav0g","small","Be2twd7","brand","De3pzq","g2u3we","h3c5rm","zhjwy3","gwxt9v","v3aym","Bc736ss","Bk6ri7n","Bk5ld8o","c4eypz","felo30","Eshu5l","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Beo2b4z","h6lo6r","Btyw6ap","w1pwid","Brwvgy3","yadkgm","neutral","none","a","h","m","state","styles","layoutStyles","table","flex","className","mergeClasses","isHeaderRow","size","noNativeElements","appearance"],"mappings":";;;;;;;;;;;IAKaA,iBAAiB,MAAjBA;IACAC,kBAAkB,MAAlBA;IAuJAC,0BAA0B,MAA1BA;;uBA7JsC;AAK5C,MAAMF,oBAAoB;AAC1B,MAAMC,qBAAqB;IAChCE,MAAMH;AACR;AACA,MAAMI,uBAAuB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACjDF,MAAM;QACJG,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAgC;AACtC;AACA,MAAMC,sBAAsB,WAAW,GAAEH,IAAAA,kBAAQ,EAAC;IAChDF,MAAM;QACJG,QAAQ;QACRG,SAAS;IACX;AACF,GAAG;IACDF,GAAG;QAAC;QAA2B;KAAgC;AACjE;AACA;;CAEC,GACD,MAAMG,YAAY,WAAW,GAAEL,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJQ,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,yBAAyB;QACvBC,SAAS;IACX;IACAC,iBAAiB;QACfC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,QAAQ;QACNC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAC,OAAO;QACLH,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACA,eAAe;QACbE,SAAS;IACX;IACAC,OAAO;QACLC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BN,SAAS;QACTO,QAAQ;YAAC;YAAY;SAAU;QAC/BlB,QAAQ;QACRmB,QAAQ;QACRC,OAAO;YAAC;YAAW;SAAU;QAC7BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;IACV;IACAC,SAAS;QACPlB,QAAQ;QACRC,OAAO;YAAC;YAAW;SAAU;QAC7BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;QACRrB,QAAQ;QACR7B,QAAQ;QACRkB,QAAQ;QACRJ,QAAQ;QACRgB,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BN,SAAS;QACTO,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAoB,MAAM,CAAC;AACT,GAAG;IACDxD,GAAG;QAAC;QAAmD;QAAqC;QAAqF;QAAmF;QAAwD;QAA0D;QAA6E;QAA4F;QAA2F;QAAwF;QAAwF;QAAsG;QAA0D;QAAwC;QAA6D;QAA+C;QAA6D;QAAyE;QAA0E;QAA0E;QAA2E;QAAoE;QAAyD;QAAgE;QAAkE;QAAkE;KAAkE;IACt0DyD,GAAG;QAAC;QAA2E;QAAkE;QAAsD;QAAuD;QAAkF;KAA0E;IAC1ZC,GAAG;QAAC;QAAwE;QAA8D;QAAqD;QAAsD;KAA0E;IAC/TC,GAAG;QAAC;YAAC;YAAmE;gBACtEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAqG;gBACxGA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuE;gBAC1EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAqE;gBACxEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyG;gBAC5GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAwE;gBAC3EA,GAAG;YACL;SAAE;QAAE;YAAC;YAA2E;gBAC9EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAqH;gBACxHA,GAAG;YACL;SAAE;QAAE;YAAC;YAA8E;gBACjFA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkK;gBACrKA,GAAG;YACL;SAAE;QAAE;YAAC;YAA6J;gBAChKA,GAAG;YACL;SAAE;QAAE;YAAC;YAAoE;gBACvEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAiF;gBACpFA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMhE,6BAA6BiE,CAAAA,QAAS;IACjD,MAAMC,SAAS1D;IACf,MAAM2D,eAAe;QACnBC,OAAOlE;QACPmE,MAAM/D;IACR;IACA2D,MAAMhE,IAAI,CAACqE,SAAS,GAAGC,IAAAA,mBAAY,EAACxE,mBAAmBE,IAAI,EAAEiE,OAAOjE,IAAI,EAAE,CAACgE,MAAMO,WAAW,IAAIN,OAAO5C,eAAe,EAAE4C,MAAM,CAACD,MAAMQ,IAAI,CAAC,EAAER,MAAMS,gBAAgB,GAAGP,aAAaE,IAAI,CAACpE,IAAI,GAAGkE,aAAaC,KAAK,CAACnE,IAAI,EAAEiE,MAAM,CAACD,MAAMU,UAAU,CAAC,EAAEV,MAAMU,UAAU,KAAK,UAAU,CAACV,MAAMO,WAAW,IAAIN,OAAO9C,uBAAuB,EAAE6C,MAAMhE,IAAI,CAACqE,SAAS;IAC1V,OAAOL;AACT,GACA,oDAAoD"}

package/lib-commonjs/components/TableSelectionCell/renderTableSelectionCell.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderTableSelectionCell_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderTableSelectionCell_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, state.type === 'checkbox' && slots.checkboxIndicator && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.checkboxIndicator, slotProps.checkboxIndicator), state.type === 'radio' && slots.radioIndicator && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.radioIndicator, slotProps.radioIndicator));
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.type === 'checkbox' && state.checkboxIndicator && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.checkboxIndicator, null), state.type === 'radio' && state.radioIndicator && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.radioIndicator, null));
 };

package/lib-commonjs/components/TableSelectionCell/renderTableSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableSelectionCell.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableSelectionCell\n */ export const renderTableSelectionCell_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, state.type === 'checkbox' && slots.checkboxIndicator && /*#__PURE__*/ createElement(slots.checkboxIndicator, slotProps.checkboxIndicator), state.type === 'radio' && slots.radioIndicator && /*#__PURE__*/ createElement(slots.radioIndicator, slotProps.radioIndicator));\n};\n"],"names":["renderTableSelectionCell_unstable","state","slots","slotProps","getSlotsNext","createElement","root","type","checkboxIndicator","radioIndicator"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,oCAAoC,CAACC,QAAQ;IAC1D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEL,MAAMM,IAAI,KAAK,cAAcL,MAAMM,iBAAiB,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,iBAAiB,EAAEL,UAAUK,iBAAiB,GAAGP,MAAMM,IAAI,KAAK,WAAWL,MAAMO,cAAc,IAAI,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMO,cAAc,EAAEN,UAAUM,cAAc;AAC1U"}
+{"version":3,"sources":["renderTableSelectionCell.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableSelectionCell\n */ export const renderTableSelectionCell_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.type === 'checkbox' && state.checkboxIndicator && /*#__PURE__*/ createElement(state.checkboxIndicator, null), state.type === 'radio' && state.radioIndicator && /*#__PURE__*/ createElement(state.radioIndicator, null));\n};\n"],"names":["renderTableSelectionCell_unstable","state","assertSlots","createElement","root","type","checkboxIndicator","radioIndicator"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,oCAAoC,CAACC,QAAQ;IAC1DC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,IAAI,KAAK,cAAcJ,MAAMK,iBAAiB,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMK,iBAAiB,EAAE,IAAI,GAAGL,MAAMI,IAAI,KAAK,WAAWJ,MAAMM,cAAc,IAAI,WAAW,GAAGJ,IAAAA,8BAAa,EAACF,MAAMM,cAAc,EAAE,IAAI;AACrR"}

package/lib-commonjs/components/TableSelectionCell/useTableSelectionCell.js

@@ -24,20 +24,22 @@ const useTableSelectionCell_unstable = (props, ref)=>{
             checkboxIndicator: _reactCheckbox.Checkbox,
             radioIndicator: _reactRadio.Radio
         },
-        checkboxIndicator: (0, _reactUtilities.resolveShorthand)(props.checkboxIndicator, {
-            required: type === 'checkbox',
+        checkboxIndicator: _reactUtilities.slot.optional(props.checkboxIndicator, {
+            renderByDefault: type === 'checkbox',
             defaultProps: {
                 checked: props.checked
-            }
+            },
+            elementType: _reactCheckbox.Checkbox
         }),
-        radioIndicator: (0, _reactUtilities.resolveShorthand)(props.radioIndicator, {
-            required: type === 'radio',
+        radioIndicator: _reactUtilities.slot.optional(props.radioIndicator, {
+            renderByDefault: type === 'radio',
             defaultProps: {
                 checked: !!checked,
                 input: {
                     name: (0, _reactUtilities.useId)('table-selection-radio')
                 }
-            }
+            },
+            elementType: _reactRadio.Radio
         }),
         type,
         checked,

package/lib-commonjs/components/TableSelectionCell/useTableSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableSelectionCell.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableSelectionCell.\n *\n * The returned state can be modified with hooks such as useTableSelectionCellStyles_unstable,\n * before being passed to renderTableSelectionCell_unstable.\n *\n * @param props - props from this instance of TableSelectionCell\n * @param ref - reference to root HTMLElement of TableSelectionCell\n */ export const useTableSelectionCell_unstable = (props, ref)=>{\n    const tableCellState = useTableCell_unstable(props, ref);\n    const { noNativeElements  } = useTableContext();\n    const { type ='checkbox' , checked =false , subtle =false , hidden =false  } = props;\n    return {\n        ...tableCellState,\n        components: {\n            ...tableCellState.components,\n            checkboxIndicator: Checkbox,\n            radioIndicator: Radio\n        },\n        checkboxIndicator: resolveShorthand(props.checkboxIndicator, {\n            required: type === 'checkbox',\n            defaultProps: {\n                checked: props.checked\n            }\n        }),\n        radioIndicator: resolveShorthand(props.radioIndicator, {\n            required: type === 'radio',\n            defaultProps: {\n                checked: !!checked,\n                input: {\n                    name: useId('table-selection-radio')\n                }\n            }\n        }),\n        type,\n        checked,\n        noNativeElements,\n        subtle,\n        hidden\n    };\n};\n"],"names":["useTableSelectionCell_unstable","props","ref","tableCellState","useTableCell_unstable","noNativeElements","useTableContext","type","checked","subtle","hidden","components","checkboxIndicator","Checkbox","radioIndicator","Radio","resolveShorthand","required","defaultProps","input","name","useId"],"mappings":";;;;+BAciBA;;aAAAA;;;6DAdM;gCACiB;+BACf;4BACH;8BACgB;8BACN;AASrB,MAAMA,iCAAiC,CAACC,OAAOC,MAAM;IAC5D,MAAMC,iBAAiBC,IAAAA,mCAAqB,EAACH,OAAOC;IACpD,MAAM,EAAEG,iBAAgB,EAAG,GAAGC,IAAAA,6BAAe;IAC7C,MAAM,EAAEC,MAAM,WAAU,EAAGC,SAAS,KAAK,CAAA,EAAGC,QAAQ,KAAK,CAAA,EAAGC,QAAQ,KAAK,CAAA,EAAG,GAAGT;IAC/E,OAAO;QACH,GAAGE,cAAc;QACjBQ,YAAY;YACR,GAAGR,eAAeQ,UAAU;YAC5BC,mBAAmBC,uBAAQ;YAC3BC,gBAAgBC,iBAAK;QACzB;QACAH,mBAAmBI,IAAAA,gCAAgB,EAACf,MAAMW,iBAAiB,EAAE;YACzDK,UAAUV,SAAS;YACnBW,cAAc;gBACVV,SAASP,MAAMO,OAAO;YAC1B;QACJ;QACAM,gBAAgBE,IAAAA,gCAAgB,EAACf,MAAMa,cAAc,EAAE;YACnDG,UAAUV,SAAS;YACnBW,cAAc;gBACVV,SAAS,CAAC,CAACA;gBACXW,OAAO;oBACHC,MAAMC,IAAAA,qBAAK,EAAC;gBAChB;YACJ;QACJ;QACAd;QACAC;QACAH;QACAI;QACAC;IACJ;AACJ"}
+{"version":3,"sources":["useTableSelectionCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useId, slot } from '@fluentui/react-utilities';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableSelectionCell.\n *\n * The returned state can be modified with hooks such as useTableSelectionCellStyles_unstable,\n * before being passed to renderTableSelectionCell_unstable.\n *\n * @param props - props from this instance of TableSelectionCell\n * @param ref - reference to root HTMLElement of TableSelectionCell\n */ export const useTableSelectionCell_unstable = (props, ref)=>{\n    const tableCellState = useTableCell_unstable(props, ref);\n    const { noNativeElements  } = useTableContext();\n    const { type ='checkbox' , checked =false , subtle =false , hidden =false  } = props;\n    return {\n        ...tableCellState,\n        components: {\n            ...tableCellState.components,\n            checkboxIndicator: Checkbox,\n            radioIndicator: Radio\n        },\n        checkboxIndicator: slot.optional(props.checkboxIndicator, {\n            renderByDefault: type === 'checkbox',\n            defaultProps: {\n                checked: props.checked\n            },\n            elementType: Checkbox\n        }),\n        radioIndicator: slot.optional(props.radioIndicator, {\n            renderByDefault: type === 'radio',\n            defaultProps: {\n                checked: !!checked,\n                input: {\n                    name: useId('table-selection-radio')\n                }\n            },\n            elementType: Radio\n        }),\n        type,\n        checked,\n        noNativeElements,\n        subtle,\n        hidden\n    };\n};\n"],"names":["useTableSelectionCell_unstable","props","ref","tableCellState","useTableCell_unstable","noNativeElements","useTableContext","type","checked","subtle","hidden","components","checkboxIndicator","Checkbox","radioIndicator","Radio","slot","optional","renderByDefault","defaultProps","elementType","input","name","useId"],"mappings":";;;;+BAciBA;;aAAAA;;;6DAdM;gCACK;+BACH;4BACH;8BACgB;8BACN;AASrB,MAAMA,iCAAiC,CAACC,OAAOC,MAAM;IAC5D,MAAMC,iBAAiBC,IAAAA,mCAAqB,EAACH,OAAOC;IACpD,MAAM,EAAEG,iBAAgB,EAAG,GAAGC,IAAAA,6BAAe;IAC7C,MAAM,EAAEC,MAAM,WAAU,EAAGC,SAAS,KAAK,CAAA,EAAGC,QAAQ,KAAK,CAAA,EAAGC,QAAQ,KAAK,CAAA,EAAG,GAAGT;IAC/E,OAAO;QACH,GAAGE,cAAc;QACjBQ,YAAY;YACR,GAAGR,eAAeQ,UAAU;YAC5BC,mBAAmBC,uBAAQ;YAC3BC,gBAAgBC,iBAAK;QACzB;QACAH,mBAAmBI,oBAAI,CAACC,QAAQ,CAAChB,MAAMW,iBAAiB,EAAE;YACtDM,iBAAiBX,SAAS;YAC1BY,cAAc;gBACVX,SAASP,MAAMO,OAAO;YAC1B;YACAY,aAAaP,uBAAQ;QACzB;QACAC,gBAAgBE,oBAAI,CAACC,QAAQ,CAAChB,MAAMa,cAAc,EAAE;YAChDI,iBAAiBX,SAAS;YAC1BY,cAAc;gBACVX,SAAS,CAAC,CAACA;gBACXa,OAAO;oBACHC,MAAMC,IAAAA,qBAAK,EAAC;gBAChB;YACJ;YACAH,aAAaL,iBAAK;QACtB;QACAR;QACAC;QACAH;QACAI;QACAC;IACJ;AACJ"}