@react-spectrum/table 3.12.9-nightly.4555 → 3.12.9-nightly.4560

package/dist/module.css.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["1d31e18a23fad0a6","packages/@react-spectrum/table/src/table.css","packages/@adobe/spectrum-css-temp/components/table/vars.css"],"sourcesContent":["@import \"a7e3f331588cbe8d\";\n@import \"e47c2f6685a8b8f4\";\n","/*\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","/*\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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.css.map"}