@fluentui/react-table 9.2.7 → 9.2.9

package/lib/components/TableHeader/useTableHeaderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeClasses","__styles","tableHeaderClassName","tableHeaderClassNames","root","useFlexLayoutStyles","mc9l5x","d","useTableLayoutStyles","useTableHeaderStyles_unstable","state","layoutStyles","table","flex","className","noNativeElements"],"sources":["../../../src/components/TableHeader/useTableHeaderStyles.styles.ts"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport type { TableHeaderSlots, TableHeaderState } from './TableHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames: SlotClassNames<TableHeaderSlots> = {\n  root: 'fui-TableHeader',\n};\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'block',\n  },\n});\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-row-group',\n  },\n});\n\n/**\n * Apply styling to the TableHeader slots based on the state\n */\nexport const useTableHeaderStyles_unstable = (state: TableHeaderState): TableHeaderState => {\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableHeaderClassName,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAAC,QAAA,QAAoB;AAIzC,OAAO,MAAMC,oBAAA,GAAuB;AACpC,OAAO,MAAMC,qBAAA,GAA0D;EACrEC,IAAA,EAAM;AACR;AAEA,MAAMC,mBAAA,gBAAsBJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAI5B;AAEA,MAAMC,oBAAA,gBAAuBP,QAAA;EAAAG,IAAA;IAAAE,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAI7B;AAEA;;;AAGA,OAAO,MAAME,6BAAA,GAAiCC,KAAA,IAA8C;EAC1F,MAAMC,YAAA,GAAe;IACnBC,KAAA,EAAOJ,oBAAA;IACPK,IAAA,EAAMR,mBAAA;EACR;EACAK,KAAA,CAAMN,IAAI,CAACU,SAAS,GAAGd,YAAA,CACrBE,oBAAA,EACAQ,KAAA,CAAMK,gBAAgB,GAAGJ,YAAA,CAAaE,IAAI,CAACT,IAAI,GAAGO,YAAA,CAAaC,KAAK,CAACR,IAAI,EACzEM,KAAA,CAAMN,IAAI,CAACU,SAAS;EAGtB,OAAOJ,KAAA;AACT"}

package/lib/components/TableHeaderCell/TableHeaderCell.js

@@ -1,18 +1,15 @@
 import * as React from 'react';
 import { useTableHeaderCell_unstable } from './useTableHeaderCell';
 import { renderTableHeaderCell_unstable } from './renderTableHeaderCell';
-import { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * TableHeaderCell component
  */
 export const TableHeaderCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useTableHeaderCell_unstable(props, ref);
   useTableHeaderCellStyles_unstable(state);
-  const {
-    useTableHeaderCellStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useTableHeaderCellStyles_unstable')(state);
   return renderTableHeaderCell_unstable(state);
 });
 TableHeaderCell.displayName = 'TableHeaderCell';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useTableHeaderCell_unstable","renderTableHeaderCell_unstable","useTableHeaderCellStyles_unstable","useCustomStyleHooks_unstable","TableHeaderCell","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nimport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nimport { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles';\nimport type { TableHeaderCellProps } from './TableHeaderCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeaderCell component\n */\nexport const TableHeaderCell: ForwardRefComponent<TableHeaderCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableHeaderCell_unstable(props, ref);\n\n  useTableHeaderCellStyles_unstable(state);\n\n  const { useTableHeaderCellStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableHeaderCell_unstable(state);\n});\n\nTableHeaderCell.displayName = 'TableHeaderCell';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,iCAAiC,QAAQ;AAGlD,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,eAAA,gBAA6DL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACzG,MAAMC,KAAA,GAAQR,2BAAA,CAA4BM,KAAA,EAAOC,GAAA;EAEjDL,iCAAA,CAAkCM,KAAA;EAElC,MAAM;IAAEN,iCAAA,EAAmCO;EAAe,CAAE,GAAGN,4BAAA;EAC/DM,eAAA,CAAgBD,KAAA;EAEhB,OAAOP,8BAAA,CAA+BO,KAAA;AACxC;AAEAJ,eAAA,CAAgBM,WAAW,GAAG"}
+{"version":3,"names":["React","useTableHeaderCell_unstable","renderTableHeaderCell_unstable","useTableHeaderCellStyles_unstable","useCustomStyleHook_unstable","TableHeaderCell","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nimport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nimport { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles.styles';\nimport type { TableHeaderCellProps } from './TableHeaderCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeaderCell component\n */\nexport const TableHeaderCell: ForwardRefComponent<TableHeaderCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableHeaderCell_unstable(props, ref);\n\n  useTableHeaderCellStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableHeaderCellStyles_unstable')(state);\n\n  return renderTableHeaderCell_unstable(state);\n});\n\nTableHeaderCell.displayName = 'TableHeaderCell';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,iCAAiC,QAAQ;AAGlD,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,eAAA,gBAA6DL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACzG,MAAMC,KAAA,GAAQR,2BAAA,CAA4BM,KAAA,EAAOC,GAAA;EAEjDL,iCAAA,CAAkCM,KAAA;EAElCL,2BAAA,CAA4B,qCAAqCK,KAAA;EAEjE,OAAOP,8BAAA,CAA+BO,KAAA;AACxC;AAEAJ,eAAA,CAAgBK,WAAW,GAAG"}

package/lib/components/TableHeaderCell/index.js

@@ -2,5 +2,5 @@ export * from './TableHeaderCell';
 export * from './TableHeaderCell.types';
 export * from './renderTableHeaderCell';
 export * from './useTableHeaderCell';
-export * from './useTableHeaderCellStyles';
+export * from './useTableHeaderCellStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/TableHeaderCell/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/TableHeaderCell/index.ts"],"sourcesContent":["export * from './TableHeaderCell';\nexport * from './TableHeaderCell.types';\nexport * from './renderTableHeaderCell';\nexport * from './useTableHeaderCell';\nexport * from './useTableHeaderCellStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/TableHeaderCell/index.ts"],"sourcesContent":["export * from './TableHeaderCell';\nexport * from './TableHeaderCell.types';\nexport * from './renderTableHeaderCell';\nexport * from './useTableHeaderCell';\nexport * from './useTableHeaderCellStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/TableHeaderCell/{useTableHeaderCellStyles.js → useTableHeaderCellStyles.styles.js}

@@ -117,4 +117,4 @@ export const useTableHeaderCellStyles_unstable = state => {
   }
   return state;
 };
-//# sourceMappingURL=useTableHeaderCellStyles.js.map
+//# sourceMappingURL=useTableHeaderCellStyles.styles.js.map

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

