{"version":3,"file":"styles.mjs","sources":["../../../packages/table/styles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ArrowTop, ArrowBottom } from '../icons/index.js'\nimport {\n  TableAligns,\n  TableTextColors,\n  Theme,\n  ThTdVariants,\n  TrHighlights,\n} from './types.js'\n\ntype InjectedPropsTr = {\n  $highlight?: TrHighlights\n  $interactive: boolean\n}\n\ntype InjectedPropsThead = {\n  $sticky: boolean\n}\n\ntype InjectedPropsTh = {\n  $align: TableAligns\n  theme: Theme\n  $interactive: boolean\n  $variant?: ThTdVariants\n}\n\ntype InjectedPropsTd = {\n  $align: TableAligns\n  $textColor: TableTextColors\n  theme: Theme\n  $variant?: ThTdVariants\n  $interactive: boolean\n  $numeric: boolean\n}\n\nconst getMainColorTd = (props: InjectedPropsTd) =>\n  ({\n    primary: `var(--lido-color-primary)`,\n    secondary: `var(--lido-color-textSecondary)`,\n    warning: `var(--lido-color-warning)`,\n    error: `var(--lido-color-error)`,\n    success: `var(--lido-color-success)`,\n    default: `var(--lido-color-text)`,\n  })[props.$textColor]\n\nconst TdThAlign = {\n  left: css`\n    text-align: left;\n  `,\n  center: css`\n    text-align: center;\n  `,\n  right: css`\n    text-align: right;\n  `,\n}\n\nexport const ThTdContentStyle = styled.div`\n  position: relative;\n  min-height: 16px;\n`\n\nconst TdThVariants = {\n  string: css`\n    ${ThTdContentStyle} {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  `,\n  icon: css`\n    line-height: 0;\n    width: 24px;\n    text-align: center;\n\n    ${ThTdContentStyle} {\n      width: 24px;\n\n      svg {\n        margin: -4px 0;\n      }\n    }\n  `,\n}\n\nconst ThTdInteractive = css`\n  cursor: pointer;\n\n  &:hover {\n    color: var(--lido-color-primary);\n  }\n`\n\nexport const TableStyle = styled.table`\n  border-spacing: 0;\n`\n\nexport const TbodyStyle = styled.tbody`\n  & > tr::before,\n  & > tr::after {\n    content: '';\n    display: table-cell;\n    width: 32px;\n  }\n`\n\nconst TheadStickyStyle = css`\n  background: var(--lido-color-foreground);\n  top: 0;\n  position: sticky;\n  z-index: 5;\n`\n\nexport const TheadStyle = styled.thead<InjectedPropsThead>`\n  border-top: 1px solid var(--lido-color-borderLight);\n  border-bottom: 1px solid var(--lido-color-borderLight);\n\n  ${({ $sticky }) => $sticky && TheadStickyStyle}\n\n  & > tr::before,\n  & > tr::after {\n    content: '';\n    display: table-cell;\n    width: 32px;\n\n    border-top: 1px solid var(--lido-color-borderLight);\n    border-bottom: 1px solid var(--lido-color-borderLight);\n  }\n`\n\nexport const TfootStyle = styled.tfoot``\n\nconst TrColors = {\n  negative: css`\n    background: rgba(var(--lido-rgb-error), 0.07);\n  `,\n  positive: css`\n    background: rgba(var(--lido-rgb-success), 0.07);\n  `,\n  warning: css`\n    background: rgba(var(--lido-rgb-warning), 0.07);\n  `,\n}\n\nconst TrInteractive = css`\n  cursor: pointer;\n`\n\nexport const TrStyle = styled.tr<InjectedPropsTr>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n  ${({ $highlight }) => $highlight && TrColors[$highlight]}\n  ${({ $interactive }) => $interactive && TrInteractive}\n`\n\nconst TdNumericStyle = css`\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n`\n\nexport const TdStyle = styled.td<InjectedPropsTd>`\n  border-bottom: 1px solid var(--lido-color-borderLight);\n  padding: 18px;\n\n  color: ${getMainColorTd};\n\n  ${(props) => TdThAlign[props.$align]}\n  ${({ $variant }) => $variant && TdThVariants[$variant]}\n  ${({ $interactive }) => $interactive && ThTdInteractive}\n  ${({ $numeric }) => $numeric && TdNumericStyle}\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n`\n\nexport const ThStyle = styled.th<InjectedPropsTh>`\n  border-top: 1px solid var(--lido-color-borderLight);\n  border-bottom: 1px solid var(--lido-color-borderLight);\n\n  padding: 7px 18px;\n\n  font-weight: 700;\n  color: var(--lido-color-text);\n\n  ${(props) => TdThAlign[props.$align]}\n  ${({ $interactive }) => $interactive && ThTdInteractive}\n  ${({ $variant }) => $variant && TdThVariants[$variant]}\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n`\n\nexport const ArrowTopStyle = styled(ArrowTop)`\n  margin: -7px 0 -7px 2px;\n`\n\nexport const ArrowBottomStyle = styled(ArrowBottom)`\n  margin: -7px 0 -7px 2px;\n`\n"],"names":["getMainColorTd","props","primary","secondary","warning","error","success","default","$textColor","TdThAlign","left","css","center","right","ThTdContentStyle","styled","div","TdThVariants","string","icon","ThTdInteractive","TableStyle","table","TbodyStyle","tbody","TheadStickyStyle","TheadStyle","thead","_ref","$sticky","TfootStyle","tfoot","TrColors","negative","positive","TrInteractive","TrStyle","tr","_ref2","theme","fontSizesMap","xxs","_ref3","$highlight","_ref4","$interactive","TdNumericStyle","TdStyle","td","$align","_ref5","$variant","_ref6","_ref7","$numeric","ThStyle","th","_ref8","_ref9","ArrowTopStyle","ArrowTop","ArrowBottomStyle","ArrowBottom"],"mappings":"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"}