{"version":3,"file":"ModalStyles.mjs","sources":["../../../packages/modal/ModalStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Close, ArrowBack } from '../icons/index.js'\nimport { ButtonIcon } from '../button/index.js'\nimport { ModalWindowSizes } from './types.js'\n\nexport const ModalWindowSizesMap = {\n  sm: css`\n    width: 432px;\n  `,\n  md: css`\n    width: 520px;\n  `,\n  lg: css`\n    width: 960px;\n  `,\n}\n\nexport const ModalStyle = styled.div<{\n  $center: boolean\n  $size: ModalWindowSizes\n}>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n    $size,\n  }) => css`\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n\n    ${ModalWindowSizesMap[$size]}\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalWindowSizesMap","sm","css","md","lg","ModalStyle","styled","div","_ref","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","$size","xs","xl","xxl","shadowDark","ModalBaseStyle","_ref2","text","foreground","ModalHeaderStyle","_ref3","spaceMap","mediaQueries","$short","ModalTitleStyle","_ref4","$withBackButton","$withCloseButton","$withTitleIcon","ModalTitleIconStyle","_ref5","ModalTitleTextStyle","_ref6","ModalSubtitleStyle","_ref7","textSecondary","ModalContentStyle","_ref8","ModalCloseStyle","ButtonIcon","attrs","icon","_jsx","Close","color","variant","size","ModalBackStyle","ArrowBack","_ref9"],"mappings":"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"}