@@ -0,0 +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","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","useTableHeaderCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements"],"sources":["../../../src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { TableHeaderCellSlots, TableHeaderCellState } from './TableHeaderCell.types';\n\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames: SlotClassNames<TableHeaderCellSlots> = {\n  root: 'fui-TableHeaderCell',\n  button: 'fui-TableHeaderCell__button',\n  sortIcon: 'fui-TableHeaderCell__sortIcon',\n  aside: 'fui-TableHeaderCell__aside',\n};\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-cell',\n    verticalAlign: 'middle',\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'flex',\n    ...shorthands.flex(1, 1, '0px'),\n    minWidth: '0px',\n  },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    ...shorthands.padding('0px', tokens.spacingHorizontalS),\n    ...createCustomFocusIndicatorStyle(\n      {\n        ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      },\n      { selector: 'focus-within' },\n    ),\n    position: 'relative',\n  },\n\n  rootInteractive: {\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n    },\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    WebkitAppearance: 'button',\n    textAlign: 'unset',\n  },\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\n  sortable: {\n    cursor: 'pointer',\n  },\n\n  sortIcon: {\n    display: 'flex',\n    alignItems: 'center',\n    paddingTop: tokens.spacingVerticalXXS,\n  },\n\n  resizeHandle: {},\n});\n\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */\nexport const useTableHeaderCellStyles_unstable = (state: TableHeaderCellState): TableHeaderCellState => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableHeaderCellClassNames.root,\n    styles.root,\n    state.sortable && styles.rootInteractive,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.root.className,\n  );\n  state.button.className = mergeClasses(\n    tableHeaderCellClassNames.button,\n    styles.resetButton,\n    styles.button,\n    state.sortable && styles.sortable,\n    state.button.className,\n  );\n\n  if (state.sortIcon) {\n    state.sortIcon.className = mergeClasses(\n      tableHeaderCellClassNames.sortIcon,\n      styles.sortIcon,\n      state.sortIcon.className,\n    );\n  }\n\n  if (state.aside) {\n    state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n  }\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/components/TableResizeHandle/TableResizeHandle.js

@@ -1,18 +1,15 @@
 import * as React from 'react';
 import { useTableResizeHandle_unstable } from './useTableResizeHandle';
 import { renderTableResizeHandle_unstable } from './renderTableResizeHandle';
