{"version":3,"file":"ChartProportionStyles.mjs","sources":["../../../packages/chart-proportion/ChartProportionStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport {\n  ChartProportionBorderSize,\n  ChartProportionBorderType,\n  MarginSize,\n} from './types.js'\n\nexport const WrapperStyle = styled.div<{\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  position: relative;\n`\n\nconst borderSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nconst marginSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nexport const ProportionStyle = styled.div<{\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n  $margin: MarginSize\n  $flexGrow: number\n  $backgroundColor?: string\n}>`\n  background: rgb(19 18 23 / 4%);\n  flex-grow: ${({ $flexGrow }) => $flexGrow};\n  height: 100%;\n  position: relative;\n\n  ${({ $border, $borderSize }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n    return css``\n  }}\n\n  &:not(:last-child) {\n    ${({ $margin }) => {\n      return css`\n        margin-right: ${marginSizes[$margin]};\n      `\n    }}\n  }\n`\n\nexport const ProportionProgressStyle = styled.div<{\n  $progress: number\n  $backgroundColor?: string\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  height: 100%;\n  width: ${({ $progress }) => $progress}%;\n  position: relative;\n\n  ${({ $border, $borderSize, $progress }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      if ($progress !== 100) {\n        return css`\n          border-radius: ${borderSizes[$borderSize]} 0 0\n            ${borderSizes[$borderSize]};\n        `\n      }\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n\n    return css``\n  }}\n`\n\nexport const ProportionProgressLineStyle = styled.div`\n  position: absolute;\n  right: 0;\n  background-color: #273852;\n  height: calc(100% + 2px);\n  top: -1px;\n  bottom: -1px;\n  width: 2px;\n  margin-left: auto;\n  border-radius: 2px;\n`\nexport const ProportionLabelStyle = styled.div`\n  position: absolute;\n  top: -22px;\n  right: 0;\n  white-space: nowrap;\n  font-size: 10px;\n  line-height: 20px;\n  color: #7a8aa0;\n`\n"],"names":["WrapperStyle","styled","div","_ref","$height","borderSizes","sm","md","lg","marginSizes","ProportionStyle","_ref2","$flexGrow","_ref3","$border","$borderSize","ChartProportionBorderType","rounded","css","_ref4","$margin","ProportionProgressStyle","_ref5","$backgroundColor","_ref6","$progress","_ref7","ProportionProgressLineStyle","ProportionLabelStyle"],"mappings":"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"}