hunk.code_window: protobuf = ">=3.19, <4"
   pytest = "*"
   pytest-cov = "*"
   requests-mock = "*"
   setuptools = ">=65.5.1"
   testfixtures = "*"
   twine = "*"
   wheel = "*"
   # mypy types
  
hunk.labels: keep keep keep add keep keep keep keep keep
hunk.after_edit: # semver 3 renames VersionInfo so temporarily pin until we deal with it
   semver = "<3"
  
hunk.file_path: lib/Pipfile
hunk.type: add
file: /**
   * Copyright (c) Streamlit Inc. (2018-2022) Snowflake Inc. (2022)
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *     http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
  
  import styled, { CSSObject } from "@emotion/styled"
  import { Theme } from "src/theme"
  
  export const StyledTableContainer = styled.div(({ theme }) => ({
    fontSize: theme.fontSizes.md,
    fontFamily: theme.fonts.sansSerif,
    padding: `${theme.spacing.twoXS} ${theme.spacing.md}`,
    lineHeight: theme.lineHeights.table,
    overflow: ["auto", "overlay"],
  }))
  
  export const StyledTable = styled.table(({ theme }) => ({
    width: theme.sizes.full,
    marginBottom: theme.spacing.lg,
    color: theme.colors.bodyText,
    borderCollapse: "collapse",
    border: `1px solid ${theme.colors.fadedText05}`,
  }))
  
  const styleCellFunction = (theme: Theme): CSSObject => ({
    borderBottom: `1px solid ${theme.colors.fadedText05}`,
    borderRight: `1px solid ${theme.colors.fadedText05}`,
    verticalAlign: "middle",
    padding: `${theme.spacing.twoXS} ${theme.spacing.md}`,
    fontWeight: theme.fontWeights.normal,
  })
  
  export const StyledTableCell = styled.td(({ theme }) =>
    styleCellFunction(theme)
  )
  export const StyledTableCellHeader = styled.th(({ theme }) => ({
    ...styleCellFunction(theme),
  
    color: theme.colors.fadedText60,
  
    "@media print": {
      // Firefox prints a double blurred table header. Normal font weight fixes it
      "@-moz-document url-prefix()": {
        fontWeight: "normal",
      },
    },
  }))
  
  export const StyledEmptyTableCell = styled(StyledTableCell)(({ theme }) => ({
    color: theme.colors.darkGray,
    fontStyle: "italic",
    fontSize: theme.fontSizes.md,
    textAlign: "center",
  }))
  