-import { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * TableResizeHandle component - TODO: add more docs
  */
 export const TableResizeHandle = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useTableResizeHandle_unstable(props, ref);
   useTableResizeHandleStyles_unstable(state);
-  const {
-    useTableResizeHandleStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useTableResizeHandleStyles_unstable')(state);
   return renderTableResizeHandle_unstable(state);
 });
 TableResizeHandle.displayName = 'TableResizeHandle';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useTableResizeHandle_unstable","renderTableResizeHandle_unstable","useTableResizeHandleStyles_unstable","useCustomStyleHooks_unstable","TableResizeHandle","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/TableResizeHandle/TableResizeHandle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nimport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nimport { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles';\nimport type { TableResizeHandleProps } from './TableResizeHandle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableResizeHandle component - TODO: add more docs\n */\nexport const TableResizeHandle: ForwardRefComponent<TableResizeHandleProps> = React.forwardRef((props, ref) => {\n  const state = useTableResizeHandle_unstable(props, ref);\n\n  useTableResizeHandleStyles_unstable(state);\n\n  const { useTableResizeHandleStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableResizeHandle_unstable(state);\n});\n\nTableResizeHandle.displayName = 'TableResizeHandle';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,mCAAmC,QAAQ;AAGpD,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,iBAAA,gBAAiEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC7G,MAAMC,KAAA,GAAQR,6BAAA,CAA8BM,KAAA,EAAOC,GAAA;EAEnDL,mCAAA,CAAoCM,KAAA;EAEpC,MAAM;IAAEN,mCAAA,EAAqCO;EAAe,CAAE,GAAGN,4BAAA;EACjEM,eAAA,CAAgBD,KAAA;EAEhB,OAAOP,gCAAA,CAAiCO,KAAA;AAC1C;AAEAJ,iBAAA,CAAkBM,WAAW,GAAG"}
+{"version":3,"names":["React","useTableResizeHandle_unstable","renderTableResizeHandle_unstable","useTableResizeHandleStyles_unstable","useCustomStyleHook_unstable","TableResizeHandle","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/TableResizeHandle/TableResizeHandle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nimport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nimport { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles.styles';\nimport type { TableResizeHandleProps } from './TableResizeHandle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableResizeHandle component - TODO: add more docs\n */\nexport const TableResizeHandle: ForwardRefComponent<TableResizeHandleProps> = React.forwardRef((props, ref) => {\n  const state = useTableResizeHandle_unstable(props, ref);\n\n  useTableResizeHandleStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableResizeHandleStyles_unstable')(state);\n\n  return renderTableResizeHandle_unstable(state);\n});\n\nTableResizeHandle.displayName = 'TableResizeHandle';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,mCAAmC,QAAQ;AAGpD,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,iBAAA,gBAAiEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC7G,MAAMC,KAAA,GAAQR,6BAAA,CAA8BM,KAAA,EAAOC,GAAA;EAEnDL,mCAAA,CAAoCM,KAAA;EAEpCL,2BAAA,CAA4B,uCAAuCK,KAAA;EAEnE,OAAOP,gCAAA,CAAiCO,KAAA;AAC1C;AAEAJ,iBAAA,CAAkBK,WAAW,GAAG"}

package/lib/components/TableResizeHandle/index.js

@@ -2,5 +2,5 @@ export * from './TableResizeHandle';
 export * from './TableResizeHandle.types';
 export * from './renderTableResizeHandle';
 export * from './useTableResizeHandle';
-export * from './useTableResizeHandleStyles';
+export * from './useTableResizeHandleStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/TableResizeHandle/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/TableResizeHandle/index.ts"],"sourcesContent":["export * from './TableResizeHandle';\nexport * from './TableResizeHandle.types';\nexport * from './renderTableResizeHandle';\nexport * from './useTableResizeHandle';\nexport * from './useTableResizeHandleStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/TableResizeHandle/index.ts"],"sourcesContent":["export * from './TableResizeHandle';\nexport * from './TableResizeHandle.types';\nexport * from './renderTableResizeHandle';\nexport * from './useTableResizeHandle';\nexport * from './useTableResizeHandleStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/TableResizeHandle/{useTableResizeHandleStyles.js → useTableResizeHandleStyles.styles.js}

@@ -44,4 +44,4 @@ export const useTableResizeHandleStyles_unstable = state => {
   state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);
   return state;
 };
-//# sourceMappingURL=useTableResizeHandleStyles.js.map
+//# sourceMappingURL=useTableResizeHandleStyles.styles.js.map

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

@@ -0,0 +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","B7zu5sd","Bs6t6z0","Fdvyjd","Biobvvw","Hdbjpj","jc51t6","u6d25","Bj55yzk","Bkbwdz4","d","h","useTableResizeHandleStyles_unstable","state","styles","className"],"sources":["../../../src/components/TableResizeHandle/useTableResizeHandleStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TableResizeHandleSlots, TableResizeHandleState } from './TableResizeHandle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const tableResizeHandleClassNames: SlotClassNames<TableResizeHandleSlots> = {\n  root: 'fui-TableResizeHandle',\n  // TODO: add class names for all slots on TableResizeHandleSlots.\n  // Should be of the form `<slotName>: 'fui-TableResizeHandle__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst 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\n    ':hover': {\n      opacity: 1,\n    },\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/**\n * Apply styling to the TableResizeHandle slots based on the state\n */\nexport const useTableResizeHandleStyles_unstable = (state: TableResizeHandleState): TableResizeHandleState => {\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;AAGrD,SAASC,MAAM,QAAQ;AAEvB,OAAO,MAAMC,2BAAA,GAAsE;EACjFC,IAAA,EAAM;AAGR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYN,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,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,EA6BlB;AAEA;;;AAGA,OAAO,MAAMC,mCAAA,GAAuCC,KAAA,IAA0D;EAC5G,MAAMC,MAAA,GAAS5B,SAAA;EACf2B,KAAA,CAAM5B,IAAI,CAAC8B,SAAS,GAAGlC,YAAA,CAAaG,2BAAA,CAA4BC,IAAI,EAAE6B,MAAA,CAAO7B,IAAI,EAAE4B,KAAA,CAAM5B,IAAI,CAAC8B,SAAS;EACvG,OAAOF,KAAA;AACT"}

package/lib/components/TableRow/TableRow.js

@@ -1,18 +1,15 @@
 import * as React from 'react';
 import { useTableRow_unstable } from './useTableRow';
 import { renderTableRow_unstable } from './renderTableRow';
-import { useTableRowStyles_unstable } from './useTableRowStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useTableRowStyles_unstable } from './useTableRowStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * TableRow component
  */
 export const TableRow = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useTableRow_unstable(props, ref);
   useTableRowStyles_unstable(state);
-  const {
-    useTableRowStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useTableRowStyles_unstable')(state);
   return renderTableRow_unstable(state);
 });
 TableRow.displayName = 'TableRow';

package/lib/components/TableRow/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useTableRow_unstable","renderTableRow_unstable","useTableRowStyles_unstable","useCustomStyleHooks_unstable","TableRow","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/TableRow/TableRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableRow_unstable } from './useTableRow';\nimport { renderTableRow_unstable } from './renderTableRow';\nimport { useTableRowStyles_unstable } from './useTableRowStyles';\nimport type { TableRowProps } from './TableRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableRow component\n */\nexport const TableRow: ForwardRefComponent<TableRowProps> = React.forwardRef((props, ref) => {\n  const state = useTableRow_unstable(props, ref);\n\n  useTableRowStyles_unstable(state);\n\n  const { useTableRowStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableRow_unstable(state);\n});\n\nTableRow.displayName = 'TableRow';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,0BAA0B,QAAQ;AAG3C,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC3F,MAAMC,KAAA,GAAQR,oBAAA,CAAqBM,KAAA,EAAOC,GAAA;EAE1CL,0BAAA,CAA2BM,KAAA;EAE3B,MAAM;IAAEN,0BAAA,EAA4BO;EAAe,CAAE,GAAGN,4BAAA;EACxDM,eAAA,CAAgBD,KAAA;EAEhB,OAAOP,uBAAA,CAAwBO,KAAA;AACjC;AAEAJ,QAAA,CAASM,WAAW,GAAG"}
+{"version":3,"names":["React","useTableRow_unstable","renderTableRow_unstable","useTableRowStyles_unstable","useCustomStyleHook_unstable","TableRow","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/TableRow/TableRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableRow_unstable } from './useTableRow';\nimport { renderTableRow_unstable } from './renderTableRow';\nimport { useTableRowStyles_unstable } from './useTableRowStyles.styles';\nimport type { TableRowProps } from './TableRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableRow component\n */\nexport const TableRow: ForwardRefComponent<TableRowProps> = React.forwardRef((props, ref) => {\n  const state = useTableRow_unstable(props, ref);\n\n  useTableRowStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableRowStyles_unstable')(state);\n\n  return renderTableRow_unstable(state);\n});\n\nTableRow.displayName = 'TableRow';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,0BAA0B,QAAQ;AAG3C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC3F,MAAMC,KAAA,GAAQR,oBAAA,CAAqBM,KAAA,EAAOC,GAAA;EAE1CL,0BAAA,CAA2BM,KAAA;EAE3BL,2BAAA,CAA4B,8BAA8BK,KAAA;EAE1D,OAAOP,uBAAA,CAAwBO,KAAA;AACjC;AAEAJ,QAAA,CAASK,WAAW,GAAG"}

package/lib/components/TableRow/index.js

@@ -2,5 +2,5 @@ export * from './TableRow';
 export * from './TableRow.types';
 export * from './renderTableRow';
 export * from './useTableRow';
-export * from './useTableRowStyles';
+export * from './useTableRowStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/TableRow/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/TableRow/index.ts"],"sourcesContent":["export * from './TableRow';\nexport * from './TableRow.types';\nexport * from './renderTableRow';\nexport * from './useTableRow';\nexport * from './useTableRowStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/TableRow/index.ts"],"sourcesContent":["export * from './TableRow';\nexport * from './TableRow.types';\nexport * from './renderTableRow';\nexport * from './useTableRow';\nexport * from './useTableRowStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/TableRow/{useTableRowStyles.js → useTableRowStyles.styles.js}

@@ -1,7 +1,7 @@
 import { __styles, mergeClasses, shorthands } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
-import { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles';
-import { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles';
+import { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles.styles';
+import { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles.styles';
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
 export const tableRowClassName = 'fui-TableRow';
 export const tableRowClassNames = {
@@ -212,4 +212,4 @@ export const useTableRowStyles_unstable = state => {
   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);
   return state;
 };
-//# sourceMappingURL=useTableRowStyles.js.map
+//# sourceMappingURL=useTableRowStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","tableCellActionsClassNames","tableSelectionCellClassNames","createCustomFocusIndicatorStyle","tableRowClassName","tableRowClassNames","root","useTableLayoutStyles","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","useTableRowStyles_unstable","state","styles","layoutStyles","table","flex","className","isHeaderRow","size","noNativeElements","appearance"],"sources":["../../../src/components/TableRow/useTableRowStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TableRowSlots, TableRowState } from './TableRow.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles.styles';\nimport { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles.styles';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\n\nexport const tableRowClassName = 'fui-TableRow';\nexport const tableRowClassNames: SlotClassNames<TableRowSlots> = {\n  root: tableRowClassName,\n};\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-row',\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground1,\n    boxSizing: 'border-box',\n    ...createCustomFocusIndicatorStyle(\n      {\n        [`& .${tableSelectionCellClassNames.root}`]: {\n          opacity: 1,\n        },\n        [`& .${tableCellActionsClassNames.root}`]: {\n          opacity: 1,\n        },\n      },\n      { selector: 'focus-within' },\n    ),\n    ...createCustomFocusIndicatorStyle(\n      {\n        ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      },\n      { selector: 'focus' },\n    ),\n  },\n\n  // When focus is within the row the background colour\n  // should be the same as hover, except when there is a brand\n  // or neutral appearance applied on the row\n  noAppearanceFocusWithin: {\n    ...createCustomFocusIndicatorStyle(\n      {\n        backgroundColor: tokens.colorSubtleBackgroundHover,\n      },\n      { selector: 'focus-within' },\n    ),\n  },\n\n  rootInteractive: {\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n      color: tokens.colorNeutralForeground1Pressed,\n      [`& .${tableCellActionsClassNames.root}`]: {\n        opacity: 1,\n      },\n      [`& .${tableSelectionCellClassNames.root}`]: {\n        opacity: 1,\n      },\n    },\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n      color: tokens.colorNeutralForeground1Hover,\n      [`& .${tableCellActionsClassNames.root}`]: {\n        opacity: 1,\n      },\n      [`& .${tableSelectionCellClassNames.root}`]: {\n        opacity: 1,\n      },\n    },\n  },\n\n  medium: {\n    ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n  },\n\n  small: {\n    ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n  },\n\n  'extra-small': {\n    fontSize: tokens.fontSizeBase200,\n  },\n\n  brand: {\n    backgroundColor: tokens.colorBrandBackground2,\n    color: tokens.colorNeutralForeground1Hover,\n    ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand),\n    ':hover': {\n      backgroundColor: tokens.colorBrandBackground2,\n    },\n    ':active': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n    },\n\n    '@media(forced-colors: active)': {\n      ...shorthands.border('2px', 'solid', 'transparent'),\n      ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      boxSizing: 'border-box',\n      ':focus-visible': {\n        outlineOffset: '-4px',\n      },\n    },\n  },\n\n  neutral: {\n    '@media(forced-colors: active)': {\n      ...shorthands.border('2px', 'solid', 'transparent'),\n      ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      boxSizing: 'border-box',\n      ':focus-visible': {\n        outlineOffset: '-4px',\n      },\n    },\n    backgroundColor: tokens.colorSubtleBackgroundSelected,\n    color: tokens.colorNeutralForeground1Hover,\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundSelected,\n    },\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundSelected,\n    },\n\n    ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand),\n  },\n\n  none: {},\n});\n\n/**\n * Apply styling to the TableRow slots based on the state\n */\nexport const useTableRowStyles_unstable = (state: TableRowState): TableRowState => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableRowClassNames.root,\n    styles.root,\n    !state.isHeaderRow && styles.rootInteractive,\n    styles[state.size],\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    styles[state.appearance],\n    state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/components/TableSelectionCell/TableSelectionCell.js

@@ -1,18 +1,15 @@
 import * as React from 'react';
 import { useTableSelectionCell_unstable } from './useTableSelectionCell';
 import { renderTableSelectionCell_unstable } from './renderTableSelectionCell';
-import { useTableSelectionCellStyles_unstable } from './useTableSelectionCellStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useTableSelectionCellStyles_unstable } from './useTableSelectionCellStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * TableSelectionCell component
  */
 export const TableSelectionCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useTableSelectionCell_unstable(props, ref);
   useTableSelectionCellStyles_unstable(state);
-  const {
-    useTableSelectionCellStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useTableSelectionCellStyles_unstable')(state);
   return renderTableSelectionCell_unstable(state);
 });
 TableSelectionCell.displayName = 'TableSelectionCell';

package/lib/components/TableSelectionCell/TableSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useTableSelectionCell_unstable","renderTableSelectionCell_unstable","useTableSelectionCellStyles_unstable","useCustomStyleHooks_unstable","TableSelectionCell","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/TableSelectionCell/TableSelectionCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableSelectionCell_unstable } from './useTableSelectionCell';\nimport { renderTableSelectionCell_unstable } from './renderTableSelectionCell';\nimport { useTableSelectionCellStyles_unstable } from './useTableSelectionCellStyles';\nimport type { TableSelectionCellProps } from './TableSelectionCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableSelectionCell component\n */\nexport const TableSelectionCell: ForwardRefComponent<TableSelectionCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableSelectionCell_unstable(props, ref);\n\n  useTableSelectionCellStyles_unstable(state);\n\n  const { useTableSelectionCellStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableSelectionCell_unstable(state);\n});\n\nTableSelectionCell.displayName = 'TableSelectionCell';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,iCAAiC,QAAQ;AAClD,SAASC,oCAAoC,QAAQ;AAGrD,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,kBAAA,gBAAmEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC/G,MAAMC,KAAA,GAAQR,8BAAA,CAA+BM,KAAA,EAAOC,GAAA;EAEpDL,oCAAA,CAAqCM,KAAA;EAErC,MAAM;IAAEN,oCAAA,EAAsCO;EAAe,CAAE,GAAGN,4BAAA;EAClEM,eAAA,CAAgBD,KAAA;EAEhB,OAAOP,iCAAA,CAAkCO,KAAA;AAC3C;AAEAJ,kBAAA,CAAmBM,WAAW,GAAG"}
+{"version":3,"names":["React","useTableSelectionCell_unstable","renderTableSelectionCell_unstable","useTableSelectionCellStyles_unstable","useCustomStyleHook_unstable","TableSelectionCell","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/TableSelectionCell/TableSelectionCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableSelectionCell_unstable } from './useTableSelectionCell';\nimport { renderTableSelectionCell_unstable } from './renderTableSelectionCell';\nimport { useTableSelectionCellStyles_unstable } from './useTableSelectionCellStyles.styles';\nimport type { TableSelectionCellProps } from './TableSelectionCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableSelectionCell component\n */\nexport const TableSelectionCell: ForwardRefComponent<TableSelectionCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableSelectionCell_unstable(props, ref);\n\n  useTableSelectionCellStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableSelectionCellStyles_unstable')(state);\n\n  return renderTableSelectionCell_unstable(state);\n});\n\nTableSelectionCell.displayName = 'TableSelectionCell';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,iCAAiC,QAAQ;AAClD,SAASC,oCAAoC,QAAQ;AAGrD,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,kBAAA,gBAAmEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC/G,MAAMC,KAAA,GAAQR,8BAAA,CAA+BM,KAAA,EAAOC,GAAA;EAEpDL,oCAAA,CAAqCM,KAAA;EAErCL,2BAAA,CAA4B,wCAAwCK,KAAA;EAEpE,OAAOP,iCAAA,CAAkCO,KAAA;AAC3C;AAEAJ,kBAAA,CAAmBK,WAAW,GAAG"}

package/lib/components/TableSelectionCell/index.js

@@ -2,5 +2,5 @@ export * from './TableSelectionCell';
 export * from './TableSelectionCell.types';
 export * from './renderTableSelectionCell';
 export * from './useTableSelectionCell';
-export * from './useTableSelectionCellStyles';
+export * from './useTableSelectionCellStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/TableSelectionCell/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/TableSelectionCell/index.ts"],"sourcesContent":["export * from './TableSelectionCell';\nexport * from './TableSelectionCell.types';\nexport * from './renderTableSelectionCell';\nexport * from './useTableSelectionCell';\nexport * from './useTableSelectionCellStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/TableSelectionCell/index.ts"],"sourcesContent":["export * from './TableSelectionCell';\nexport * from './TableSelectionCell.types';\nexport * from './renderTableSelectionCell';\nexport * from './useTableSelectionCell';\nexport * from './useTableSelectionCellStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/TableSelectionCell/{useTableSelectionCellStyles.js → useTableSelectionCellStyles.styles.js}

@@ -55,17 +55,13 @@ const useStyles = /*#__PURE__*/__styles({
   },
   subtle: {
     abs64n: "fk73vx1",
-    Brovlpu: "ftqa4ok",
-    B486eqv: "f2hkw1w",
     B8a84jv: "f1y7ij6c"
   },
   hidden: {
     Bcdw1i0: "fd7fpy0"
   }
 }, {
-  d: [".f17mccla{text-align:center;}", ".fz5stix{white-space:nowrap;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".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);}", ".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;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fk73vx1{opacity:0;}", ".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}", ".fd7fpy0{visibility:hidden;}"],
-  f: [".ftqa4ok:focus{outline-style:none;}"],
-  i: [".f2hkw1w:focus-visible{outline-style:none;}"]
+  d: [".f17mccla{text-align:center;}", ".fz5stix{white-space:nowrap;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".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);}", ".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;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fk73vx1{opacity:0;}", ".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}", ".fd7fpy0{visibility:hidden;}"]
 });
 /**
  * Apply styling to the TableSelectionCell slots based on the state
@@ -85,4 +81,4 @@ export const useTableSelectionCellStyles_unstable = state => {
   }
   return state;
 };
-//# sourceMappingURL=useTableSelectionCellStyles.js.map
+//# sourceMappingURL=useTableSelectionCellStyles.styles.js.map

package/lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","CELL_WIDTH","tableSelectionCellClassNames","root","checkboxIndicator","radioIndicator","useTableLayoutStyles","mc9l5x","a9b677","d","useFlexLayoutStyles","Bh6795r","Bnnss6s","xawz","Bf4jedk","B2u0y6b","Brf1p80","useStyles","fsow6f","Huce71","z8tnut","z189sj","Byoj8tv","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","Bt984gj","subtle","abs64n","B8a84jv","hidden","Bcdw1i0","useTableSelectionCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements","checked"],"sources":["../../../src/components/TableSelectionCell/useTableSelectionCellStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TableSelectionCellSlots, TableSelectionCellState } from './TableSelectionCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const CELL_WIDTH = 44;\n\nexport const tableSelectionCellClassNames: SlotClassNames<TableSelectionCellSlots> = {\n  root: 'fui-TableSelectionCell',\n  checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',\n  radioIndicator: 'fui-TableSelectionCell__radioIndicator',\n};\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-cell',\n    width: `${CELL_WIDTH}px`,\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'flex',\n    ...shorthands.flex(1, 1, '0px'),\n    minWidth: `${CELL_WIDTH}px`,\n    maxWidth: `${CELL_WIDTH}px`,\n    justifyContent: 'center',\n  },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    textAlign: 'center',\n    whiteSpace: 'nowrap',\n    ...shorthands.padding(0),\n    ...createCustomFocusIndicatorStyle(\n      {\n        ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      },\n      { selector: 'focus' },\n    ),\n  },\n\n  radioIndicator: {\n    display: 'flex',\n    flexGrow: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  subtle: {\n    opacity: 0,\n    ...createCustomFocusIndicatorStyle(\n      {\n        opacity: 1,\n      },\n      { selector: 'focus-within' },\n    ),\n  },\n\n  hidden: {\n    visibility: 'hidden',\n  },\n});\n\n/**\n * Apply styling to the TableSelectionCell slots based on the state\n */\nexport const useTableSelectionCellStyles_unstable = (state: TableSelectionCellState): TableSelectionCellState => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableSelectionCellClassNames.root,\n    styles.root,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.subtle && state.checked === false && styles.subtle,\n    state.hidden && styles.hidden,\n    state.root.className,\n  );\n  if (state.checkboxIndicator) {\n    state.checkboxIndicator.className = mergeClasses(\n      tableSelectionCellClassNames.checkboxIndicator,\n      state.checkboxIndicator.className,\n    );\n  }\n\n  if (state.radioIndicator) {\n    state.radioIndicator.className = mergeClasses(\n      tableSelectionCellClassNames.radioIndicator,\n      styles.radioIndicator,\n      state.radioIndicator.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,SAASC,+BAA+B,QAAQ;AAChD,SAASC,MAAM,QAAQ;AAEvB,OAAO,MAAMC,UAAA,GAAa;AAE1B,OAAO,MAAMC,4BAAA,GAAwE;EACnFC,IAAA,EAAM;EACNC,iBAAA,EAAmB;EACnBC,cAAA,EAAgB;AAClB;AAEA,MAAMC,oBAAA,gBAAuBV,QAAA;EAAAO,IAAA;IAAAI,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAK7B;AAEA,MAAMC,mBAAA,gBAAsBd,QAAA;EAAAO,IAAA;IAAAI,MAAA;IAAAI,OAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAP,CAAA;AAAA,EAQ5B;AAEA;;;AAGA,MAAMQ,SAAA,gBAAYrB,QAAA;EAAAO,IAAA;IAAAe,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAzB,cAAA;IAAAE,MAAA;IAAAI,OAAA;IAAAoB,OAAA;IAAAf,OAAA;EAAA;EAAAgB,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAA3B,CAAA;AAAA,EAkClB;AAEA;;;AAGA,OAAO,MAAM4B,oCAAA,GAAwCC,KAAA,IAA4D;EAC/G,MAAMC,MAAA,GAAStB,SAAA;EACf,MAAMuB,YAAA,GAAe;IACnBC,KAAA,EAAOnC,oBAAA;IACPoC,IAAA,EAAMhC,mBAAA;EACR;EACA4B,KAAA,CAAMnC,IAAI,CAACwC,SAAS,GAAG9C,YAAA,CACrBK,4BAAA,CAA6BC,IAAI,EACjCoC,MAAA,CAAOpC,IAAI,EACXmC,KAAA,CAAMM,gBAAgB,GAAGJ,YAAA,CAAaE,IAAI,CAACvC,IAAI,GAAGqC,YAAA,CAAaC,KAAK,CAACtC,IAAI,EACzEmC,KAAA,CAAMN,MAAM,IAAIM,KAAA,CAAMO,OAAO,KAAK,KAAK,IAAIN,MAAA,CAAOP,MAAM,EACxDM,KAAA,CAAMH,MAAM,IAAII,MAAA,CAAOJ,MAAM,EAC7BG,KAAA,CAAMnC,IAAI,CAACwC,SAAS;EAEtB,IAAIL,KAAA,CAAMlC,iBAAiB,EAAE;IAC3BkC,KAAA,CAAMlC,iBAAiB,CAACuC,SAAS,GAAG9C,YAAA,CAClCK,4BAAA,CAA6BE,iBAAiB,EAC9CkC,KAAA,CAAMlC,iBAAiB,CAACuC,SAAS;EAErC;EAEA,IAAIL,KAAA,CAAMjC,cAAc,EAAE;IACxBiC,KAAA,CAAMjC,cAAc,CAACsC,SAAS,GAAG9C,YAAA,CAC/BK,4BAAA,CAA6BG,cAAc,EAC3CkC,MAAA,CAAOlC,cAAc,EACrBiC,KAAA,CAAMjC,cAAc,CAACsC,SAAS;EAElC;EAEA,OAAOL,KAAA;AACT"}

package/lib-commonjs/components/DataGrid/DataGrid.js

@@ -10,14 +10,13 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useDataGrid = require("./useDataGrid");
 const _renderDataGrid = require("./renderDataGrid");
-const _useDataGridStyles = require("./useDataGridStyles");
+const _useDataGridStylesStyles = require("./useDataGridStyles.styles");
 const _useDataGridContextValues = require("./useDataGridContextValues");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const DataGrid = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useDataGrid.useDataGrid_unstable)(props, ref);
-    (0, _useDataGridStyles.useDataGridStyles_unstable)(state);
-    const { useDataGridStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useDataGridStylesStyles.useDataGridStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDataGridStyles_unstable')(state);
     return (0, _renderDataGrid.renderDataGrid_unstable)(state, (0, _useDataGridContextValues.useDataGridContextValues_unstable)(state));
 });
 DataGrid.displayName = 'DataGrid'; //# sourceMappingURL=DataGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/DataGrid/DataGrid.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGrid_unstable } from './useDataGrid';\nimport { renderDataGrid_unstable } from './renderDataGrid';\nimport { useDataGridStyles_unstable } from './useDataGridStyles';\nimport { useDataGridContextValues_unstable } from './useDataGridContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGrid component\n */\nexport const DataGrid = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDataGrid_unstable(props, ref);\n  useDataGridStyles_unstable(state);\n  const {\n    useDataGridStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderDataGrid_unstable(state, useDataGridContextValues_unstable(state));\n});\nDataGrid.displayName = 'DataGrid';\n//# sourceMappingURL=DataGrid.js.map"],"names":["DataGrid","React","forwardRef","props","ref","state","useDataGrid_unstable","useDataGridStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGrid_unstable","useDataGridContextValues_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;6BACc;gCACG;mCACG;0CACO;qCACL;AAItC,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,6CAA0B,EAACF;IAC3B,MAAM,EACJE,4BAA4BC,gBAAe,EAC5C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,uCAAuB,EAACL,OAAOM,IAAAA,2DAAiC,EAACN;AAC1E;AACAL,SAASY,WAAW,GAAG,YACvB,oCAAoC"}
