@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/table/TableViewWithoutExpanding.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAUM,MAAM,0DAA4B,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UAA4B,KAAoB,EAAE,GAA2B;IAC9I,IAAI,kBACF,cAAc,oBACd,gBAAgB,EACjB,GAAG;IACJ,IAAI,CAAC,yBAAyB,2BAA2B,GAAG,CAAA,GAAA,eAAO,EAAE,mBAAmB;IACxF,IAAI,mBAAmB,CAAC,CAAC,kBAAkB;IAC3C,IAAI,QAAQ,CAAA,GAAA,oBAAY,EAAE;QACxB,GAAG,KAAK;iCACR;QACA,iBAAiB;QACjB,mBAAmB,MAAM,cAAc,KAAK,cAAc,YAAY;IACxE;IAEA,+HAA+H;IAC/H,IAAI,uBAAuB,MAAM,gBAAgB,CAAC,iBAAiB,KAAK;IACxE,IAAI,yBAAyB,yBAC3B,2BAA2B;IAG7B,qBACE,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAE,OAAO;QAAO,KAAK;;AAEjD","sources":["packages/@adobe/react-spectrum/src/table/TableViewWithoutExpanding.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport React, {ReactElement, useState} from 'react';\nimport {SpectrumTableProps} from './TableView';\nimport {TableViewBase} from './TableViewBase';\nimport {useTableState} from 'react-stately/useTableState';\n\ninterface TableProps<T> extends Omit<SpectrumTableProps<T>, 'UNSTABLE_allowsExpandableRows'> {}\n\nexport const TableViewWithoutExpanding = React.forwardRef(function TableView<T extends object>(props: TableProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let {\n    selectionStyle,\n    dragAndDropHooks\n  } = props;\n  let [showSelectionCheckboxes, setShowSelectionCheckboxes] = useState(selectionStyle !== 'highlight');\n  let isTableDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let state = useTableState({\n    ...props,\n    showSelectionCheckboxes,\n    showDragButtons: isTableDraggable,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n\n  // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...\n  let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';\n  if (shouldShowCheckboxes !== showSelectionCheckboxes) {\n    setShowSelectionCheckboxes(shouldShowCheckboxes);\n  }\n\n  return (\n    <TableViewBase {...props} state={state} ref={ref} />\n  );\n}) as <T>(props: TableProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"TableViewWithoutExpanding.mjs.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAUM,MAAM,0DAA4B,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UACjE,KAAoB,EACpB,GAA2B;IAE3B,IAAI,kBAAC,cAAc,oBAAE,gBAAgB,EAAC,GAAG;IACzC,IAAI,CAAC,yBAAyB,2BAA2B,GAAG,CAAA,GAAA,eAAO,EACjE,mBAAmB;IAErB,IAAI,mBAAmB,CAAC,CAAC,kBAAkB;IAC3C,IAAI,QAAQ,CAAA,GAAA,oBAAY,EAAE;QACxB,GAAG,KAAK;iCACR;QACA,iBAAiB;QACjB,mBAAmB,MAAM,cAAc,KAAK,cAAc,YAAY;IACxE;IAEA,+HAA+H;IAC/H,IAAI,uBAAuB,MAAM,gBAAgB,CAAC,iBAAiB,KAAK;IACxE,IAAI,yBAAyB,yBAC3B,2BAA2B;IAG7B,qBAAO,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAE,OAAO;QAAO,KAAK;;AACtD","sources":["packages/@adobe/react-spectrum/src/table/TableViewWithoutExpanding.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport React, {ReactElement, useState} from 'react';\nimport {SpectrumTableProps} from './TableView';\nimport {TableViewBase} from './TableViewBase';\nimport {useTableState} from 'react-stately/useTableState';\n\ninterface TableProps<T> extends Omit<SpectrumTableProps<T>, 'UNSTABLE_allowsExpandableRows'> {}\n\nexport const TableViewWithoutExpanding = React.forwardRef(function TableView<T extends object>(\n  props: TableProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {selectionStyle, dragAndDropHooks} = props;\n  let [showSelectionCheckboxes, setShowSelectionCheckboxes] = useState(\n    selectionStyle !== 'highlight'\n  );\n  let isTableDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let state = useTableState({\n    ...props,\n    showSelectionCheckboxes,\n    showDragButtons: isTableDraggable,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n\n  // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...\n  let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';\n  if (shouldShowCheckboxes !== showSelectionCheckboxes) {\n    setShowSelectionCheckboxes(shouldShowCheckboxes);\n  }\n\n  return <TableViewBase {...props} state={state} ref={ref} />;\n}) as <T>(props: TableProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"TableViewWithoutExpanding.mjs.map"}

package/dist/private/table/TreeGridTableView.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAUM,MAAM,0DAAoB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,kBAAoC,KAA4B,EAAE,GAA2B;IACtJ,IAAI,kBACF,cAAc,oBACd,gBAAgB,EACjB,GAAG;IACJ,IAAI,CAAC,yBAAyB,2BAA2B,GAAG,CAAA,GAAA,qBAAO,EAAE,mBAAmB;IACxF,IAAI,mBAAmB,CAAC,CAAC,kBAAkB;IAC3C,IAAI,QAAQ,CAAA,GAAA,yEAAwB,EAAE;QACpC,GAAG,KAAK;iCACR;QACA,iBAAiB;QACjB,mBAAmB,MAAM,cAAc,KAAK,cAAc,YAAY;IACxE;IAEA,+HAA+H;IAC/H,IAAI,uBAAuB,MAAM,gBAAgB,CAAC,iBAAiB,KAAK;IACxE,IAAI,yBAAyB,yBAC3B,2BAA2B;IAG7B,qBACE,0DAAC,CAAA,GAAA,uCAAY;QAAG,GAAG,KAAK;QAAE,OAAO;QAAO,KAAK;;AAEjD","sources":["packages/@adobe/react-spectrum/src/table/TreeGridTableView.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport React, {ReactElement, useState} from 'react';\nimport {SpectrumTableProps} from './TableView';\nimport {TableViewBase} from './TableViewBase';\nimport {UNSTABLE_useTreeGridState} from 'react-stately/private/table/useTreeGridState';\n\nexport interface TreeGridTableProps<T> extends Omit<SpectrumTableProps<T>, 'UNSTABLE_allowsExpandableRows'> {}\n\nexport const TreeGridTableView = React.forwardRef(function TreeGridTableView<T extends object>(props: TreeGridTableProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let {\n    selectionStyle,\n    dragAndDropHooks\n  } = props;\n  let [showSelectionCheckboxes, setShowSelectionCheckboxes] = useState(selectionStyle !== 'highlight');\n  let isTableDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let state = UNSTABLE_useTreeGridState({\n    ...props,\n    showSelectionCheckboxes,\n    showDragButtons: isTableDraggable,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n\n  // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...\n  let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';\n  if (shouldShowCheckboxes !== showSelectionCheckboxes) {\n    setShowSelectionCheckboxes(shouldShowCheckboxes);\n  }\n\n  return (\n    <TableViewBase {...props} state={state} ref={ref} />\n  );\n}) as <T>(props: TreeGridTableProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"TreeGridTableView.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAaM,MAAM,0DAAoB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,kBACzD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,kBAAC,cAAc,oBAAE,gBAAgB,EAAC,GAAG;IACzC,IAAI,CAAC,yBAAyB,2BAA2B,GAAG,CAAA,GAAA,qBAAO,EACjE,mBAAmB;IAErB,IAAI,mBAAmB,CAAC,CAAC,kBAAkB;IAC3C,IAAI,QAAQ,CAAA,GAAA,yEAAwB,EAAE;QACpC,GAAG,KAAK;iCACR;QACA,iBAAiB;QACjB,mBAAmB,MAAM,cAAc,KAAK,cAAc,YAAY;IACxE;IAEA,+HAA+H;IAC/H,IAAI,uBAAuB,MAAM,gBAAgB,CAAC,iBAAiB,KAAK;IACxE,IAAI,yBAAyB,yBAC3B,2BAA2B;IAG7B,qBAAO,0DAAC,CAAA,GAAA,uCAAY;QAAG,GAAG,KAAK;QAAE,OAAO;QAAO,KAAK;;AACtD","sources":["packages/@adobe/react-spectrum/src/table/TreeGridTableView.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport React, {ReactElement, useState} from 'react';\nimport {SpectrumTableProps} from './TableView';\nimport {TableViewBase} from './TableViewBase';\nimport {UNSTABLE_useTreeGridState} from 'react-stately/private/table/useTreeGridState';\n\nexport interface TreeGridTableProps<T> extends Omit<\n  SpectrumTableProps<T>,\n  'UNSTABLE_allowsExpandableRows'\n> {}\n\nexport const TreeGridTableView = React.forwardRef(function TreeGridTableView<T extends object>(\n  props: TreeGridTableProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {selectionStyle, dragAndDropHooks} = props;\n  let [showSelectionCheckboxes, setShowSelectionCheckboxes] = useState(\n    selectionStyle !== 'highlight'\n  );\n  let isTableDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let state = UNSTABLE_useTreeGridState({\n    ...props,\n    showSelectionCheckboxes,\n    showDragButtons: isTableDraggable,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n\n  // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...\n  let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';\n  if (shouldShowCheckboxes !== showSelectionCheckboxes) {\n    setShowSelectionCheckboxes(shouldShowCheckboxes);\n  }\n\n  return <TableViewBase {...props} state={state} ref={ref} />;\n}) as <T>(props: TreeGridTableProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"TreeGridTableView.cjs.map"}

package/dist/private/table/TreeGridTableView.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAUM,MAAM,0DAAoB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,kBAAoC,KAA4B,EAAE,GAA2B;IACtJ,IAAI,kBACF,cAAc,oBACd,gBAAgB,EACjB,GAAG;IACJ,IAAI,CAAC,yBAAyB,2BAA2B,GAAG,CAAA,GAAA,eAAO,EAAE,mBAAmB;IACxF,IAAI,mBAAmB,CAAC,EAAC,6BAAA,uCAAA,iBAAkB,2BAA2B;IACtE,IAAI,QAAQ,CAAA,GAAA,gCAAwB,EAAE;QACpC,GAAG,KAAK;iCACR;QACA,iBAAiB;QACjB,mBAAmB,MAAM,cAAc,KAAK,cAAc,YAAY;IACxE;IAEA,+HAA+H;IAC/H,IAAI,uBAAuB,MAAM,gBAAgB,CAAC,iBAAiB,KAAK;IACxE,IAAI,yBAAyB,yBAC3B,2BAA2B;IAG7B,qBACE,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAE,OAAO;QAAO,KAAK;;AAEjD","sources":["packages/@adobe/react-spectrum/src/table/TreeGridTableView.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport React, {ReactElement, useState} from 'react';\nimport {SpectrumTableProps} from './TableView';\nimport {TableViewBase} from './TableViewBase';\nimport {UNSTABLE_useTreeGridState} from 'react-stately/private/table/useTreeGridState';\n\nexport interface TreeGridTableProps<T> extends Omit<SpectrumTableProps<T>, 'UNSTABLE_allowsExpandableRows'> {}\n\nexport const TreeGridTableView = React.forwardRef(function TreeGridTableView<T extends object>(props: TreeGridTableProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let {\n    selectionStyle,\n    dragAndDropHooks\n  } = props;\n  let [showSelectionCheckboxes, setShowSelectionCheckboxes] = useState(selectionStyle !== 'highlight');\n  let isTableDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let state = UNSTABLE_useTreeGridState({\n    ...props,\n    showSelectionCheckboxes,\n    showDragButtons: isTableDraggable,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n\n  // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...\n  let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';\n  if (shouldShowCheckboxes !== showSelectionCheckboxes) {\n    setShowSelectionCheckboxes(shouldShowCheckboxes);\n  }\n\n  return (\n    <TableViewBase {...props} state={state} ref={ref} />\n  );\n}) as <T>(props: TreeGridTableProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"TreeGridTableView.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAaM,MAAM,0DAAoB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,kBACzD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,kBAAC,cAAc,oBAAE,gBAAgB,EAAC,GAAG;IACzC,IAAI,CAAC,yBAAyB,2BAA2B,GAAG,CAAA,GAAA,eAAO,EACjE,mBAAmB;IAErB,IAAI,mBAAmB,CAAC,EAAC,6BAAA,uCAAA,iBAAkB,2BAA2B;IACtE,IAAI,QAAQ,CAAA,GAAA,gCAAwB,EAAE;QACpC,GAAG,KAAK;iCACR;QACA,iBAAiB;QACjB,mBAAmB,MAAM,cAAc,KAAK,cAAc,YAAY;IACxE;IAEA,+HAA+H;IAC/H,IAAI,uBAAuB,MAAM,gBAAgB,CAAC,iBAAiB,KAAK;IACxE,IAAI,yBAAyB,yBAC3B,2BAA2B;IAG7B,qBAAO,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAE,OAAO;QAAO,KAAK;;AACtD","sources":["packages/@adobe/react-spectrum/src/table/TreeGridTableView.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport React, {ReactElement, useState} from 'react';\nimport {SpectrumTableProps} from './TableView';\nimport {TableViewBase} from './TableViewBase';\nimport {UNSTABLE_useTreeGridState} from 'react-stately/private/table/useTreeGridState';\n\nexport interface TreeGridTableProps<T> extends Omit<\n  SpectrumTableProps<T>,\n  'UNSTABLE_allowsExpandableRows'\n> {}\n\nexport const TreeGridTableView = React.forwardRef(function TreeGridTableView<T extends object>(\n  props: TreeGridTableProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {selectionStyle, dragAndDropHooks} = props;\n  let [showSelectionCheckboxes, setShowSelectionCheckboxes] = useState(\n    selectionStyle !== 'highlight'\n  );\n  let isTableDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let state = UNSTABLE_useTreeGridState({\n    ...props,\n    showSelectionCheckboxes,\n    showDragButtons: isTableDraggable,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n\n  // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...\n  let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';\n  if (shouldShowCheckboxes !== showSelectionCheckboxes) {\n    setShowSelectionCheckboxes(shouldShowCheckboxes);\n  }\n\n  return <TableViewBase {...props} state={state} ref={ref} />;\n}) as <T>(props: TreeGridTableProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"TreeGridTableView.js.map"}

package/dist/private/table/TreeGridTableView.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAUM,MAAM,0DAAoB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,kBAAoC,KAA4B,EAAE,GAA2B;IACtJ,IAAI,kBACF,cAAc,oBACd,gBAAgB,EACjB,GAAG;IACJ,IAAI,CAAC,yBAAyB,2BAA2B,GAAG,CAAA,GAAA,eAAO,EAAE,mBAAmB;IACxF,IAAI,mBAAmB,CAAC,CAAC,kBAAkB;IAC3C,IAAI,QAAQ,CAAA,GAAA,gCAAwB,EAAE;QACpC,GAAG,KAAK;iCACR;QACA,iBAAiB;QACjB,mBAAmB,MAAM,cAAc,KAAK,cAAc,YAAY;IACxE;IAEA,+HAA+H;IAC/H,IAAI,uBAAuB,MAAM,gBAAgB,CAAC,iBAAiB,KAAK;IACxE,IAAI,yBAAyB,yBAC3B,2BAA2B;IAG7B,qBACE,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAE,OAAO;QAAO,KAAK;;AAEjD","sources":["packages/@adobe/react-spectrum/src/table/TreeGridTableView.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport React, {ReactElement, useState} from 'react';\nimport {SpectrumTableProps} from './TableView';\nimport {TableViewBase} from './TableViewBase';\nimport {UNSTABLE_useTreeGridState} from 'react-stately/private/table/useTreeGridState';\n\nexport interface TreeGridTableProps<T> extends Omit<SpectrumTableProps<T>, 'UNSTABLE_allowsExpandableRows'> {}\n\nexport const TreeGridTableView = React.forwardRef(function TreeGridTableView<T extends object>(props: TreeGridTableProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let {\n    selectionStyle,\n    dragAndDropHooks\n  } = props;\n  let [showSelectionCheckboxes, setShowSelectionCheckboxes] = useState(selectionStyle !== 'highlight');\n  let isTableDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let state = UNSTABLE_useTreeGridState({\n    ...props,\n    showSelectionCheckboxes,\n    showDragButtons: isTableDraggable,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n\n  // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...\n  let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';\n  if (shouldShowCheckboxes !== showSelectionCheckboxes) {\n    setShowSelectionCheckboxes(shouldShowCheckboxes);\n  }\n\n  return (\n    <TableViewBase {...props} state={state} ref={ref} />\n  );\n}) as <T>(props: TreeGridTableProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"TreeGridTableView.mjs.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAaM,MAAM,0DAAoB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,kBACzD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,kBAAC,cAAc,oBAAE,gBAAgB,EAAC,GAAG;IACzC,IAAI,CAAC,yBAAyB,2BAA2B,GAAG,CAAA,GAAA,eAAO,EACjE,mBAAmB;IAErB,IAAI,mBAAmB,CAAC,CAAC,kBAAkB;IAC3C,IAAI,QAAQ,CAAA,GAAA,gCAAwB,EAAE;QACpC,GAAG,KAAK;iCACR;QACA,iBAAiB;QACjB,mBAAmB,MAAM,cAAc,KAAK,cAAc,YAAY;IACxE;IAEA,+HAA+H;IAC/H,IAAI,uBAAuB,MAAM,gBAAgB,CAAC,iBAAiB,KAAK;IACxE,IAAI,yBAAyB,yBAC3B,2BAA2B;IAG7B,qBAAO,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAE,OAAO;QAAO,KAAK;;AACtD","sources":["packages/@adobe/react-spectrum/src/table/TreeGridTableView.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport React, {ReactElement, useState} from 'react';\nimport {SpectrumTableProps} from './TableView';\nimport {TableViewBase} from './TableViewBase';\nimport {UNSTABLE_useTreeGridState} from 'react-stately/private/table/useTreeGridState';\n\nexport interface TreeGridTableProps<T> extends Omit<\n  SpectrumTableProps<T>,\n  'UNSTABLE_allowsExpandableRows'\n> {}\n\nexport const TreeGridTableView = React.forwardRef(function TreeGridTableView<T extends object>(\n  props: TreeGridTableProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {selectionStyle, dragAndDropHooks} = props;\n  let [showSelectionCheckboxes, setShowSelectionCheckboxes] = useState(\n    selectionStyle !== 'highlight'\n  );\n  let isTableDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let state = UNSTABLE_useTreeGridState({\n    ...props,\n    showSelectionCheckboxes,\n    showDragButtons: isTableDraggable,\n    selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n  });\n\n  // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...\n  let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';\n  if (shouldShowCheckboxes !== showSelectionCheckboxes) {\n    setShowSelectionCheckboxes(shouldShowCheckboxes);\n  }\n\n  return <TableViewBase {...props} state={state} ref={ref} />;\n}) as <T>(props: TreeGridTableProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"TreeGridTableView.mjs.map"}

package/dist/private/table/table.css

@@ -1,4 +1,4 @@
-.FsDyjq_react-spectrum-Table {
+._5a2Axa_react-spectrum-Table {
   --spectrum-table-droptarget-background-color: var(--spectrum-alias-highlight-selected);
   --spectrum-table-dropindicator-border-color: var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
   --spectrum-table-dropindicator-circle-border-color: var(--spectrum-dropindicator-circle-border-color, var(--spectrum-global-color-blue-400));
@@ -14,31 +14,31 @@
   display: flex;
 }
 
-.FsDyjq_react-spectrum-Table-cell {
+._5a2Axa_react-spectrum-Table-cell {
   align-items: center;
   display: flex;
 }
 
-.FsDyjq_react-spectrum-Table-cellWrapper > .FsDyjq_react-spectrum-Table-cell {
+._5a2Axa_react-spectrum-Table-cellWrapper > ._5a2Axa_react-spectrum-Table-cell {
   height: 100%;
 }
 
-.FsDyjq_react-spectrum-Table-cell--alignStart {
+._5a2Axa_react-spectrum-Table-cell--alignStart {
   text-align: start;
   justify-content: flex-start;
 }
 
-.FsDyjq_react-spectrum-Table-cell--alignCenter {
+._5a2Axa_react-spectrum-Table-cell--alignCenter {
   text-align: center;
   justify-content: center;
 }
 
-.FsDyjq_react-spectrum-Table-cell--alignEnd {
+._5a2Axa_react-spectrum-Table-cell--alignEnd {
   text-align: end;
   justify-content: flex-end;
 }
 
-.FsDyjq_react-spectrum-Table-centeredWrapper {
+._5a2Axa_react-spectrum-Table-centeredWrapper {
   justify-content: center;
   align-items: center;
   width: 100%;
@@ -46,7 +46,7 @@
   display: flex;
 }
 
-.FsDyjq_react-spectrum-Table-row-dragPreview {
+._5a2Axa_react-spectrum-Table-row-dragPreview {
   --spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white, #fff);
   --spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);
   width: var(--spectrum-global-dimension-size-2400);
@@ -56,21 +56,21 @@
   forced-color-adjust: none;
 }
 
-.FsDyjq_react-spectrum-Table-row-dragPreview:after {
+._5a2Axa_react-spectrum-Table-row-dragPreview:after {
   box-shadow: none;
 }
 
-.FsDyjq_react-spectrum-Table-row-dragPreview .FsDyjq_react-spectrum-Table-cell {
+._5a2Axa_react-spectrum-Table-row-dragPreview ._5a2Axa_react-spectrum-Table-cell {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 
-.FsDyjq_react-spectrum-Table-row-dragPreview.FsDyjq_react-spectrum-Table-row-dragPreview--multiple {
+._5a2Axa_react-spectrum-Table-row-dragPreview._5a2Axa_react-spectrum-Table-row-dragPreview--multiple {
   position: relative;
 }
 
-.FsDyjq_react-spectrum-Table-row-dragPreview.FsDyjq_react-spectrum-Table-row-dragPreview--multiple:after {
+._5a2Axa_react-spectrum-Table-row-dragPreview._5a2Axa_react-spectrum-Table-row-dragPreview--multiple:after {
   content: "";
   z-index: -1;
   border: 1px solid var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
@@ -85,7 +85,7 @@
   inset-inline-start: 4px;
 }
 
-.FsDyjq_react-spectrum-Table-row-dragPreview .FsDyjq_react-spectrum-Table-row-badge {
+._5a2Axa_react-spectrum-Table-row-dragPreview ._5a2Axa_react-spectrum-Table-row-badge {
   color: var(--spectrum-table-row-badge-text-color);
   background: var(--spectrum-table-row-badge-background-color);
   padding: 0 var(--spectrum-global-dimension-size-100);
@@ -96,14 +96,14 @@
   margin-bottom: auto;
 }
 
-.FsDyjq_react-spectrum-Table-body.FsDyjq_react-spectrum-Table-body--dropTarget {
+._5a2Axa_react-spectrum-Table-body._5a2Axa_react-spectrum-Table-body--dropTarget {
   border-color: var(--spectrum-table-dropindicator-border-color);
   background-color: var(--spectrum-alias-highlight-selected);
   box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus, var(--spectrum-alias-border-color-focus));
   forced-color-adjust: none;
 }
 
-.FsDyjq_react-spectrum-Table-InsertionIndicator {
+._5a2Axa_react-spectrum-Table-InsertionIndicator {
   z-index: 3;
   width: calc(100% - (2 * var(--spectrum-table-dropindicator-circle-size)));
   outline: none;
@@ -111,23 +111,24 @@
   inset-inline-start: var(--spectrum-table-dropindicator-circle-size);
 }
 
-.FsDyjq_react-spectrum-Table-InsertionIndicator.FsDyjq_react-spectrum-Table-InsertionIndicator--dropTarget {
+._5a2Axa_react-spectrum-Table-InsertionIndicator._5a2Axa_react-spectrum-Table-InsertionIndicator--dropTarget {
   background: var(--spectrum-table-dropindicator-border-color);
   border-bottom: 2px solid var(--spectrum-table-dropindicator-border-color);
   forced-color-adjust: none;
 }
 
-.FsDyjq_react-spectrum-Table-InsertionIndicator.FsDyjq_react-spectrum-Table-InsertionIndicator--dropTarget:before {
+._5a2Axa_react-spectrum-Table-InsertionIndicator._5a2Axa_react-spectrum-Table-InsertionIndicator--dropTarget:before {
   left: calc(var(--spectrum-table-dropindicator-circle-size) * -1);
 }
 
-.FsDyjq_react-spectrum-Table-InsertionIndicator.FsDyjq_react-spectrum-Table-InsertionIndicator--dropTarget:after {
+._5a2Axa_react-spectrum-Table-InsertionIndicator._5a2Axa_react-spectrum-Table-InsertionIndicator--dropTarget:after {
   right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);
 }
 
-.FsDyjq_react-spectrum-Table-InsertionIndicator.FsDyjq_react-spectrum-Table-InsertionIndicator--dropTarget:before, .FsDyjq_react-spectrum-Table-InsertionIndicator.FsDyjq_react-spectrum-Table-InsertionIndicator--dropTarget:after {
+._5a2Axa_react-spectrum-Table-InsertionIndicator._5a2Axa_react-spectrum-Table-InsertionIndicator--dropTarget:before, ._5a2Axa_react-spectrum-Table-InsertionIndicator._5a2Axa_react-spectrum-Table-InsertionIndicator--dropTarget:after {
   content: "";
-  top: calc(var(--spectrum-table-dropindicator-circle-size) * -1 / 2 + var(--spectrum-table-dropindicator-border-size) / 2);
+  top: calc(var(--spectrum-table-dropindicator-circle-size) * -1 / 2 +
+          var(--spectrum-table-dropindicator-border-size) / 2);
   width: var(--spectrum-table-dropindicator-circle-size);
   height: var(--spectrum-table-dropindicator-circle-size);
   border: var(--spectrum-table-dropindicator-border-size) solid;
@@ -140,33 +141,33 @@
   position: absolute;
 }
 
-.FsDyjq_react-spectrum-Table-headCell.FsDyjq_react-spectrum-Table-dragButtonHeadCell {
+._5a2Axa_react-spectrum-Table-headCell._5a2Axa_react-spectrum-Table-dragButtonHeadCell {
   height: inherit;
   padding: 0;
 }
 
-.FsDyjq_react-spectrum-Table-cell.FsDyjq_react-spectrum-Table-dragButtonCell {
+._5a2Axa_react-spectrum-Table-cell._5a2Axa_react-spectrum-Table-dragButtonCell {
   padding: var(--spectrum-global-dimension-size-40);
 }
 
-.FsDyjq_react-spectrum-Table-cell.FsDyjq_react-spectrum-Table-dragButtonCell .FsDyjq_react-spectrum-Table-dragButton {
+._5a2Axa_react-spectrum-Table-cell._5a2Axa_react-spectrum-Table-dragButtonCell ._5a2Axa_react-spectrum-Table-dragButton {
   border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
   padding: var(--spectrum-global-dimension-size-10);
 }
 
-.FsDyjq_react-spectrum-Table-cell.FsDyjq_react-spectrum-Table-dragButtonCell .FsDyjq_react-spectrum-Table-dragButton.FsDyjq_focus-ring {
+._5a2Axa_react-spectrum-Table-cell._5a2Axa_react-spectrum-Table-dragButtonCell ._5a2Axa_react-spectrum-Table-dragButton._5a2Axa_focus-ring {
   box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus, var(--spectrum-alias-border-color-focus));
   forced-color-adjust: none;
   outline: none;
 }
 
-.FsDyjq_react-spectrum-Table-cell.FsDyjq_react-spectrum-Table-dragButtonCell .FsDyjq_react-spectrum-Table-dragButton svg {
+._5a2Axa_react-spectrum-Table-cell._5a2Axa_react-spectrum-Table-dragButtonCell ._5a2Axa_react-spectrum-Table-dragButton svg {
   padding: var(--spectrum-global-dimension-size-40);
   margin: auto 0;
   display: block;
 }
 
-.FsDyjq_react-spectrum-Table-row.FsDyjq_react-spectrum-Table-row--dropTarget {
+._5a2Axa_react-spectrum-Table-row._5a2Axa_react-spectrum-Table-row--dropTarget {
   border: 1px var(--spectrum-table-dropindicator-border-color);
   box-shadow: inset 2px 0 0 0 var(--spectrum-table-dropindicator-border-color),
       inset -2px 0 0 0 var(--spectrum-table-dropindicator-border-color),
@@ -175,12 +176,12 @@
   forced-color-adjust: none;
 }
 
-.FsDyjq_react-spectrum-Table-row .FsDyjq_react-spectrum-Table-cellWrapper.FsDyjq_react-spectrum-Table-cellWrapper--dropTarget {
+._5a2Axa_react-spectrum-Table-row ._5a2Axa_react-spectrum-Table-cellWrapper._5a2Axa_react-spectrum-Table-cellWrapper--dropTarget {
   background-color: var(--spectrum-table-droptarget-background-color);
 }
 
 @media (forced-colors: active) {
-  .FsDyjq_react-spectrum-Table, .FsDyjq_react-spectrum-Table-row {
+  ._5a2Axa_react-spectrum-Table, ._5a2Axa_react-spectrum-Table-row {
     --spectrum-table-droptarget-background-color: var(--spectrum-alias-global-color-transparent);
     --spectrum-table-dropindicator-border-color: Highlight;
     --spectrum-dropzone-border-color-selected-hover: Highlight;

package/dist/private/table/table.css.map

@@ -1 +1 @@
-{"mappings":"AAYC;;;;;;;;;;;;;;;;AAqBA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;AAYC;;;;AAIA;;;;;;AAMA;;;;AAGE;;;;;;;;;;;;;;;AAkBF;;;;;;;;;;;AAaA;;;;;;;AAUD;;;;;;;;AAOC;;;;;;AAQE;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;AAqBF;;;;;AAOA;;;;AAGE;;;;;AAIE;;;;;;AAQA;;;;;;AAUJ","sources":["packages/@adobe/react-spectrum/src/table/table.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n .react-spectrum-Table {\n  --spectrum-table-droptarget-background-color: var(--spectrum-alias-highlight-selected);\n  --spectrum-table-dropindicator-border-color: var(--spectrum-dropzone-border-color-selected-hover);\n  --spectrum-table-dropindicator-circle-border-color: var(--spectrum-dropindicator-circle-border-color);\n\n  --spectrum-table-dropindicator-circle-size: var(--spectrum-dropindicator-circle-size);\n  --spectrum-table-dropindicator-border-size: var(--spectrum-dropindicator-border-size);\n\n  --spectrum-table-dropzone-border-color-selected-hover: var(--spectrum-dropzone-border-color-selected-hover);\n\n  --spectrum-table-item-draghandle-border-color-key-focus: var(--spectrum-table-item-border-color-key-focus);\n }\n\n.react-spectrum-Table {\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n}\n\n.react-spectrum-Table-cell {\n  display: flex;\n  align-items: center;\n}\n\n.react-spectrum-Table-cellWrapper > .react-spectrum-Table-cell {\n  height: 100%;\n}\n\n.react-spectrum-Table-cell--alignStart {\n  text-align: start;\n  justify-content: flex-start;\n}\n\n.react-spectrum-Table-cell--alignCenter {\n  text-align: center;\n  justify-content: center;\n}\n\n.react-spectrum-Table-cell--alignEnd {\n  text-align: end;\n  justify-content: flex-end;\n}\n\n.react-spectrum-Table-centeredWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.react-spectrum-Table-row-dragPreview {\n  --spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white);\n  --spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);\n\n  width: var(--spectrum-global-dimension-size-2400);\n  border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n  border-radius: var(--spectrum-alias-border-radius-regular);\n  background-color: var(--spectrum-table-background-color);\n\n  /* forced-color-adjust: none, so that background-color style will render */\n  forced-color-adjust: none;\n\n  &::after {\n    box-shadow: none;\n  }\n\n  .react-spectrum-Table-cell {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &.react-spectrum-Table-row-dragPreview--multiple {\n    position: relative;\n\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n      z-index: -1;\n      top: 4px;\n      inset-inline-start: 4px;\n      width: 100%;\n      height: 100%;\n      border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      background-color: var(--spectrum-table-background-color);\n\n      /* forced-color-adjust: none, so that box-shadow style will render */\n      forced-color-adjust: none;\n    }\n  }\n\n  .react-spectrum-Table-row-badge {\n    color: var(--spectrum-table-row-badge-text-color);\n    background: var(--spectrum-table-row-badge-background-color);\n    padding: 0 var(--spectrum-global-dimension-size-100);\n    border-radius: var(--spectrum-alias-border-radius-regular);\n    margin-inline-end: var(--spectrum-global-dimension-size-100);\n    margin-top: auto;\n    margin-bottom: auto;\n    height: fit-content;\n  }\n}\n\n.react-spectrum-Table-body {\n  &.react-spectrum-Table-body--dropTarget {\n    border-color: var(--spectrum-table-dropindicator-border-color);\n    background-color: var(--spectrum-alias-highlight-selected);\n    box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n}\n\n.react-spectrum-Table-InsertionIndicator {\n  z-index: 3;\n  width: calc(100% - (2 * var(--spectrum-table-dropindicator-circle-size)));\n  inset-inline-start: var(--spectrum-table-dropindicator-circle-size);\n  position: absolute;\n  outline: none;\n\n  &.react-spectrum-Table-InsertionIndicator--dropTarget {\n    background: var(--spectrum-table-dropindicator-border-color);\n    border-bottom: 2px solid var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that background color\n    will render border for insertion indicator. */\n    forced-color-adjust: none;\n\n    &:before {\n      left: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:after {\n      right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:before,\n    &:after {\n      content: '';\n      position: absolute;\n      top: calc(var(--spectrum-table-dropindicator-circle-size) * -1 / 2 + var(--spectrum-table-dropindicator-border-size) / 2);\n      width: var(--spectrum-table-dropindicator-circle-size);\n      height: var(--spectrum-table-dropindicator-circle-size);\n      border-radius: 50%;\n      border: var(--spectrum-table-dropindicator-border-size) solid;\n      box-sizing: border-box;\n      border-color: var(--spectrum-table-dropindicator-circle-border-color);\n      background-color: var(--spectrum-table-background-color);\n      z-index: 5;\n\n      /* forced-color-adjust: none, so that box-shadow and background-color styles will render */\n      forced-color-adjust: none;\n    }\n  }\n}\n\n.react-spectrum-Table-headCell {\n  &.react-spectrum-Table-dragButtonHeadCell {\n    padding: 0;\n    height: inherit;\n  }\n}\n\n.react-spectrum-Table-cell {\n  &.react-spectrum-Table-dragButtonCell {\n    padding: var(--spectrum-global-dimension-size-40);\n\n    .react-spectrum-Table-dragButton {\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      padding: var(--spectrum-global-dimension-size-10);\n\n      &:focus-visible {\n        box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n        outline: none;\n\n        /* forced-color-adjust: none, so that box-shadow style will render */\n        forced-color-adjust: none;\n      }\n\n      svg {\n        margin: auto 0;\n        display: block;\n        padding: var(--spectrum-global-dimension-size-40);\n      }\n    }\n  }\n}\n\n.react-spectrum-Table-row {\n  &.react-spectrum-Table-row--dropTarget {\n    border: 1px var(--spectrum-table-dropindicator-border-color);\n    box-shadow: inset 2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset -2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 -3px 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 2px 0 0 var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n\n  .react-spectrum-Table-cellWrapper.react-spectrum-Table-cellWrapper--dropTarget {\n    background-color: var(--spectrum-table-droptarget-background-color);\n  }\n}\n\n@media (forced-colors: active) {\n  .react-spectrum-Table,\n  .react-spectrum-Table-row {\n    --spectrum-table-droptarget-background-color: var(--spectrum-alias-global-color-transparent);\n    --spectrum-table-dropindicator-border-color: Highlight;\n    --spectrum-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-dropindicator-circle-border-color: Highlight;\n    --spectrum-table-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-row-badge-text-color: HighlightText;\n    --spectrum-table-row-badge-background-color: Highlight;\n  }\n}\n"],"names":[],"version":3,"file":"table.css.map"}
+{"mappings":"AAYA;;;;;;;;;;;;;;;;AAuBA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;AAYE;;;;AAIA;;;;;;AAMA;;;;AAGE;;;;;;;;;;;;;;;AAkBF;;;;;;;;;;;AAaA;;;;;;;AAUF;;;;;;;;AAOE;;;;;;AAQE;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEJ","sources":["packages/@adobe/react-spectrum/src/table/table.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.react-spectrum-Table {\n  --spectrum-table-droptarget-background-color: var(--spectrum-alias-highlight-selected);\n  --spectrum-table-dropindicator-border-color: var(--spectrum-dropzone-border-color-selected-hover);\n  --spectrum-table-dropindicator-circle-border-color: var(\n    --spectrum-dropindicator-circle-border-color\n  );\n\n  --spectrum-table-dropindicator-circle-size: var(--spectrum-dropindicator-circle-size);\n  --spectrum-table-dropindicator-border-size: var(--spectrum-dropindicator-border-size);\n\n  --spectrum-table-dropzone-border-color-selected-hover: var(\n    --spectrum-dropzone-border-color-selected-hover\n  );\n\n  --spectrum-table-item-draghandle-border-color-key-focus: var(\n    --spectrum-table-item-border-color-key-focus\n  );\n}\n\n.react-spectrum-Table {\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n}\n\n.react-spectrum-Table-cell {\n  display: flex;\n  align-items: center;\n}\n\n.react-spectrum-Table-cellWrapper > .react-spectrum-Table-cell {\n  height: 100%;\n}\n\n.react-spectrum-Table-cell--alignStart {\n  text-align: start;\n  justify-content: flex-start;\n}\n\n.react-spectrum-Table-cell--alignCenter {\n  text-align: center;\n  justify-content: center;\n}\n\n.react-spectrum-Table-cell--alignEnd {\n  text-align: end;\n  justify-content: flex-end;\n}\n\n.react-spectrum-Table-centeredWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.react-spectrum-Table-row-dragPreview {\n  --spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white);\n  --spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);\n\n  width: var(--spectrum-global-dimension-size-2400);\n  border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n  border-radius: var(--spectrum-alias-border-radius-regular);\n  background-color: var(--spectrum-table-background-color);\n\n  /* forced-color-adjust: none, so that background-color style will render */\n  forced-color-adjust: none;\n\n  &::after {\n    box-shadow: none;\n  }\n\n  .react-spectrum-Table-cell {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &.react-spectrum-Table-row-dragPreview--multiple {\n    position: relative;\n\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n      z-index: -1;\n      top: 4px;\n      inset-inline-start: 4px;\n      width: 100%;\n      height: 100%;\n      border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      background-color: var(--spectrum-table-background-color);\n\n      /* forced-color-adjust: none, so that box-shadow style will render */\n      forced-color-adjust: none;\n    }\n  }\n\n  .react-spectrum-Table-row-badge {\n    color: var(--spectrum-table-row-badge-text-color);\n    background: var(--spectrum-table-row-badge-background-color);\n    padding: 0 var(--spectrum-global-dimension-size-100);\n    border-radius: var(--spectrum-alias-border-radius-regular);\n    margin-inline-end: var(--spectrum-global-dimension-size-100);\n    margin-top: auto;\n    margin-bottom: auto;\n    height: fit-content;\n  }\n}\n\n.react-spectrum-Table-body {\n  &.react-spectrum-Table-body--dropTarget {\n    border-color: var(--spectrum-table-dropindicator-border-color);\n    background-color: var(--spectrum-alias-highlight-selected);\n    box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n}\n\n.react-spectrum-Table-InsertionIndicator {\n  z-index: 3;\n  width: calc(100% - (2 * var(--spectrum-table-dropindicator-circle-size)));\n  inset-inline-start: var(--spectrum-table-dropindicator-circle-size);\n  position: absolute;\n  outline: none;\n\n  &.react-spectrum-Table-InsertionIndicator--dropTarget {\n    background: var(--spectrum-table-dropindicator-border-color);\n    border-bottom: 2px solid var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that background color\n    will render border for insertion indicator. */\n    forced-color-adjust: none;\n\n    &:before {\n      left: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:after {\n      right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:before,\n    &:after {\n      content: '';\n      position: absolute;\n      top: calc(\n        var(--spectrum-table-dropindicator-circle-size) * -1 / 2 +\n          var(--spectrum-table-dropindicator-border-size) / 2\n      );\n      width: var(--spectrum-table-dropindicator-circle-size);\n      height: var(--spectrum-table-dropindicator-circle-size);\n      border-radius: 50%;\n      border: var(--spectrum-table-dropindicator-border-size) solid;\n      box-sizing: border-box;\n      border-color: var(--spectrum-table-dropindicator-circle-border-color);\n      background-color: var(--spectrum-table-background-color);\n      z-index: 5;\n\n      /* forced-color-adjust: none, so that box-shadow and background-color styles will render */\n      forced-color-adjust: none;\n    }\n  }\n}\n\n.react-spectrum-Table-headCell {\n  &.react-spectrum-Table-dragButtonHeadCell {\n    padding: 0;\n    height: inherit;\n  }\n}\n\n.react-spectrum-Table-cell {\n  &.react-spectrum-Table-dragButtonCell {\n    padding: var(--spectrum-global-dimension-size-40);\n\n    .react-spectrum-Table-dragButton {\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      padding: var(--spectrum-global-dimension-size-10);\n\n      &:focus-visible {\n        box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n        outline: none;\n\n        /* forced-color-adjust: none, so that box-shadow style will render */\n        forced-color-adjust: none;\n      }\n\n      svg {\n        margin: auto 0;\n        display: block;\n        padding: var(--spectrum-global-dimension-size-40);\n      }\n    }\n  }\n}\n\n.react-spectrum-Table-row {\n  &.react-spectrum-Table-row--dropTarget {\n    border: 1px var(--spectrum-table-dropindicator-border-color);\n    box-shadow:\n      inset 2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset -2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 -3px 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 2px 0 0 var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n\n  .react-spectrum-Table-cellWrapper.react-spectrum-Table-cellWrapper--dropTarget {\n    background-color: var(--spectrum-table-droptarget-background-color);\n  }\n}\n\n@media (forced-colors: active) {\n  .react-spectrum-Table,\n  .react-spectrum-Table-row {\n    --spectrum-table-droptarget-background-color: var(--spectrum-alias-global-color-transparent);\n    --spectrum-table-dropindicator-border-color: Highlight;\n    --spectrum-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-dropindicator-circle-border-color: Highlight;\n    --spectrum-table-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-row-badge-text-color: HighlightText;\n    --spectrum-table-row-badge-background-color: Highlight;\n  }\n}\n"],"names":[],"version":3,"file":"table.css.map"}

package/dist/private/table/table_css.cjs

@@ -47,28 +47,28 @@ var $a82a0782618e719b$export$5e4ce8d9f081b812;
 var $a82a0782618e719b$export$3559001d7e84a6da;
 var $a82a0782618e719b$export$ba71e6bcd70242c7;
 var $a82a0782618e719b$export$3d73889014dd20dd;
-$a82a0782618e719b$export$f39a09f249340e2a = `FsDyjq_focus-ring`;
-$a82a0782618e719b$export$8cc7e6e5f955c192 = `FsDyjq_react-spectrum-Table`;
-$a82a0782618e719b$export$e0940649899bb056 = `FsDyjq_react-spectrum-Table-InsertionIndicator`;
-$a82a0782618e719b$export$e246eff99e77d045 = `FsDyjq_react-spectrum-Table-InsertionIndicator--dropTarget`;
-$a82a0782618e719b$export$7c43a9cc5d8e99e7 = `FsDyjq_react-spectrum-Table-body`;
-$a82a0782618e719b$export$2698e8974a57cb61 = `FsDyjq_react-spectrum-Table-body--dropTarget`;
-$a82a0782618e719b$export$19015e98090cea63 = `FsDyjq_react-spectrum-Table-cell`;
-$a82a0782618e719b$export$14101ea2699002fc = `FsDyjq_react-spectrum-Table-cell--alignCenter`;
-$a82a0782618e719b$export$c594335f8535fc47 = `FsDyjq_react-spectrum-Table-cell--alignEnd`;
-$a82a0782618e719b$export$25d7f56ba6d0d442 = `FsDyjq_react-spectrum-Table-cell--alignStart`;
-$a82a0782618e719b$export$ea1d9f40910c509 = `FsDyjq_react-spectrum-Table-cellWrapper`;
-$a82a0782618e719b$export$374244a7e6e6e484 = `FsDyjq_react-spectrum-Table-cellWrapper--dropTarget`;
-$a82a0782618e719b$export$8bffb31c98aaf8d5 = `FsDyjq_react-spectrum-Table-centeredWrapper`;
-$a82a0782618e719b$export$d4b8138d7ce0ca37 = `FsDyjq_react-spectrum-Table-dragButton`;
-$a82a0782618e719b$export$8d6d420175da304f = `FsDyjq_react-spectrum-Table-dragButtonCell`;
-$a82a0782618e719b$export$211bbf0547a730b6 = `FsDyjq_react-spectrum-Table-dragButtonHeadCell`;
-$a82a0782618e719b$export$6fe7d8d8ce0454eb = `FsDyjq_react-spectrum-Table-headCell`;
-$a82a0782618e719b$export$a2af12d9c37814bd = `FsDyjq_react-spectrum-Table-row`;
-$a82a0782618e719b$export$5e4ce8d9f081b812 = `FsDyjq_react-spectrum-Table-row--dropTarget`;
-$a82a0782618e719b$export$3559001d7e84a6da = `FsDyjq_react-spectrum-Table-row-badge`;
-$a82a0782618e719b$export$ba71e6bcd70242c7 = `FsDyjq_react-spectrum-Table-row-dragPreview`;
-$a82a0782618e719b$export$3d73889014dd20dd = `FsDyjq_react-spectrum-Table-row-dragPreview--multiple`;
+$a82a0782618e719b$export$f39a09f249340e2a = `_5a2Axa_focus-ring`;
+$a82a0782618e719b$export$8cc7e6e5f955c192 = `_5a2Axa_react-spectrum-Table`;
+$a82a0782618e719b$export$e0940649899bb056 = `_5a2Axa_react-spectrum-Table-InsertionIndicator`;
+$a82a0782618e719b$export$e246eff99e77d045 = `_5a2Axa_react-spectrum-Table-InsertionIndicator--dropTarget`;
+$a82a0782618e719b$export$7c43a9cc5d8e99e7 = `_5a2Axa_react-spectrum-Table-body`;
+$a82a0782618e719b$export$2698e8974a57cb61 = `_5a2Axa_react-spectrum-Table-body--dropTarget`;
+$a82a0782618e719b$export$19015e98090cea63 = `_5a2Axa_react-spectrum-Table-cell`;
+$a82a0782618e719b$export$14101ea2699002fc = `_5a2Axa_react-spectrum-Table-cell--alignCenter`;
+$a82a0782618e719b$export$c594335f8535fc47 = `_5a2Axa_react-spectrum-Table-cell--alignEnd`;
+$a82a0782618e719b$export$25d7f56ba6d0d442 = `_5a2Axa_react-spectrum-Table-cell--alignStart`;
+$a82a0782618e719b$export$ea1d9f40910c509 = `_5a2Axa_react-spectrum-Table-cellWrapper`;
+$a82a0782618e719b$export$374244a7e6e6e484 = `_5a2Axa_react-spectrum-Table-cellWrapper--dropTarget`;
+$a82a0782618e719b$export$8bffb31c98aaf8d5 = `_5a2Axa_react-spectrum-Table-centeredWrapper`;
+$a82a0782618e719b$export$d4b8138d7ce0ca37 = `_5a2Axa_react-spectrum-Table-dragButton`;
+$a82a0782618e719b$export$8d6d420175da304f = `_5a2Axa_react-spectrum-Table-dragButtonCell`;
+$a82a0782618e719b$export$211bbf0547a730b6 = `_5a2Axa_react-spectrum-Table-dragButtonHeadCell`;
+$a82a0782618e719b$export$6fe7d8d8ce0454eb = `_5a2Axa_react-spectrum-Table-headCell`;
+$a82a0782618e719b$export$a2af12d9c37814bd = `_5a2Axa_react-spectrum-Table-row`;
+$a82a0782618e719b$export$5e4ce8d9f081b812 = `_5a2Axa_react-spectrum-Table-row--dropTarget`;
+$a82a0782618e719b$export$3559001d7e84a6da = `_5a2Axa_react-spectrum-Table-row-badge`;
+$a82a0782618e719b$export$ba71e6bcd70242c7 = `_5a2Axa_react-spectrum-Table-row-dragPreview`;
+$a82a0782618e719b$export$3d73889014dd20dd = `_5a2Axa_react-spectrum-Table-row-dragPreview--multiple`;
 
 
 //# sourceMappingURL=table_css.cjs.map

package/dist/private/table/table_css.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAwE,CAAC,0DAA0D,CAAC;AACpI,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,2CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAAiE,CAAC,mDAAmD,CAAC;AACtH,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAmE,CAAC,qDAAqD,CAAC","sources":["packages/@adobe/react-spectrum/src/table/table.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n .react-spectrum-Table {\n  --spectrum-table-droptarget-background-color: var(--spectrum-alias-highlight-selected);\n  --spectrum-table-dropindicator-border-color: var(--spectrum-dropzone-border-color-selected-hover);\n  --spectrum-table-dropindicator-circle-border-color: var(--spectrum-dropindicator-circle-border-color);\n\n  --spectrum-table-dropindicator-circle-size: var(--spectrum-dropindicator-circle-size);\n  --spectrum-table-dropindicator-border-size: var(--spectrum-dropindicator-border-size);\n\n  --spectrum-table-dropzone-border-color-selected-hover: var(--spectrum-dropzone-border-color-selected-hover);\n\n  --spectrum-table-item-draghandle-border-color-key-focus: var(--spectrum-table-item-border-color-key-focus);\n }\n\n.react-spectrum-Table {\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n}\n\n.react-spectrum-Table-cell {\n  display: flex;\n  align-items: center;\n}\n\n.react-spectrum-Table-cellWrapper > .react-spectrum-Table-cell {\n  height: 100%;\n}\n\n.react-spectrum-Table-cell--alignStart {\n  text-align: start;\n  justify-content: flex-start;\n}\n\n.react-spectrum-Table-cell--alignCenter {\n  text-align: center;\n  justify-content: center;\n}\n\n.react-spectrum-Table-cell--alignEnd {\n  text-align: end;\n  justify-content: flex-end;\n}\n\n.react-spectrum-Table-centeredWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.react-spectrum-Table-row-dragPreview {\n  --spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white);\n  --spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);\n\n  width: var(--spectrum-global-dimension-size-2400);\n  border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n  border-radius: var(--spectrum-alias-border-radius-regular);\n  background-color: var(--spectrum-table-background-color);\n\n  /* forced-color-adjust: none, so that background-color style will render */\n  forced-color-adjust: none;\n\n  &::after {\n    box-shadow: none;\n  }\n\n  .react-spectrum-Table-cell {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &.react-spectrum-Table-row-dragPreview--multiple {\n    position: relative;\n\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n      z-index: -1;\n      top: 4px;\n      inset-inline-start: 4px;\n      width: 100%;\n      height: 100%;\n      border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      background-color: var(--spectrum-table-background-color);\n\n      /* forced-color-adjust: none, so that box-shadow style will render */\n      forced-color-adjust: none;\n    }\n  }\n\n  .react-spectrum-Table-row-badge {\n    color: var(--spectrum-table-row-badge-text-color);\n    background: var(--spectrum-table-row-badge-background-color);\n    padding: 0 var(--spectrum-global-dimension-size-100);\n    border-radius: var(--spectrum-alias-border-radius-regular);\n    margin-inline-end: var(--spectrum-global-dimension-size-100);\n    margin-top: auto;\n    margin-bottom: auto;\n    height: fit-content;\n  }\n}\n\n.react-spectrum-Table-body {\n  &.react-spectrum-Table-body--dropTarget {\n    border-color: var(--spectrum-table-dropindicator-border-color);\n    background-color: var(--spectrum-alias-highlight-selected);\n    box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n}\n\n.react-spectrum-Table-InsertionIndicator {\n  z-index: 3;\n  width: calc(100% - (2 * var(--spectrum-table-dropindicator-circle-size)));\n  inset-inline-start: var(--spectrum-table-dropindicator-circle-size);\n  position: absolute;\n  outline: none;\n\n  &.react-spectrum-Table-InsertionIndicator--dropTarget {\n    background: var(--spectrum-table-dropindicator-border-color);\n    border-bottom: 2px solid var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that background color\n    will render border for insertion indicator. */\n    forced-color-adjust: none;\n\n    &:before {\n      left: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:after {\n      right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:before,\n    &:after {\n      content: '';\n      position: absolute;\n      top: calc(var(--spectrum-table-dropindicator-circle-size) * -1 / 2 + var(--spectrum-table-dropindicator-border-size) / 2);\n      width: var(--spectrum-table-dropindicator-circle-size);\n      height: var(--spectrum-table-dropindicator-circle-size);\n      border-radius: 50%;\n      border: var(--spectrum-table-dropindicator-border-size) solid;\n      box-sizing: border-box;\n      border-color: var(--spectrum-table-dropindicator-circle-border-color);\n      background-color: var(--spectrum-table-background-color);\n      z-index: 5;\n\n      /* forced-color-adjust: none, so that box-shadow and background-color styles will render */\n      forced-color-adjust: none;\n    }\n  }\n}\n\n.react-spectrum-Table-headCell {\n  &.react-spectrum-Table-dragButtonHeadCell {\n    padding: 0;\n    height: inherit;\n  }\n}\n\n.react-spectrum-Table-cell {\n  &.react-spectrum-Table-dragButtonCell {\n    padding: var(--spectrum-global-dimension-size-40);\n\n    .react-spectrum-Table-dragButton {\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      padding: var(--spectrum-global-dimension-size-10);\n\n      &:focus-visible {\n        box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n        outline: none;\n\n        /* forced-color-adjust: none, so that box-shadow style will render */\n        forced-color-adjust: none;\n      }\n\n      svg {\n        margin: auto 0;\n        display: block;\n        padding: var(--spectrum-global-dimension-size-40);\n      }\n    }\n  }\n}\n\n.react-spectrum-Table-row {\n  &.react-spectrum-Table-row--dropTarget {\n    border: 1px var(--spectrum-table-dropindicator-border-color);\n    box-shadow: inset 2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset -2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 -3px 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 2px 0 0 var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n\n  .react-spectrum-Table-cellWrapper.react-spectrum-Table-cellWrapper--dropTarget {\n    background-color: var(--spectrum-table-droptarget-background-color);\n  }\n}\n\n@media (forced-colors: active) {\n  .react-spectrum-Table,\n  .react-spectrum-Table-row {\n    --spectrum-table-droptarget-background-color: var(--spectrum-alias-global-color-transparent);\n    --spectrum-table-dropindicator-border-color: Highlight;\n    --spectrum-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-dropindicator-circle-border-color: Highlight;\n    --spectrum-table-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-row-badge-text-color: HighlightText;\n    --spectrum-table-row-badge-background-color: Highlight;\n  }\n}\n"],"names":[],"version":3,"file":"table_css.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArBA,4CAA+B,CAAC,kBAAkB,CAAC;AACnD,4CAAyC,CAAC,4BAA4B,CAAC;AACvE,4CAA4D,CAAC,+CAA+C,CAAC;AAC7G,4CAAwE,CAAC,2DAA2D,CAAC;AACrI,4CAA8C,CAAC,iCAAiC,CAAC;AACjF,4CAA0D,CAAC,6CAA6C,CAAC;AACzG,4CAA8C,CAAC,iCAAiC,CAAC;AACjF,4CAA2D,CAAC,8CAA8C,CAAC;AAC3G,4CAAwD,CAAC,2CAA2C,CAAC;AACrG,4CAA0D,CAAC,6CAA6C,CAAC;AACzG,2CAAqD,CAAC,wCAAwC,CAAC;AAC/F,4CAAiE,CAAC,oDAAoD,CAAC;AACvH,4CAAyD,CAAC,4CAA4C,CAAC;AACvG,4CAAoD,CAAC,uCAAuC,CAAC;AAC7F,4CAAwD,CAAC,2CAA2C,CAAC;AACrG,4CAA4D,CAAC,+CAA+C,CAAC;AAC7G,4CAAkD,CAAC,qCAAqC,CAAC;AACzF,4CAA6C,CAAC,gCAAgC,CAAC;AAC/E,4CAAyD,CAAC,4CAA4C,CAAC;AACvG,4CAAmD,CAAC,sCAAsC,CAAC;AAC3F,4CAAyD,CAAC,4CAA4C,CAAC;AACvG,4CAAmE,CAAC,sDAAsD,CAAC","sources":["packages/@adobe/react-spectrum/src/table/table.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.react-spectrum-Table {\n  --spectrum-table-droptarget-background-color: var(--spectrum-alias-highlight-selected);\n  --spectrum-table-dropindicator-border-color: var(--spectrum-dropzone-border-color-selected-hover);\n  --spectrum-table-dropindicator-circle-border-color: var(\n    --spectrum-dropindicator-circle-border-color\n  );\n\n  --spectrum-table-dropindicator-circle-size: var(--spectrum-dropindicator-circle-size);\n  --spectrum-table-dropindicator-border-size: var(--spectrum-dropindicator-border-size);\n\n  --spectrum-table-dropzone-border-color-selected-hover: var(\n    --spectrum-dropzone-border-color-selected-hover\n  );\n\n  --spectrum-table-item-draghandle-border-color-key-focus: var(\n    --spectrum-table-item-border-color-key-focus\n  );\n}\n\n.react-spectrum-Table {\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n}\n\n.react-spectrum-Table-cell {\n  display: flex;\n  align-items: center;\n}\n\n.react-spectrum-Table-cellWrapper > .react-spectrum-Table-cell {\n  height: 100%;\n}\n\n.react-spectrum-Table-cell--alignStart {\n  text-align: start;\n  justify-content: flex-start;\n}\n\n.react-spectrum-Table-cell--alignCenter {\n  text-align: center;\n  justify-content: center;\n}\n\n.react-spectrum-Table-cell--alignEnd {\n  text-align: end;\n  justify-content: flex-end;\n}\n\n.react-spectrum-Table-centeredWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.react-spectrum-Table-row-dragPreview {\n  --spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white);\n  --spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);\n\n  width: var(--spectrum-global-dimension-size-2400);\n  border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n  border-radius: var(--spectrum-alias-border-radius-regular);\n  background-color: var(--spectrum-table-background-color);\n\n  /* forced-color-adjust: none, so that background-color style will render */\n  forced-color-adjust: none;\n\n  &::after {\n    box-shadow: none;\n  }\n\n  .react-spectrum-Table-cell {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &.react-spectrum-Table-row-dragPreview--multiple {\n    position: relative;\n\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n      z-index: -1;\n      top: 4px;\n      inset-inline-start: 4px;\n      width: 100%;\n      height: 100%;\n      border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      background-color: var(--spectrum-table-background-color);\n\n      /* forced-color-adjust: none, so that box-shadow style will render */\n      forced-color-adjust: none;\n    }\n  }\n\n  .react-spectrum-Table-row-badge {\n    color: var(--spectrum-table-row-badge-text-color);\n    background: var(--spectrum-table-row-badge-background-color);\n    padding: 0 var(--spectrum-global-dimension-size-100);\n    border-radius: var(--spectrum-alias-border-radius-regular);\n    margin-inline-end: var(--spectrum-global-dimension-size-100);\n    margin-top: auto;\n    margin-bottom: auto;\n    height: fit-content;\n  }\n}\n\n.react-spectrum-Table-body {\n  &.react-spectrum-Table-body--dropTarget {\n    border-color: var(--spectrum-table-dropindicator-border-color);\n    background-color: var(--spectrum-alias-highlight-selected);\n    box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n}\n\n.react-spectrum-Table-InsertionIndicator {\n  z-index: 3;\n  width: calc(100% - (2 * var(--spectrum-table-dropindicator-circle-size)));\n  inset-inline-start: var(--spectrum-table-dropindicator-circle-size);\n  position: absolute;\n  outline: none;\n\n  &.react-spectrum-Table-InsertionIndicator--dropTarget {\n    background: var(--spectrum-table-dropindicator-border-color);\n    border-bottom: 2px solid var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that background color\n    will render border for insertion indicator. */\n    forced-color-adjust: none;\n\n    &:before {\n      left: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:after {\n      right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:before,\n    &:after {\n      content: '';\n      position: absolute;\n      top: calc(\n        var(--spectrum-table-dropindicator-circle-size) * -1 / 2 +\n          var(--spectrum-table-dropindicator-border-size) / 2\n      );\n      width: var(--spectrum-table-dropindicator-circle-size);\n      height: var(--spectrum-table-dropindicator-circle-size);\n      border-radius: 50%;\n      border: var(--spectrum-table-dropindicator-border-size) solid;\n      box-sizing: border-box;\n      border-color: var(--spectrum-table-dropindicator-circle-border-color);\n      background-color: var(--spectrum-table-background-color);\n      z-index: 5;\n\n      /* forced-color-adjust: none, so that box-shadow and background-color styles will render */\n      forced-color-adjust: none;\n    }\n  }\n}\n\n.react-spectrum-Table-headCell {\n  &.react-spectrum-Table-dragButtonHeadCell {\n    padding: 0;\n    height: inherit;\n  }\n}\n\n.react-spectrum-Table-cell {\n  &.react-spectrum-Table-dragButtonCell {\n    padding: var(--spectrum-global-dimension-size-40);\n\n    .react-spectrum-Table-dragButton {\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      padding: var(--spectrum-global-dimension-size-10);\n\n      &:focus-visible {\n        box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n        outline: none;\n\n        /* forced-color-adjust: none, so that box-shadow style will render */\n        forced-color-adjust: none;\n      }\n\n      svg {\n        margin: auto 0;\n        display: block;\n        padding: var(--spectrum-global-dimension-size-40);\n      }\n    }\n  }\n}\n\n.react-spectrum-Table-row {\n  &.react-spectrum-Table-row--dropTarget {\n    border: 1px var(--spectrum-table-dropindicator-border-color);\n    box-shadow:\n      inset 2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset -2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 -3px 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 2px 0 0 var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n\n  .react-spectrum-Table-cellWrapper.react-spectrum-Table-cellWrapper--dropTarget {\n    background-color: var(--spectrum-table-droptarget-background-color);\n  }\n}\n\n@media (forced-colors: active) {\n  .react-spectrum-Table,\n  .react-spectrum-Table-row {\n    --spectrum-table-droptarget-background-color: var(--spectrum-alias-global-color-transparent);\n    --spectrum-table-dropindicator-border-color: Highlight;\n    --spectrum-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-dropindicator-circle-border-color: Highlight;\n    --spectrum-table-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-row-badge-text-color: HighlightText;\n    --spectrum-table-row-badge-background-color: Highlight;\n  }\n}\n"],"names":[],"version":3,"file":"table_css.cjs.map"}

package/dist/private/table/table_css.mjs

@@ -48,28 +48,28 @@ var $88daef8ca9c8059a$export$5e4ce8d9f081b812;
 var $88daef8ca9c8059a$export$3559001d7e84a6da;
 var $88daef8ca9c8059a$export$ba71e6bcd70242c7;
 var $88daef8ca9c8059a$export$3d73889014dd20dd;
-$88daef8ca9c8059a$export$f39a09f249340e2a = `FsDyjq_focus-ring`;
-$88daef8ca9c8059a$export$8cc7e6e5f955c192 = `FsDyjq_react-spectrum-Table`;
-$88daef8ca9c8059a$export$e0940649899bb056 = `FsDyjq_react-spectrum-Table-InsertionIndicator`;
-$88daef8ca9c8059a$export$e246eff99e77d045 = `FsDyjq_react-spectrum-Table-InsertionIndicator--dropTarget`;
-$88daef8ca9c8059a$export$7c43a9cc5d8e99e7 = `FsDyjq_react-spectrum-Table-body`;
-$88daef8ca9c8059a$export$2698e8974a57cb61 = `FsDyjq_react-spectrum-Table-body--dropTarget`;
-$88daef8ca9c8059a$export$19015e98090cea63 = `FsDyjq_react-spectrum-Table-cell`;
-$88daef8ca9c8059a$export$14101ea2699002fc = `FsDyjq_react-spectrum-Table-cell--alignCenter`;
-$88daef8ca9c8059a$export$c594335f8535fc47 = `FsDyjq_react-spectrum-Table-cell--alignEnd`;
-$88daef8ca9c8059a$export$25d7f56ba6d0d442 = `FsDyjq_react-spectrum-Table-cell--alignStart`;
-$88daef8ca9c8059a$export$ea1d9f40910c509 = `FsDyjq_react-spectrum-Table-cellWrapper`;
-$88daef8ca9c8059a$export$374244a7e6e6e484 = `FsDyjq_react-spectrum-Table-cellWrapper--dropTarget`;
-$88daef8ca9c8059a$export$8bffb31c98aaf8d5 = `FsDyjq_react-spectrum-Table-centeredWrapper`;
-$88daef8ca9c8059a$export$d4b8138d7ce0ca37 = `FsDyjq_react-spectrum-Table-dragButton`;
-$88daef8ca9c8059a$export$8d6d420175da304f = `FsDyjq_react-spectrum-Table-dragButtonCell`;
-$88daef8ca9c8059a$export$211bbf0547a730b6 = `FsDyjq_react-spectrum-Table-dragButtonHeadCell`;
-$88daef8ca9c8059a$export$6fe7d8d8ce0454eb = `FsDyjq_react-spectrum-Table-headCell`;
-$88daef8ca9c8059a$export$a2af12d9c37814bd = `FsDyjq_react-spectrum-Table-row`;
-$88daef8ca9c8059a$export$5e4ce8d9f081b812 = `FsDyjq_react-spectrum-Table-row--dropTarget`;
-$88daef8ca9c8059a$export$3559001d7e84a6da = `FsDyjq_react-spectrum-Table-row-badge`;
-$88daef8ca9c8059a$export$ba71e6bcd70242c7 = `FsDyjq_react-spectrum-Table-row-dragPreview`;
-$88daef8ca9c8059a$export$3d73889014dd20dd = `FsDyjq_react-spectrum-Table-row-dragPreview--multiple`;
+$88daef8ca9c8059a$export$f39a09f249340e2a = `_5a2Axa_focus-ring`;
+$88daef8ca9c8059a$export$8cc7e6e5f955c192 = `_5a2Axa_react-spectrum-Table`;
+$88daef8ca9c8059a$export$e0940649899bb056 = `_5a2Axa_react-spectrum-Table-InsertionIndicator`;
+$88daef8ca9c8059a$export$e246eff99e77d045 = `_5a2Axa_react-spectrum-Table-InsertionIndicator--dropTarget`;
+$88daef8ca9c8059a$export$7c43a9cc5d8e99e7 = `_5a2Axa_react-spectrum-Table-body`;
+$88daef8ca9c8059a$export$2698e8974a57cb61 = `_5a2Axa_react-spectrum-Table-body--dropTarget`;
+$88daef8ca9c8059a$export$19015e98090cea63 = `_5a2Axa_react-spectrum-Table-cell`;
+$88daef8ca9c8059a$export$14101ea2699002fc = `_5a2Axa_react-spectrum-Table-cell--alignCenter`;
+$88daef8ca9c8059a$export$c594335f8535fc47 = `_5a2Axa_react-spectrum-Table-cell--alignEnd`;
+$88daef8ca9c8059a$export$25d7f56ba6d0d442 = `_5a2Axa_react-spectrum-Table-cell--alignStart`;
+$88daef8ca9c8059a$export$ea1d9f40910c509 = `_5a2Axa_react-spectrum-Table-cellWrapper`;
+$88daef8ca9c8059a$export$374244a7e6e6e484 = `_5a2Axa_react-spectrum-Table-cellWrapper--dropTarget`;
+$88daef8ca9c8059a$export$8bffb31c98aaf8d5 = `_5a2Axa_react-spectrum-Table-centeredWrapper`;
+$88daef8ca9c8059a$export$d4b8138d7ce0ca37 = `_5a2Axa_react-spectrum-Table-dragButton`;
+$88daef8ca9c8059a$export$8d6d420175da304f = `_5a2Axa_react-spectrum-Table-dragButtonCell`;
+$88daef8ca9c8059a$export$211bbf0547a730b6 = `_5a2Axa_react-spectrum-Table-dragButtonHeadCell`;
+$88daef8ca9c8059a$export$6fe7d8d8ce0454eb = `_5a2Axa_react-spectrum-Table-headCell`;
+$88daef8ca9c8059a$export$a2af12d9c37814bd = `_5a2Axa_react-spectrum-Table-row`;
+$88daef8ca9c8059a$export$5e4ce8d9f081b812 = `_5a2Axa_react-spectrum-Table-row--dropTarget`;
+$88daef8ca9c8059a$export$3559001d7e84a6da = `_5a2Axa_react-spectrum-Table-row-badge`;
+$88daef8ca9c8059a$export$ba71e6bcd70242c7 = `_5a2Axa_react-spectrum-Table-row-dragPreview`;
+$88daef8ca9c8059a$export$3d73889014dd20dd = `_5a2Axa_react-spectrum-Table-row-dragPreview--multiple`;
 
 
 export {$88daef8ca9c8059a$exports as default};

package/dist/private/table/table_css.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAwE,CAAC,0DAA0D,CAAC;AACpI,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,2CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAAiE,CAAC,mDAAmD,CAAC;AACtH,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAmE,CAAC,qDAAqD,CAAC","sources":["packages/@adobe/react-spectrum/src/table/table.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n .react-spectrum-Table {\n  --spectrum-table-droptarget-background-color: var(--spectrum-alias-highlight-selected);\n  --spectrum-table-dropindicator-border-color: var(--spectrum-dropzone-border-color-selected-hover);\n  --spectrum-table-dropindicator-circle-border-color: var(--spectrum-dropindicator-circle-border-color);\n\n  --spectrum-table-dropindicator-circle-size: var(--spectrum-dropindicator-circle-size);\n  --spectrum-table-dropindicator-border-size: var(--spectrum-dropindicator-border-size);\n\n  --spectrum-table-dropzone-border-color-selected-hover: var(--spectrum-dropzone-border-color-selected-hover);\n\n  --spectrum-table-item-draghandle-border-color-key-focus: var(--spectrum-table-item-border-color-key-focus);\n }\n\n.react-spectrum-Table {\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n}\n\n.react-spectrum-Table-cell {\n  display: flex;\n  align-items: center;\n}\n\n.react-spectrum-Table-cellWrapper > .react-spectrum-Table-cell {\n  height: 100%;\n}\n\n.react-spectrum-Table-cell--alignStart {\n  text-align: start;\n  justify-content: flex-start;\n}\n\n.react-spectrum-Table-cell--alignCenter {\n  text-align: center;\n  justify-content: center;\n}\n\n.react-spectrum-Table-cell--alignEnd {\n  text-align: end;\n  justify-content: flex-end;\n}\n\n.react-spectrum-Table-centeredWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.react-spectrum-Table-row-dragPreview {\n  --spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white);\n  --spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);\n\n  width: var(--spectrum-global-dimension-size-2400);\n  border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n  border-radius: var(--spectrum-alias-border-radius-regular);\n  background-color: var(--spectrum-table-background-color);\n\n  /* forced-color-adjust: none, so that background-color style will render */\n  forced-color-adjust: none;\n\n  &::after {\n    box-shadow: none;\n  }\n\n  .react-spectrum-Table-cell {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &.react-spectrum-Table-row-dragPreview--multiple {\n    position: relative;\n\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n      z-index: -1;\n      top: 4px;\n      inset-inline-start: 4px;\n      width: 100%;\n      height: 100%;\n      border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      background-color: var(--spectrum-table-background-color);\n\n      /* forced-color-adjust: none, so that box-shadow style will render */\n      forced-color-adjust: none;\n    }\n  }\n\n  .react-spectrum-Table-row-badge {\n    color: var(--spectrum-table-row-badge-text-color);\n    background: var(--spectrum-table-row-badge-background-color);\n    padding: 0 var(--spectrum-global-dimension-size-100);\n    border-radius: var(--spectrum-alias-border-radius-regular);\n    margin-inline-end: var(--spectrum-global-dimension-size-100);\n    margin-top: auto;\n    margin-bottom: auto;\n    height: fit-content;\n  }\n}\n\n.react-spectrum-Table-body {\n  &.react-spectrum-Table-body--dropTarget {\n    border-color: var(--spectrum-table-dropindicator-border-color);\n    background-color: var(--spectrum-alias-highlight-selected);\n    box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n}\n\n.react-spectrum-Table-InsertionIndicator {\n  z-index: 3;\n  width: calc(100% - (2 * var(--spectrum-table-dropindicator-circle-size)));\n  inset-inline-start: var(--spectrum-table-dropindicator-circle-size);\n  position: absolute;\n  outline: none;\n\n  &.react-spectrum-Table-InsertionIndicator--dropTarget {\n    background: var(--spectrum-table-dropindicator-border-color);\n    border-bottom: 2px solid var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that background color\n    will render border for insertion indicator. */\n    forced-color-adjust: none;\n\n    &:before {\n      left: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:after {\n      right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:before,\n    &:after {\n      content: '';\n      position: absolute;\n      top: calc(var(--spectrum-table-dropindicator-circle-size) * -1 / 2 + var(--spectrum-table-dropindicator-border-size) / 2);\n      width: var(--spectrum-table-dropindicator-circle-size);\n      height: var(--spectrum-table-dropindicator-circle-size);\n      border-radius: 50%;\n      border: var(--spectrum-table-dropindicator-border-size) solid;\n      box-sizing: border-box;\n      border-color: var(--spectrum-table-dropindicator-circle-border-color);\n      background-color: var(--spectrum-table-background-color);\n      z-index: 5;\n\n      /* forced-color-adjust: none, so that box-shadow and background-color styles will render */\n      forced-color-adjust: none;\n    }\n  }\n}\n\n.react-spectrum-Table-headCell {\n  &.react-spectrum-Table-dragButtonHeadCell {\n    padding: 0;\n    height: inherit;\n  }\n}\n\n.react-spectrum-Table-cell {\n  &.react-spectrum-Table-dragButtonCell {\n    padding: var(--spectrum-global-dimension-size-40);\n\n    .react-spectrum-Table-dragButton {\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      padding: var(--spectrum-global-dimension-size-10);\n\n      &:focus-visible {\n        box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n        outline: none;\n\n        /* forced-color-adjust: none, so that box-shadow style will render */\n        forced-color-adjust: none;\n      }\n\n      svg {\n        margin: auto 0;\n        display: block;\n        padding: var(--spectrum-global-dimension-size-40);\n      }\n    }\n  }\n}\n\n.react-spectrum-Table-row {\n  &.react-spectrum-Table-row--dropTarget {\n    border: 1px var(--spectrum-table-dropindicator-border-color);\n    box-shadow: inset 2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset -2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 -3px 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 2px 0 0 var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n\n  .react-spectrum-Table-cellWrapper.react-spectrum-Table-cellWrapper--dropTarget {\n    background-color: var(--spectrum-table-droptarget-background-color);\n  }\n}\n\n@media (forced-colors: active) {\n  .react-spectrum-Table,\n  .react-spectrum-Table-row {\n    --spectrum-table-droptarget-background-color: var(--spectrum-alias-global-color-transparent);\n    --spectrum-table-dropindicator-border-color: Highlight;\n    --spectrum-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-dropindicator-circle-border-color: Highlight;\n    --spectrum-table-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-row-badge-text-color: HighlightText;\n    --spectrum-table-row-badge-background-color: Highlight;\n  }\n}\n"],"names":[],"version":3,"file":"table_css.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArBA,4CAA+B,CAAC,kBAAkB,CAAC;AACnD,4CAAyC,CAAC,4BAA4B,CAAC;AACvE,4CAA4D,CAAC,+CAA+C,CAAC;AAC7G,4CAAwE,CAAC,2DAA2D,CAAC;AACrI,4CAA8C,CAAC,iCAAiC,CAAC;AACjF,4CAA0D,CAAC,6CAA6C,CAAC;AACzG,4CAA8C,CAAC,iCAAiC,CAAC;AACjF,4CAA2D,CAAC,8CAA8C,CAAC;AAC3G,4CAAwD,CAAC,2CAA2C,CAAC;AACrG,4CAA0D,CAAC,6CAA6C,CAAC;AACzG,2CAAqD,CAAC,wCAAwC,CAAC;AAC/F,4CAAiE,CAAC,oDAAoD,CAAC;AACvH,4CAAyD,CAAC,4CAA4C,CAAC;AACvG,4CAAoD,CAAC,uCAAuC,CAAC;AAC7F,4CAAwD,CAAC,2CAA2C,CAAC;AACrG,4CAA4D,CAAC,+CAA+C,CAAC;AAC7G,4CAAkD,CAAC,qCAAqC,CAAC;AACzF,4CAA6C,CAAC,gCAAgC,CAAC;AAC/E,4CAAyD,CAAC,4CAA4C,CAAC;AACvG,4CAAmD,CAAC,sCAAsC,CAAC;AAC3F,4CAAyD,CAAC,4CAA4C,CAAC;AACvG,4CAAmE,CAAC,sDAAsD,CAAC","sources":["packages/@adobe/react-spectrum/src/table/table.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.react-spectrum-Table {\n  --spectrum-table-droptarget-background-color: var(--spectrum-alias-highlight-selected);\n  --spectrum-table-dropindicator-border-color: var(--spectrum-dropzone-border-color-selected-hover);\n  --spectrum-table-dropindicator-circle-border-color: var(\n    --spectrum-dropindicator-circle-border-color\n  );\n\n  --spectrum-table-dropindicator-circle-size: var(--spectrum-dropindicator-circle-size);\n  --spectrum-table-dropindicator-border-size: var(--spectrum-dropindicator-border-size);\n\n  --spectrum-table-dropzone-border-color-selected-hover: var(\n    --spectrum-dropzone-border-color-selected-hover\n  );\n\n  --spectrum-table-item-draghandle-border-color-key-focus: var(\n    --spectrum-table-item-border-color-key-focus\n  );\n}\n\n.react-spectrum-Table {\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n}\n\n.react-spectrum-Table-cell {\n  display: flex;\n  align-items: center;\n}\n\n.react-spectrum-Table-cellWrapper > .react-spectrum-Table-cell {\n  height: 100%;\n}\n\n.react-spectrum-Table-cell--alignStart {\n  text-align: start;\n  justify-content: flex-start;\n}\n\n.react-spectrum-Table-cell--alignCenter {\n  text-align: center;\n  justify-content: center;\n}\n\n.react-spectrum-Table-cell--alignEnd {\n  text-align: end;\n  justify-content: flex-end;\n}\n\n.react-spectrum-Table-centeredWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.react-spectrum-Table-row-dragPreview {\n  --spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white);\n  --spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);\n\n  width: var(--spectrum-global-dimension-size-2400);\n  border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n  border-radius: var(--spectrum-alias-border-radius-regular);\n  background-color: var(--spectrum-table-background-color);\n\n  /* forced-color-adjust: none, so that background-color style will render */\n  forced-color-adjust: none;\n\n  &::after {\n    box-shadow: none;\n  }\n\n  .react-spectrum-Table-cell {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &.react-spectrum-Table-row-dragPreview--multiple {\n    position: relative;\n\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n      z-index: -1;\n      top: 4px;\n      inset-inline-start: 4px;\n      width: 100%;\n      height: 100%;\n      border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      background-color: var(--spectrum-table-background-color);\n\n      /* forced-color-adjust: none, so that box-shadow style will render */\n      forced-color-adjust: none;\n    }\n  }\n\n  .react-spectrum-Table-row-badge {\n    color: var(--spectrum-table-row-badge-text-color);\n    background: var(--spectrum-table-row-badge-background-color);\n    padding: 0 var(--spectrum-global-dimension-size-100);\n    border-radius: var(--spectrum-alias-border-radius-regular);\n    margin-inline-end: var(--spectrum-global-dimension-size-100);\n    margin-top: auto;\n    margin-bottom: auto;\n    height: fit-content;\n  }\n}\n\n.react-spectrum-Table-body {\n  &.react-spectrum-Table-body--dropTarget {\n    border-color: var(--spectrum-table-dropindicator-border-color);\n    background-color: var(--spectrum-alias-highlight-selected);\n    box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n}\n\n.react-spectrum-Table-InsertionIndicator {\n  z-index: 3;\n  width: calc(100% - (2 * var(--spectrum-table-dropindicator-circle-size)));\n  inset-inline-start: var(--spectrum-table-dropindicator-circle-size);\n  position: absolute;\n  outline: none;\n\n  &.react-spectrum-Table-InsertionIndicator--dropTarget {\n    background: var(--spectrum-table-dropindicator-border-color);\n    border-bottom: 2px solid var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that background color\n    will render border for insertion indicator. */\n    forced-color-adjust: none;\n\n    &:before {\n      left: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:after {\n      right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n    }\n\n    &:before,\n    &:after {\n      content: '';\n      position: absolute;\n      top: calc(\n        var(--spectrum-table-dropindicator-circle-size) * -1 / 2 +\n          var(--spectrum-table-dropindicator-border-size) / 2\n      );\n      width: var(--spectrum-table-dropindicator-circle-size);\n      height: var(--spectrum-table-dropindicator-circle-size);\n      border-radius: 50%;\n      border: var(--spectrum-table-dropindicator-border-size) solid;\n      box-sizing: border-box;\n      border-color: var(--spectrum-table-dropindicator-circle-border-color);\n      background-color: var(--spectrum-table-background-color);\n      z-index: 5;\n\n      /* forced-color-adjust: none, so that box-shadow and background-color styles will render */\n      forced-color-adjust: none;\n    }\n  }\n}\n\n.react-spectrum-Table-headCell {\n  &.react-spectrum-Table-dragButtonHeadCell {\n    padding: 0;\n    height: inherit;\n  }\n}\n\n.react-spectrum-Table-cell {\n  &.react-spectrum-Table-dragButtonCell {\n    padding: var(--spectrum-global-dimension-size-40);\n\n    .react-spectrum-Table-dragButton {\n      border-radius: var(--spectrum-alias-border-radius-regular);\n      padding: var(--spectrum-global-dimension-size-10);\n\n      &:focus-visible {\n        box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n        outline: none;\n\n        /* forced-color-adjust: none, so that box-shadow style will render */\n        forced-color-adjust: none;\n      }\n\n      svg {\n        margin: auto 0;\n        display: block;\n        padding: var(--spectrum-global-dimension-size-40);\n      }\n    }\n  }\n}\n\n.react-spectrum-Table-row {\n  &.react-spectrum-Table-row--dropTarget {\n    border: 1px var(--spectrum-table-dropindicator-border-color);\n    box-shadow:\n      inset 2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset -2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 -3px 0 0 var(--spectrum-table-dropindicator-border-color),\n      inset 0 2px 0 0 var(--spectrum-table-dropindicator-border-color);\n\n    /* forced-color-adjust: none, so that box-shadow style will render */\n    forced-color-adjust: none;\n  }\n\n  .react-spectrum-Table-cellWrapper.react-spectrum-Table-cellWrapper--dropTarget {\n    background-color: var(--spectrum-table-droptarget-background-color);\n  }\n}\n\n@media (forced-colors: active) {\n  .react-spectrum-Table,\n  .react-spectrum-Table-row {\n    --spectrum-table-droptarget-background-color: var(--spectrum-alias-global-color-transparent);\n    --spectrum-table-dropindicator-border-color: Highlight;\n    --spectrum-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-dropindicator-circle-border-color: Highlight;\n    --spectrum-table-dropzone-border-color-selected-hover: Highlight;\n    --spectrum-table-row-badge-text-color: HighlightText;\n    --spectrum-table-row-badge-background-color: Highlight;\n  }\n}\n"],"names":[],"version":3,"file":"table_css.mjs.map"}