+{"version":3,"sources":["../../../lib/components/DataGrid/DataGrid.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGrid_unstable } from './useDataGrid';\nimport { renderDataGrid_unstable } from './renderDataGrid';\nimport { useDataGridStyles_unstable } from './useDataGridStyles.styles';\nimport { useDataGridContextValues_unstable } from './useDataGridContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGrid component\n */\nexport const DataGrid = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDataGrid_unstable(props, ref);\n  useDataGridStyles_unstable(state);\n  useCustomStyleHook_unstable('useDataGridStyles_unstable')(state);\n  return renderDataGrid_unstable(state, useDataGridContextValues_unstable(state));\n});\nDataGrid.displayName = 'DataGrid';\n//# sourceMappingURL=DataGrid.js.map"],"names":["DataGrid","React","forwardRef","props","ref","state","useDataGrid_unstable","useDataGridStyles_unstable","useCustomStyleHook_unstable","renderDataGrid_unstable","useDataGridContextValues_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;6BACc;gCACG;yCACG;0CACO;qCACN;AAIrC,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,mDAA0B,EAACF;IAC3BG,IAAAA,gDAA2B,EAAC,8BAA8BH;IAC1D,OAAOI,IAAAA,uCAAuB,EAACJ,OAAOK,IAAAA,2DAAiC,EAACL;AAC1E;AACAL,SAASW,WAAW,GAAG,YACvB,oCAAoC"}

package/lib-commonjs/components/DataGrid/index.js

@@ -7,7 +7,7 @@ _exportStar(require("./DataGrid"), exports);
 _exportStar(require("./DataGrid.types"), exports);
 _exportStar(require("./renderDataGrid"), exports);
 _exportStar(require("./useDataGrid"), exports);
-_exportStar(require("./useDataGridStyles"), exports);
+_exportStar(require("./useDataGridStyles.styles"), exports);
 _exportStar(require("./useDataGridContextValues"), exports);
  //# sourceMappingURL=index.js.map
 

package/lib-commonjs/components/DataGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/DataGrid/index.js"],"sourcesContent":["export * from './DataGrid';\nexport * from './DataGrid.types';\nexport * from './renderDataGrid';\nexport * from './useDataGrid';\nexport * from './useDataGridStyles';\nexport * from './useDataGridContextValues';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/DataGrid/index.js"],"sourcesContent":["export * from './DataGrid';\nexport * from './DataGrid.types';\nexport * from './renderDataGrid';\nexport * from './useDataGrid';\nexport * from './useDataGridStyles.styles';\nexport * from './useDataGridContextValues';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/DataGrid/{useDataGridStyles.js → useDataGridStyles.styles.js}

@@ -13,14 +13,14 @@ _export(exports, {
     useDataGridStyles_unstable: ()=>useDataGridStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useTableStyles = require("../Table/useTableStyles");
+const _useTableStylesStyles = require("../Table/useTableStyles.styles");
 const dataGridClassNames = {
     root: 'fui-DataGrid'
 };
 const useDataGridStyles_unstable = (state)=>{
-    (0, _useTableStyles.useTableStyles_unstable)(state);
+    (0, _useTableStylesStyles.useTableStyles_unstable)(state);
     state.root.className = (0, _react.mergeClasses)(dataGridClassNames.root, state.root.className);
     return state;
-}; //# sourceMappingURL=useDataGridStyles.js.map
+}; //# sourceMappingURL=useDataGridStyles.styles.js.map
 
-//# sourceMappingURL=useDataGridStyles.js.map
+//# sourceMappingURL=useDataGridStyles.styles.js.map

package/lib-commonjs/components/DataGrid/useDataGridStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/DataGrid/useDataGridStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableStyles_unstable } from '../Table/useTableStyles.styles';\nexport const dataGridClassNames = {\n  root: 'fui-DataGrid'\n};\n/**\n * Apply styling to the DataGrid slots based on the state\n */\nexport const useDataGridStyles_unstable = state => {\n  useTableStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridClassNames.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDataGridStyles.styles.js.map"],"names":["dataGridClassNames","useDataGridStyles_unstable","root","state","useTableStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,kBAAkB,MAAlBA;IAMAC,0BAA0B,MAA1BA;;uBARgB;sCACW;AACjC,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AAIO,MAAMD,6BAA6BE,CAAAA,QAAS;IACjDC,IAAAA,6CAAuB,EAACD;IACxBA,MAAMD,IAAI,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACN,mBAAmBE,IAAI,EAAEC,MAAMD,IAAI,CAACG,SAAS;IACjF,OAAOF;AACT,GACA,oDAAoD"}

package/lib-commonjs/components/DataGridBody/DataGridBody.js

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useDataGridBody = require("./useDataGridBody");
 const _renderDataGridBody = require("./renderDataGridBody");
-const _useDataGridBodyStyles = require("./useDataGridBodyStyles");
+const _useDataGridBodyStylesStyles = require("./useDataGridBodyStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const DataGridBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useDataGridBody.useDataGridBody_unstable)(props, ref);
-    (0, _useDataGridBodyStyles.useDataGridBodyStyles_unstable)(state);
-    const { useDataGridBodyStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useDataGridBodyStylesStyles.useDataGridBodyStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDataGridBodyStyles_unstable')(state);
     return (0, _renderDataGridBody.renderDataGridBody_unstable)(state);
 });
 DataGridBody.displayName = 'DataGridBody'; //# sourceMappingURL=DataGridBody.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/DataGridBody/DataGridBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridBody_unstable } from './useDataGridBody';\nimport { renderDataGridBody_unstable } from './renderDataGridBody';\nimport { useDataGridBodyStyles_unstable } from './useDataGridBodyStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridBody component\n */\nexport const DataGridBody = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDataGridBody_unstable(props, ref);\n  useDataGridBodyStyles_unstable(state);\n  const {\n    useDataGridBodyStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderDataGridBody_unstable(state);\n});\nDataGridBody.displayName = 'DataGridBody';\n//# sourceMappingURL=DataGridBody.js.map"],"names":["DataGridBody","React","forwardRef","props","ref","state","useDataGridBody_unstable","useDataGridBodyStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGridBody_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;iCACkB;oCACG;uCACG;qCACF;AAItC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,qDAA8B,EAACF;IAC/B,MAAM,EACJE,gCAAgCC,gBAAe,EAChD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,+CAA2B,EAACL;AACrC;AACAL,aAAaW,WAAW,GAAG,gBAC3B,wCAAwC"}
+{"version":3,"sources":["../../../lib/components/DataGridBody/DataGridBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridBody_unstable } from './useDataGridBody';\nimport { renderDataGridBody_unstable } from './renderDataGridBody';\nimport { useDataGridBodyStyles_unstable } from './useDataGridBodyStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridBody component\n */\nexport const DataGridBody = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDataGridBody_unstable(props, ref);\n  useDataGridBodyStyles_unstable(state);\n  useCustomStyleHook_unstable('useDataGridBodyStyles_unstable')(state);\n  return renderDataGridBody_unstable(state);\n});\nDataGridBody.displayName = 'DataGridBody';\n//# sourceMappingURL=DataGridBody.js.map"],"names":["DataGridBody","React","forwardRef","props","ref","state","useDataGridBody_unstable","useDataGridBodyStyles_unstable","useCustomStyleHook_unstable","renderDataGridBody_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;iCACkB;oCACG;6CACG;qCACH;AAIrC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACrC;AACAL,aAAaU,WAAW,GAAG,gBAC3B,wCAAwC"}

package/lib-commonjs/components/DataGridBody/index.js

@@ -7,7 +7,7 @@ _exportStar(require("./DataGridBody"), exports);
 _exportStar(require("./DataGridBody.types"), exports);
 _exportStar(require("./renderDataGridBody"), exports);
 _exportStar(require("./useDataGridBody"), exports);
-_exportStar(require("./useDataGridBodyStyles"), exports);
+_exportStar(require("./useDataGridBodyStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/DataGridBody/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/DataGridBody/index.js"],"sourcesContent":["export * from './DataGridBody';\nexport * from './DataGridBody.types';\nexport * from './renderDataGridBody';\nexport * from './useDataGridBody';\nexport * from './useDataGridBodyStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/DataGridBody/index.js"],"sourcesContent":["export * from './DataGridBody';\nexport * from './DataGridBody.types';\nexport * from './renderDataGridBody';\nexport * from './useDataGridBody';\nexport * from './useDataGridBodyStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/DataGridBody/{useDataGridBodyStyles.js → useDataGridBodyStyles.styles.js}

@@ -13,14 +13,14 @@ _export(exports, {
     useDataGridBodyStyles_unstable: ()=>useDataGridBodyStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useTableBodyStyles = require("../TableBody/useTableBodyStyles");
+const _useTableBodyStylesStyles = require("../TableBody/useTableBodyStyles.styles");
 const dataGridBodyClassNames = {
     root: 'fui-DataGridBody'
 };
 const useDataGridBodyStyles_unstable = (state)=>{
-    (0, _useTableBodyStyles.useTableBodyStyles_unstable)(state);
+    (0, _useTableBodyStylesStyles.useTableBodyStyles_unstable)(state);
     state.root.className = (0, _react.mergeClasses)(dataGridBodyClassNames.root, state.root.className);
     return state;
-}; //# sourceMappingURL=useDataGridBodyStyles.js.map
+}; //# sourceMappingURL=useDataGridBodyStyles.styles.js.map
 
-//# sourceMappingURL=useDataGridBodyStyles.js.map
+//# sourceMappingURL=useDataGridBodyStyles.styles.js.map

package/lib-commonjs/components/DataGridBody/useDataGridBodyStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/DataGridBody/useDataGridBodyStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableBodyStyles_unstable } from '../TableBody/useTableBodyStyles.styles';\nexport const dataGridBodyClassNames = {\n  root: 'fui-DataGridBody'\n};\n/**\n * Apply styling to the DataGridBody slots based on the state\n */\nexport const useDataGridBodyStyles_unstable = state => {\n  useTableBodyStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridBodyClassNames.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDataGridBodyStyles.styles.js.map"],"names":["dataGridBodyClassNames","useDataGridBodyStyles_unstable","root","state","useTableBodyStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB,MAAtBA;IAMAC,8BAA8B,MAA9BA;;uBARgB;0CACe;AACrC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AAIO,MAAMD,iCAAiCE,CAAAA,QAAS;IACrDC,IAAAA,qDAA2B,EAACD;IAC5BA,MAAMD,IAAI,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACN,uBAAuBE,IAAI,EAAEC,MAAMD,IAAI,CAACG,SAAS;IACrF,OAAOF;AACT,GACA,wDAAwD"}

package/lib-commonjs/components/DataGridCell/DataGridCell.js

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useDataGridCell = require("./useDataGridCell");
 const _renderDataGridCell = require("./renderDataGridCell");
-const _useDataGridCellStyles = require("./useDataGridCellStyles");
+const _useDataGridCellStylesStyles = require("./useDataGridCellStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const DataGridCell = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useDataGridCell.useDataGridCell_unstable)(props, ref);
-    (0, _useDataGridCellStyles.useDataGridCellStyles_unstable)(state);
-    const { useDataGridCellStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useDataGridCellStylesStyles.useDataGridCellStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDataGridCellStyles_unstable')(state);
     return (0, _renderDataGridCell.renderDataGridCell_unstable)(state);
 });
 DataGridCell.displayName = 'DataGridCell'; //# sourceMappingURL=DataGridCell.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/DataGridCell/DataGridCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridCell_unstable } from './useDataGridCell';\nimport { renderDataGridCell_unstable } from './renderDataGridCell';\nimport { useDataGridCellStyles_unstable } from './useDataGridCellStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridCell component\n */\nexport const DataGridCell = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDataGridCell_unstable(props, ref);\n  useDataGridCellStyles_unstable(state);\n  const {\n    useDataGridCellStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderDataGridCell_unstable(state);\n});\nDataGridCell.displayName = 'DataGridCell';\n//# sourceMappingURL=DataGridCell.js.map"],"names":["DataGridCell","React","forwardRef","props","ref","state","useDataGridCell_unstable","useDataGridCellStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGridCell_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;iCACkB;oCACG;uCACG;qCACF;AAItC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,qDAA8B,EAACF;IAC/B,MAAM,EACJE,gCAAgCC,gBAAe,EAChD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,+CAA2B,EAACL;AACrC;AACAL,aAAaW,WAAW,GAAG,gBAC3B,wCAAwC"}
+{"version":3,"sources":["../../../lib/components/DataGridCell/DataGridCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridCell_unstable } from './useDataGridCell';\nimport { renderDataGridCell_unstable } from './renderDataGridCell';\nimport { useDataGridCellStyles_unstable } from './useDataGridCellStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridCell component\n */\nexport const DataGridCell = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDataGridCell_unstable(props, ref);\n  useDataGridCellStyles_unstable(state);\n  useCustomStyleHook_unstable('useDataGridCellStyles_unstable')(state);\n  return renderDataGridCell_unstable(state);\n});\nDataGridCell.displayName = 'DataGridCell';\n//# sourceMappingURL=DataGridCell.js.map"],"names":["DataGridCell","React","forwardRef","props","ref","state","useDataGridCell_unstable","useDataGridCellStyles_unstable","useCustomStyleHook_unstable","renderDataGridCell_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;iCACkB;oCACG;6CACG;qCACH;AAIrC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACrC;AACAL,aAAaU,WAAW,GAAG,gBAC3B,wCAAwC"}

package/lib-commonjs/components/DataGridCell/index.js

@@ -7,7 +7,7 @@ _exportStar(require("./DataGridCell"), exports);
 _exportStar(require("./DataGridCell.types"), exports);
 _exportStar(require("./renderDataGridCell"), exports);
 _exportStar(require("./useDataGridCell"), exports);
-_exportStar(require("./useDataGridCellStyles"), exports);
+_exportStar(require("./useDataGridCellStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/DataGridCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/DataGridCell/index.js"],"sourcesContent":["export * from './DataGridCell';\nexport * from './DataGridCell.types';\nexport * from './renderDataGridCell';\nexport * from './useDataGridCell';\nexport * from './useDataGridCellStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/DataGridCell/index.js"],"sourcesContent":["export * from './DataGridCell';\nexport * from './DataGridCell.types';\nexport * from './renderDataGridCell';\nexport * from './useDataGridCell';\nexport * from './useDataGridCellStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/DataGridCell/{useDataGridCellStyles.js → useDataGridCellStyles.styles.js}

@@ -13,14 +13,14 @@ _export(exports, {
     useDataGridCellStyles_unstable: ()=>useDataGridCellStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useTableCellStyles = require("../TableCell/useTableCellStyles");
+const _useTableCellStylesStyles = require("../TableCell/useTableCellStyles.styles");
 const dataGridCellClassNames = {
     root: 'fui-DataGridCell'
 };
 const useDataGridCellStyles_unstable = (state)=>{
-    (0, _useTableCellStyles.useTableCellStyles_unstable)(state);
+    (0, _useTableCellStylesStyles.useTableCellStyles_unstable)(state);
     state.root.className = (0, _react.mergeClasses)(dataGridCellClassNames.root, state.root.className);
     return state;
-}; //# sourceMappingURL=useDataGridCellStyles.js.map
+}; //# sourceMappingURL=useDataGridCellStyles.styles.js.map
 
-//# sourceMappingURL=useDataGridCellStyles.js.map
+//# sourceMappingURL=useDataGridCellStyles.styles.js.map

package/lib-commonjs/components/DataGridCell/useDataGridCellStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/DataGridCell/useDataGridCellStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableCellStyles_unstable } from '../TableCell/useTableCellStyles.styles';\nexport const dataGridCellClassNames = {\n  root: 'fui-DataGridCell'\n};\n/**\n * Apply styling to the DataGridCell slots based on the state\n */\nexport const useDataGridCellStyles_unstable = state => {\n  useTableCellStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridCellClassNames.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDataGridCellStyles.styles.js.map"],"names":["dataGridCellClassNames","useDataGridCellStyles_unstable","root","state","useTableCellStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB,MAAtBA;IAMAC,8BAA8B,MAA9BA;;uBARgB;0CACe;AACrC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AAIO,MAAMD,iCAAiCE,CAAAA,QAAS;IACrDC,IAAAA,qDAA2B,EAACD;IAC5BA,MAAMD,IAAI,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACN,uBAAuBE,IAAI,EAAEC,MAAMD,IAAI,CAACG,SAAS;IACrF,OAAOF;AACT,GACA,wDAAwD"}

package/lib-commonjs/components/DataGridHeader/DataGridHeader.js

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useDataGridHeader = require("./useDataGridHeader");
 const _renderDataGridHeader = require("./renderDataGridHeader");
-const _useDataGridHeaderStyles = require("./useDataGridHeaderStyles");
+const _useDataGridHeaderStylesStyles = require("./useDataGridHeaderStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const DataGridHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useDataGridHeader.useDataGridHeader_unstable)(props, ref);
-    (0, _useDataGridHeaderStyles.useDataGridHeaderStyles_unstable)(state);
-    const { useDataGridHeaderStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useDataGridHeaderStylesStyles.useDataGridHeaderStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDataGridHeaderStyles_unstable')(state);
     return (0, _renderDataGridHeader.renderDataGridHeader_unstable)(state);
 });
 DataGridHeader.displayName = 'DataGridHeader'; //# sourceMappingURL=DataGridHeader.js.map