@foxford/ui 2.38.0-beta-4083fb5-20240814 → 2.39.0-beta-345ac6d-20240814

package/components/PopoverComponent/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/PopoverComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type {\n  PopoverComponentPalette,\n  StyledPopoverComponentProps,\n  StyledPopoverComponentCloseProps,\n  StyledPopoverComponentMediaProps,\n} from './types'\n\nconst shouldForwardPopoverComponentProp = createShouldForwardProp(\n  (propKey) => !['orientation', 'controlsDirection', 'black', 'contrast', 'elevated'].includes(propKey)\n)\n\nexport const MediaLandscape = styled.div`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 45%;\n  margin-right: 1.6em;\n`\n\nexport const Media = styled.div.withConfig<StyledPopoverComponentMediaProps>({\n  shouldForwardProp: (propKey) => propKey !== 'aspectRatio',\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ${props.aspectRatio === '16:9' ? '56.25%' : '100%'};\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  `}\n`\n\nexport const Footer = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 1.6em;\n`\n\nconst template = (\n  palette: Pick<PopoverComponentPalette, 'color' | 'backgroundColor' | 'shadowColor' | 'mediaPlaceholderColor'>\n) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n\n  & ${Media} img,\n  & ${Media} video {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst closeTemplate = (\n  palette: Pick<\n    PopoverComponentPalette,\n    | 'closeColor'\n    | 'closeBackgroundColor'\n    | 'closeColorHover'\n    | 'closeBackgroundColorHover'\n    | 'closeColorActive'\n    | 'closeBackgroundColorActive'\n    | 'closeColorDisabled'\n    | 'closeBackgroundColorDisabled'\n  >\n) => `\n  color: ${palette.closeColor};\n  background-color: ${palette.closeBackgroundColor};\n  &:hover {\n    color: ${palette.closeColorHover};\n    background-color: ${palette.closeBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.closeColorActive};\n    background-color: ${palette.closeBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.closeColorDisabled};\n    background-color: ${palette.closeBackgroundColorDisabled};\n  }\n`\n\nexport const Root = styled.div\n  .withConfig<StyledPopoverComponentProps>({\n    shouldForwardProp: shouldForwardPopoverComponentProp,\n  })\n  .attrs<StyledPopoverComponentProps>(\n    (props): Required<Pick<StyledPopoverComponentProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.orientation === 'portrait' ? '28em' : '40em',\n        padding: '1.6em',\n        borderRadius: 16,\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  display: inline-flex;\n  isolation: isolate;\n  position: relative;\n\n  ${(props) => `\n    flex-direction: ${props.orientation === 'landscape' ? 'row' : 'column'};\n    & ${Footer} {\n      flex-direction: ${props.controlsDirection};\n    }\n  `}\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n      mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n`\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n`\n\nexport const Header = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  margin-right: 20px;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  word-break: break-word;\n\n  & > *:not(:last-child) {\n    margin-bottom: 1.6em;\n  }\n`\n\nexport const Video = styled.video`\n  ${focus}\n`\n\nexport const CloseButton = styled.button.withConfig<StyledPopoverComponentCloseProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  appearance: none;\n  padding: 2px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\n  ${(props) =>\n    closeTemplate({\n      closeColor: props.theme.colors['content-onmain-tertiary'],\n      closeBackgroundColor: props.theme.colors.transparent,\n      closeColorHover: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover']).lighten(20).toString() as CSSColor,\n      closeColorActive: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      closeColorDisabled: props.theme.colors['content-disabled'],\n      closeBackgroundColorDisabled: props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["shouldForwardPopoverComponentProp","createShouldForwardProp","propKey","includes","MediaLandscape","styled","div","withConfig","componentId","Media","shouldForwardProp","props","concat","aspectRatio","Footer","Root","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","orientation","padding","borderRadius","controlsDirection","template","palette","_objectSpread","color","theme","colors","backgroundColor","shadowColor","elevated","transparent","mediaPlaceholderColor","responsiveSize","Container","Header","Content","Video","video","focus","CloseButton","button","disabled","closeTemplate","closeColor","closeBackgroundColor","closeColorHover","closeBackgroundColorHover","tinycolor","lighten","toString","closeColorActive","closeBackgroundColorActive","closeColorDisabled","closeBackgroundColorDisabled"],"mappings":"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"}

package/components/Progress/Progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { ProgressSegmented } from 'components/Progress.Segmented'\nimport { ProgressCircle } from 'components/Progress.Circle'\nimport * as Styled from './style'\n\nexport interface ProgressProps extends BaseProps, ColorProperty, ColorProperty<'backgroundColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  isLoading?: boolean\n}\n\nProgress.defaultProps = {\n  percent: 0,\n  color: 'green',\n  backgroundColor: 'alto',\n  isLoading: false,\n}\n\nProgress.Circle = ProgressCircle\nProgress.Segmented = ProgressSegmented\nProgress.displayName = 'Progress'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'backgroundColor'>`](#/Миксины)\n */\nexport function Progress(props: ProgressProps) {\n  const { className, isLoading, backgroundColor, color, percent } = props\n\n  let _percent: number = typeof percent === 'string' ? parseInt(percent, 10) : percent || 0\n\n  if (_percent > 100) _percent = 100\n  if (_percent < 0) _percent = 0\n\n  return (\n    <Styled.Root className={className} backgroundColor={backgroundColor} color={color}>\n      <Styled.Bar width={_percent} isLoading={Boolean(isLoading)} />\n    </Styled.Root>\n  )\n}\n"],"names":["Progress","props","className","isLoading","backgroundColor","color","percent","_percent","parseInt","_jsx","Styled.Root","children","Styled.Bar","width","Boolean","defaultProps","Circle","ProgressCircle","Segmented","ProgressSegmented","displayName"],"mappings":"0OA+BO,SAASA,EAASC,GACvB,IAAMC,UAAEA,EAAFC,UAAaA,EAAbC,gBAAwBA,EAAxBC,MAAyCA,EAAzCC,QAAgDA,GAAYL,EAElE,IAAIM,EAAsC,iBAAZD,EAAuBE,SAASF,EAAS,IAAMA,GAAW,EAKxF,OAHIC,EAAW,MAAKA,EAAW,KAC3BA,EAAW,IAAGA,EAAW,GAG3BE,EAACC,EAAD,CAAaR,UAAWA,EAAWE,gBAAiBA,EAAiBC,MAAOA,EAA5EM,SACEF,EAACG,EAAD,CAAYC,MAAON,EAAUJ,UAAWW,QAAQX,OA3BtDH,EAASe,aAAe,CACtBT,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAAA,GAGFH,EAASgB,OAASC,EAClBjB,EAASkB,UAAYC,EACrBnB,EAASoB,YAAc"}

package/components/Progress/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (color: string) => css`\n  background-color: ${tinycolor(color).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentColor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","color","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","componentId","props","backgroundColor","Bar","shouldForwardProp","width"],"mappings":"kIAKA,IAAMA,EAAOC,EAAb,CAAA,qEASA,IAAMC,EAAWC,GAAkBC,4BACbC,EAAUF,GAAOG,SAAS,IAAKC,YAGrD,IAAMC,EAAYJ,EAAH,CAAA,4NAAA,wBAYAJ,GAGFS,IAAAA,EAAOC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,+DAAA,IAAA,KAKZI,GAAWA,EAAMC,gBAAkBZ,EAAMW,EAAMC,gBAAiBb,GAAW,OAC3EY,GAAWA,EAAMX,MAAQA,EAAMW,EAAMX,OAAS,OAG5C,IAAMa,EAAMN,EAAOC,IAAIC,WAAkD,CAC9EK,kBAAmB,KAAM,IADXL,WAAA,CAAAC,YAAA,wBAAGH,CASdI,CAAAA,yHAAAA,IAAAA,KAAAA,GAAWA,EAAMN,UAAYA,EAAY,OACzCM,GACDA,EAAMI,MACFd,EACWU,CAAAA,SAAAA,MAAAA,EAAMI,OAEjBd,EAJJ,CAAA"}

package/components/Progress.Circle/Progress.Circle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.Circle.js","sources":["../../../../src/components/Progress.Circle/Progress.Circle.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nfunction polarToCartesian(centerX: number, centerY: number, radius: number, angleInDegrees: number) {\n  const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0\n\n  return {\n    x: centerX + radius * Math.cos(angleInRadians),\n    y: centerY + radius * Math.sin(angleInRadians),\n  }\n}\n\nfunction describeArc(x: number, y: number, radius: number, startAngle: number, endAngle: number, reverse = false) {\n  const start = polarToCartesian(x, y, radius, endAngle)\n  const end = polarToCartesian(x, y, radius, startAngle)\n\n  const diff = endAngle - startAngle\n  const angleDiff = diff < 0 ? -diff : diff\n\n  const sweep = angleDiff <= 180 ? '1' : '0'\n  const arcSweep = reverse ? +!+sweep : sweep\n\n  return ['M', start.x, start.y, 'A', radius, radius, 0, arcSweep, 0, end.x, end.y].join(' ')\n}\n\nexport interface ProgressCircleProps extends BaseProps, ColorProperty<'resultColor'>, ColorProperty<'strokeBGColor'> {\n  /**\n   * status ['fail', 'success', 'started']\n   */\n  status?: 'fail' | 'success' | 'started'\n  /**\n   * progress percent\n   */\n  progress?: number\n  /**\n   * width and height\n   */\n  size?: number\n  /**\n   * React children\n   */\n  children?: React.ReactNode\n  /**\n   * width progress line\n   */\n  strokeLineWidth?: number\n  /**\n   * width background line\n   */\n  strokeBGWidth?: number\n  /**\n   * start angle of progress\n   */\n  progressStartAngle?: number\n  /**\n   * @ignore @deprecated Use children\n   */\n  content?: string | number\n}\n\ninterface ProgressCircleState {\n  bgAngleDiff: number\n  describeArcProgress: string | null\n  describeArcBg: string | null\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'resultColor'>`](#/Миксины)\n * - [`Color<'strokeBGColor'>`](#/Миксины)\n */\nexport class ProgressCircle extends PureComponent<\n  typeof ProgressCircle.defaultProps & ProgressCircleProps,\n  ProgressCircleState\n> {\n  static displayName = 'Progress.Circle'\n  static defaultProps = {\n    size: 84,\n    progress: 0,\n    strokeLineWidth: 2,\n    strokeBGWidth: 2,\n    resultColor: 'accent',\n    progressStartAngle: 180,\n  }\n\n  constructor(props: typeof ProgressCircle.defaultProps & ProgressCircleProps) {\n    super(props)\n    this.state = {\n      bgAngleDiff: 0,\n      describeArcProgress: null,\n      describeArcBg: null,\n    }\n  }\n\n  componentDidMount() {\n    this.renderSvg()\n  }\n\n  componentDidUpdate(prevProps: ProgressCircleProps) {\n    const { progress, size } = this.props\n    const { progress: prevProgress, size: prevSize } = prevProps\n\n    if (progress !== prevProgress || size !== prevSize) {\n      this.renderSvg()\n    }\n  }\n\n  renderSvg = () => {\n    const { size, progress, strokeLineWidth, strokeBGWidth, progressStartAngle } = this.props\n\n    const thickness = strokeLineWidth > strokeBGWidth ? strokeLineWidth : strokeBGWidth\n\n    const center = size / 2 + thickness / 2\n    const progressGap = 0.5\n    const progressEndAngle = progressStartAngle - progressGap + (+progress / 100) * 360\n    const bgStartAngle = progressStartAngle\n    const bgEndAngle = bgStartAngle - progressGap\n\n    const centerX = center - thickness / 2\n    const centerY = center - thickness / 2\n    const radius = center - thickness\n    const diff = bgStartAngle - bgEndAngle\n\n    const describeArcProgress = describeArc(centerX, centerY, radius, progressStartAngle, progressEndAngle, true)\n\n    const describeArcBg = describeArc(centerX, centerY, radius, bgStartAngle, bgEndAngle)\n\n    const bgAngleDiff = diff < 0 ? -diff : diff\n\n    this.setState({\n      describeArcProgress,\n      describeArcBg,\n      bgAngleDiff,\n    })\n  }\n\n  render() {\n    const {\n      size,\n      children,\n      content,\n      strokeLineWidth,\n      strokeBGWidth,\n      resultColor,\n      strokeBGColor,\n      status,\n      progress,\n      className,\n      style,\n    } = this.props\n\n    const { bgAngleDiff, describeArcProgress, describeArcBg } = this.state\n\n    return (\n      <Styled.Root\n        className={className}\n        style={style}\n        size={size}\n        strokeBGColor={strokeBGColor}\n        resultColor={resultColor}\n        status={status}\n      >\n        <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n          <g className={'pathBox'}>\n            <path\n              className='bg'\n              d={bgAngleDiff < 360 && describeArcBg ? describeArcBg : ''}\n              fill='none'\n              strokeWidth={strokeBGWidth}\n              strokeLinecap='round'\n            />\n            <path\n              className='line'\n              d={Boolean(+progress) && describeArcProgress ? describeArcProgress : ''}\n              strokeWidth={strokeLineWidth}\n              strokeLinecap='round'\n            />\n          </g>\n        </svg>\n        {(children || content) && <Styled.Content>{children || content}</Styled.Content>}\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["polarToCartesian","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","describeArc","startAngle","endAngle","a","reverse","start","end","diff","angleDiff","sweep","arcSweep","join","ProgressCircle","PureComponent","constructor","props","super","this","renderSvg","size","progress","strokeLineWidth","strokeBGWidth","progressStartAngle","thickness","center","bgStartAngle","bgEndAngle","describeArcProgress","describeArcBg","setState","bgAngleDiff","state","componentDidMount","componentDidUpdate","prevProps","prevProgress","prevSize","render","children","content","resultColor","strokeBGColor","status","className","style","_jsxs","Styled.Root","_jsx","width","height","viewBox","d","fill","strokeWidth","strokeLinecap","Boolean","Styled.Content","displayName","defaultProps"],"mappings":"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"}

package/components/Progress.Circle/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0px;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","componentId","props","size","concat","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"6FAIO,IAAMA,EAAOC,EAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAkB,aAATA,IADdF,WAAA,CAAAG,YAAA,uBAAGL,CAIRM,CAAAA,2BAAAA,WAAAA,0FAAAA,eAAAA,2GAAAA,GAAWA,EAAMC,KAAUD,GAAAA,OAAAA,EAAMC,KAAW,MAAA,SAC3CD,GAAWA,EAAMC,KAAN,GAAAC,OAAgBF,EAAMC,KAAtB,MAAiC,SAUlDD,GAAWA,EAAMG,YAAcC,EAAMJ,EAAMG,YAAa,UAAY,OAG5DH,GAAWA,EAAMK,cAAgBC,EAASN,EAAMK,cAAeL,GAApD,wBAcbO,IAAAA,EAAUb,EAAOC,IAAVC,WAAA,CAAAG,YAAA,uBAAGL,CAAhB,CAAA"}

package/components/Progress.Segmented/Progress.Segmented.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.Segmented.js","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'separatorColor'>`](#/Миксины)\n * - [`Color<'percentColor'>`](#/Миксины)\n */\nexport function ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((item, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled.Root","children","_jsx","Styled.Progress","Styled.Separators","Array","from","keys","map","item","key","Styled.Separator","defaultProps","displayName"],"mappings":"iIA8CO,SAASA,EAAkBC,GAChC,IAAMC,QAAEA,EAAFC,SAAWA,EAAXC,UAAqBA,EAArBC,MAAgCA,EAAhCC,aAAuCA,EAAvCC,eAAqDA,EAArDC,WAAqEA,EAArEC,SAAiFA,GAAaR,EAEpG,OACES,EAACC,EAAD,CACEP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EANZG,SAQE,CAAAC,EAACC,EAAD,CAAiBZ,QAASA,EAASI,aAAcA,IACjDO,EAACE,EAAD,CAAAH,SACGI,MAAMC,KAAK,IAAID,MAAMb,EAAW,GAAGe,QAAQC,MAAKC,EAAMC,IACrDR,EAACS,EAAD,CAAkBf,eAAgBA,GAAqBc,UA/BjErB,EAAkBuB,aAAe,CAC/BrB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,eAGFR,EAAkBwB,YAAc"}

package/components/Progress.Segmented/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css, DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport { ProgressSegmentedProps } from './Progress.Segmented'\n\nexport const Progress = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'percentColor'>>`\n  height: 100%;\n  border-radius: 10px;\n  width: ${(props) => `${props.percent || 0}%`};\n  ${(props) =>\n    props.percentColor ? color(props.percentColor, 'background') : color(DefaultColorNames.atlantis, 'background')};\n`\n\nexport const Separators = styled.div`\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 4px;\n  z-index: 3;\n`\n\nexport const Separator = styled.div<Pick<ProgressSegmentedProps, 'separatorColor'>>`\n  width: 2px;\n  height: 100%;\n  &:first-child,\n  &:last-child {\n    width: 0;\n  }\n  ${(props) =>\n    props.separatorColor ? color(props.separatorColor, 'background') : color(DefaultColorNames.white, 'background')}\n`\n\nconst haveCircle = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  margin-left: 8px;\n  border-radius: 0 10px 10px 0;\n  & ${Progress} {\n    border-radius: 0 10px 10px 0;\n  }\n  & ${Separator} {\n    &:first-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        display: block;\n        content: '';\n        left: -8px;\n        top: -2px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)};\n      }\n    }\n  }\n`\n\nconst isDone = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  & ${Separator} {\n    &:last-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: block;\n        content: '';\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)}\n          url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K')\n          center no-repeat;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n      }\n    }\n  }\n`\n\nconst isEmpty = css`\n  & ${Separator} {\n    &:first-child {\n      &:before {\n        background: rgba(0, 0, 0, 0.1);\n      }\n    }\n  }\n`\n\nexport const Root = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'haveCircle' | 'isActive' | 'percentColor'>>`\n  position: relative;\n  height: 4px;\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  ${(props) => (props.haveCircle ? haveCircle(props) : null)}\n  ${(props) => (props.percent === 100 ? isDone(props) : null)}\n  ${(props) => (props.percent === 0 ? isEmpty : null)}\n`\n"],"names":["Progress","styled","div","withConfig","componentId","props","concat","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor"],"mappings":"iKAKaA,IAAAA,EAAWC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,wCAAA,IAAA,MAGTI,GAAD,GAAAC,OAAcD,EAAME,SAAW,EAHrB,OAIhBF,GACoBG,EAArBH,EAAMI,aAAqBJ,EAAMI,aAAoCC,EAAkBC,SAAxC,gBAGtCC,IAAAA,EAAaX,EAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAnB,CAAA,wGAUMY,IAAAA,EAAYZ,EAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAOpBI,CAAAA,6DAAAA,KAAAA,GACsBG,EAAvBH,EAAMS,eAAuBT,EAAMS,eAAsCJ,EAAkBK,MAAxC,gBAgDvD,IAAMC,EAAUC,EAAH,CAAA,KAAA,0DACPJ,GASOK,IAAAA,EAAOjB,EAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,8EAAA,IAAA,IAAA,KAKZI,GAAWA,EAAMc,WA5DFd,CAAAA,GAAkFY,EAGhGjB,CAAAA,iDAAAA,mCAAAA,6JAAAA,QAAAA,EAGAa,EAYgBO,EAASf,EAAMI,cAAgBC,EAAkBC,SAAUN,IAlB7DA,CA4D0BA,GAAS,OAClDA,GAA6B,MAAlBA,EAAME,QArCNF,CAAAA,GAAkFY,EAC5FJ,CAAAA,KAAAA,sHAAAA,oWAAAA,EASgBO,EAASf,EAAMI,cAAgBC,EAAkBC,SAAUN,IAVjEA,CAqC+BA,GAAS,OACnDA,GAA6B,IAAlBA,EAAME,QAAgBS,EAAU"}

package/components/Radio/Group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Group.js","sources":["../../../../src/components/Radio/Group.tsx"],"sourcesContent":["import { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface RadioGroupProps extends BaseProps {\n  inline?: boolean\n  children?: React.ReactNode\n}\n\nexport function RadioGroup({ children, ...props }: RadioGroupProps) {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n"],"names":["RadioGroup","_ref","children","props","_objectWithoutProperties","_excluded","_jsx","Styled.Group"],"mappings":"gNAQO,SAASA,EAAoDC,GAAA,IAAzCC,SAAEA,GAAuCD,EAA1BE,EAA0BC,EAAAH,EAAAI,GAClE,OAAOC,EAACC,SAAiBJ,GAAlB,GAAA,CAAAD,SAA0BA"}

package/components/Radio/Radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import cx from 'clsx'\nimport { useTheme } from 'styled-components'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Radio label\n   */\n  label?: string\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * A Radio can appear disabled and be unable to change states\n   */\n  disabled?: boolean\n  /**\n   * Field can show the data contains errors\n   */\n  error?: boolean\n  /**\n   * Whether or not Radio is checked\n   */\n  checked?: boolean\n  defaultChecked?: boolean\n  /**\n   * Checkbox size\n   */\n  size?: 'small' | 'medium' | 'large'\n  /**\n   * Value\n   */\n  value?: string | number\n  fluid?: boolean\n  /**\n   * Width of label. Default is `Theme.defaultInputControlsWidth`\n   */\n  width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nRadio.defaultProps = {\n  disabled: false,\n  size: 'medium',\n  display: 'inline-flex',\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n  const uncontrolled = props.checked === undefined\n  const theme = useTheme()\n\n  const {\n    children,\n    disabled,\n    error,\n    id,\n    name,\n    size,\n    value,\n    label,\n    className,\n    width = theme.defaultInputControlsWidth,\n    style,\n    fluid,\n    display,\n    ...anotherProps\n  } = props\n\n  const baseClassName = useClassname(Radio.displayName)\n  const _className = cx(baseClassName, className, props.checked && !uncontrolled ? `${baseClassName}--checked` : null)\n  const _labelClassName = `${baseClassName}__label`\n\n  const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n  return (\n    <Styled.Root\n      className={_className}\n      style={style}\n      disabled={disabled}\n      error={error}\n      htmlFor={id || name}\n      size={size}\n      width={width}\n      display={display}\n      fluid={fluid}\n    >\n      <input\n        {...anotherProps}\n        id={id || name}\n        name={name}\n        type='radio'\n        value={value}\n        disabled={disabled}\n        {...inputProps}\n      />\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n        <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n        <circle cx='10' cy='10' r='5' fill='#727D8A' />\n      </svg>\n      {(label || children) && <span className={_labelClassName}>{label || children}</span>}\n    </Styled.Root>\n  )\n}\n"],"names":["Radio","props","uncontrolled","checked","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","_excluded","baseClassName","useClassname","displayName","_className","cx","_labelClassName","inputProps","defaultChecked","_jsxs","Styled.Root","htmlFor","_jsx","type","xmlns","viewBox","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"0hBA8EO,SAASA,EAAMC,GACpB,IAAMC,OAAAA,IAAeD,EAAME,QAC3B,IAAMC,EAAQC,IAEd,IAAMC,SACJA,EADIC,SAEJA,EAFIC,MAGJA,EAHIC,GAIJA,EAJIC,KAKJA,EALIC,KAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,UASJA,EATIC,MAUJA,EAAQX,EAAMY,0BAVVC,MAWJA,EAXIC,MAYJA,EAZIC,QAaJA,GAEElB,EADCmB,IACDnB,EAfJoB,GAiBA,IAAMC,EAAgBC,EAAavB,EAAMwB,aACzC,IAAMC,EAAaC,EAAGJ,EAAeR,EAAWb,EAAME,UAAYD,YAAkBoB,EAApC,aAA+D,MAC/G,IAAMK,EAAqBL,GAAAA,OAAAA,EAA3B,WAEA,IAAMM,EAAa1B,EAAe,CAAE2B,eAAgB5B,EAAM4B,gBAAmB,CAAE1B,QAASF,EAAME,SAE9F,OACE2B,EAACC,EAAD,CACEjB,UAAWW,EACXR,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPwB,QAASvB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EATTZ,SAAA,CAWE2B,iBACMb,GADN,GAAA,CAEEX,GAAIA,GAAMC,EACVA,KAAMA,EACNwB,KAAK,QACLtB,MAAOA,EACPL,SAAUA,GACNqB,IAENE,EAAA,MAAA,CAAKK,MAAM,6BAA6BC,QAAQ,YAAhD9B,SACE,CAAA2B,EAAA,SAAA,CAAQP,GAAG,KAAKW,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpER,EAAA,SAAA,CAAQP,GAAG,KAAKW,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnC5B,GAASP,IAAa2B,EAAA,OAAA,CAAMnB,UAAWa,EAAjBrB,SAAmCO,GAASP,OApE1EN,EAAM0C,aAAe,CACnBnC,UAAAA,EACAI,KAAM,SACNQ,QAAS,cACTwB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOnC,QAGhFZ,EAAMgD,MAAQC,EACdjD,EAAMkD,MAAQC,EACdnD,EAAMwB,YAAc"}

package/components/Radio/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Radio/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { screenMaxS } from 'mixins/screen'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { display } from 'mixins/display'\nimport { RadioGroupProps } from './Group'\nimport { RadioProps } from './Radio'\n\nconst sizeRadio = (size = 14) => css`\n  font-size: ${size}px;\n  svg {\n    width: ${size}px;\n    height: ${size}px;\n  }\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  color: #d4d4d4;\n  svg {\n    circle:nth-child(1) {\n      stroke: #d4d4d4;\n    }\n    circle:nth-child(2) {\n      fill: #d4d4d4;\n    }\n  }\n  & > span {\n    cursor: not-allowed;\n  }\n`\n\nconst error = css`\n  svg {\n    circle {\n      fill: #ffeef0;\n      stroke: #ffa3a3;\n    }\n    circle:nth-child(2) {\n      fill: #ffa3a3;\n    }\n  }\n`\n\nexport const Root = styled.label.withConfig<RadioProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor'].includes(prop),\n})`\n  align-items: baseline;\n  user-select: none;\n  cursor: pointer;\n  width: auto;\n  svg {\n    position: relative;\n    top: 2px;\n    flex-shrink: 0;\n    circle:nth-child(2) {\n      opacity: 0;\n      transition: all 0.2s ease;\n    }\n  }\n  & + & {\n    margin-left: 15px;\n  }\n  input {\n    display: none;\n    appearance: none;\n    &:checked + svg {\n      circle:nth-child(2) {\n        opacity: 1;\n        transform: scale(1);\n      }\n      ${(props) =>\n        !props.error\n          ? css`\n              circle:not(:disabled) {\n                stroke: #48a1e6;\n              }\n              circle:not(:disabled):last-child {\n                fill: #48a1e6;\n              }\n            `\n          : null}\n    }\n  }\n  > span {\n    margin-left: 10px;\n    cursor: pointer;\n  }\n  ${(props) => (props.size === 'small' ? sizeRadio(14) : null)}\n  ${(props) => (props.size === 'medium' ? sizeRadio(16) : null)}\n  ${(props) => (props.size === 'large' ? sizeRadio(18) : null)}\n  ${(props) => (props.disabled ? disabled : null)}\n  ${(props) => (props.error ? error : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) =>\n    responsiveProperty(\n      'width',\n      props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n    )}\n  ${(props) =>\n    props.fluid\n      ? css`\n          width: 100%;\n        `\n      : null}\n`\n\nexport const Group = styled.div.withConfig<RadioGroupProps>({\n  shouldForwardProp: (prop) => prop !== 'inline',\n})`\n  display: flex;\n  flex-direction: column;\n  line-height: normal;\n  > ${Root} {\n    margin-left: 0;\n    &:not(:first-child) {\n      margin-top: 15px;\n    }\n  }\n  ${(props) =>\n    props.inline\n      ? css`\n          flex-direction: row;\n          &&& > ${Root} {\n            margin-top: 0;\n          }\n          > ${Root} + ${Root} {\n            margin-left: 15px;\n          }\n          ${screenMaxS()`\n            flex-direction: column;\n            > &{Root} {\n              margin-top: 0;\n            }\n            > ${Root} + ${Root} {\n              margin-left: 0;\n              margin-top: 15px;\n            }\n          `}\n        `\n      : null}\n`\n"],"names":["sizeRadio","i","size","css","disabled","error","Root","styled","label","withConfig","shouldForwardProp","prop","includes","componentId","props","display","responsiveProperty","fluid","width","Array","isArray","Group","div","inline","screenMaxS","_templateObject","_taggedTemplateLiteral"],"mappings":"4RAOA,IAAMA,EAAY,SAAAC,GAAA,IAACC,+BAADD,EAAAA,EAAQ,GAAR,OAAeE,EAClBD,CAAAA,aAAAA,gBAAAA,aAAAA,QAAAA,EAEFA,EACCA,IAId,IAAME,EAAWD,EAAjB,CAAA,8IAgBA,IAAME,EAAQF,EAAd,CAAA,gFAYO,IAAMG,EAAOC,EAAOC,MAAMC,WAAuB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,WAAWC,SAASD,KAD/CF,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,qSAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KA2BRO,GACAA,EAAMT,MASH,KARAF,EAQA,CAAA,4FAOPW,GAA0B,UAAfA,EAAMZ,KAAmBF,EAAU,IAAM,OACpDc,GAA0B,WAAfA,EAAMZ,KAAoBF,EAAU,IAAM,OACrDc,GAA0B,UAAfA,EAAMZ,KAAmBF,EAAU,IAAM,OACpDc,GAAWA,EAAMV,SAAWA,EAAW,OACvCU,GAAWA,EAAMT,MAAQA,EAAQ,OACjCS,GAAWA,EAAMC,QAAUA,EAAQD,EAAMC,SAAW,OACpDD,GACDE,EACE,QACAF,EAAMG,OAAyB,SAAhBH,EAAMI,QAAqBC,MAAMC,QAAQN,EAAMI,OAAS,YAAc,WAEtFJ,GACDA,EAAMG,MACFd,EADJ,CAAA,gBAII,OAGD,IAAMkB,EAAQd,EAAOe,IAAIb,WAA4B,CAC1DC,kBAAoBC,GAAkB,WAATA,IADbF,WAAA,CAAAI,YAAA,wBAAGN,CAMfD,CAAAA,2DAAAA,wDAAAA,IAAAA,GAMDQ,GACDA,EAAMS,OACFpB,EADJ,CAAA,4BAAA,oBAAA,MAAA,sBAAA,IAGcG,EAGJA,EAAUA,EAGZkB,GAAAA,CATRC,IAAAA,EAAAC,EAAA,CAAA,8HAAA,MAAA,mGAcYpB,EAAUA,IAMlB"}

package/components/Scrollable/Scrollable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scrollable.js","sources":["../../../../src/components/Scrollable/Scrollable.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { Scrollbars, ScrollbarsProps } from 'rc-scrollbars'\nimport { DefaultTheme, withTheme } from 'styled-components'\n\nexport interface ScrollableProps extends Partial<ScrollbarsProps> {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode[] | React.ReactNode\n  /**\n   * Enable auto-hide mode\n   * @see See [github docs](https://github.com/sakhnyuk/rc-scrollbars) for description\n   */\n  autoHide?: boolean\n  /**\n   * Hide delay in ms.\n   */\n  autoHideTimeout?: number\n  /**\n   * Duration for hide animation in ms.\n   */\n  autoHideDuration?: number\n  /**\n   * Enable auto-height mode.\n   */\n  autoHeight?: boolean\n  /**\n   * Set a minimum height for auto-height mode\n   */\n  autoHeightMin?: number\n  /**\n   * Set a maximum height for auto-height mode\n   */\n  autoHeightMax?: number\n  /**\n   * Event handler\n   */\n  onScroll?(): void\n  /**\n   * Runs inside the animation frame.\n   */\n  onScrollFrame?(): void\n  /**\n   * Called when scrolling starts\n   */\n  onScrollStart?(): void\n  /**\n   * Called when scrolling stops\n   */\n  onScrollStop?(): void\n  /**\n   * Height of shadow\n   */\n  shadowHeight?: number\n  /**\n   * Show shadow in scrollable component\n   */\n  withShadow?: boolean\n  /**\n   * Color of shadow from #Colors\n   */\n  shadowColor?: string\n  /**\n   * Opacity of shadow\n   */\n  shadowOpacity?: number\n  /**\n   * Color of thumb\n   */\n  thumbColor?: string\n  /**\n   * Opacity of thumb\n   */\n  thumbOpacity?: number\n  /**\n   * Border radius of thumb (px)\n   */\n  thumbBorderRadius?: number\n  /**\n  /**\n   * Border radius of thumb (px)\n   */\n  thumbWidth?: number\n  /**\n   * Color of track (HEX)\n   */\n  trackColor?: string\n  /**\n   * Opacity of track\n   */\n  trackOpacity?: number\n  /**\n   * Border radius of track (px)\n   */\n  trackBorderRadius?: number\n  /**\n  /**\n   * Border radius of track (px)\n   */\n  trackWidth?: number\n  /**\n   * Style for scrollable container\n   */\n  style?: object\n  /**\n   * Classname of scrollable container\n   */\n  className?: string\n  /**\n   * Disable scrollbar and return div\n   */\n  disabled?: boolean\n  /**\n   * Prevent body scrolling when start|end touched\n   */\n  isolate?: boolean\n\n  theme?: DefaultTheme\n}\n\ntype ScrollableState = {\n  scrollTop: number\n  scrollHeight: number\n  clientHeight: number\n}\n\n// eslint-disable-next-line no-use-before-define\nclass Scrollable extends PureComponent<typeof Scrollable.defaultProps & ScrollableProps, ScrollableState> {\n  static displayName = 'Scrollable'\n  static defaultProps = {\n    autoHide: false,\n    autoHideTimeout: 1000,\n    autoHideDuration: 200,\n    autoHeight: false,\n    withShadow: false,\n    shadowHeight: 50,\n    shadowOpacity: 0.15,\n    shadowColor: 'mineShaft',\n    thumbColor: 'mineShaft',\n    thumbOpacity: 0.15,\n    thumbBorderRadius: 1,\n    thumbWidth: 4,\n    trackColor: '#333333',\n    trackOpacity: 0.15,\n    trackBorderRadius: 1,\n    trackWidth: 4,\n    disabled: false,\n    isolate: true,\n  }\n\n  scrollable: HTMLDivElement | null = null\n  ts = 0\n\n  state = {\n    scrollTop: 0,\n    scrollHeight: 0,\n    clientHeight: 0,\n  }\n\n  componentDidMount() {\n    if (!this.scrollable || !this.scrollable.parentNode) return\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('touchstart', this.handleTouchStart, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('touchmove', this.handleTouchMove, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('wheel', this.handleScroll, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener(\n      'scroll',\n      this.handleScroll as (_e: Event) => void,\n      false\n    )\n  }\n\n  componentWillUnmount() {\n    if (!this.scrollable || !this.scrollable.parentNode) return\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('touchstart', this.handleTouchStart)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('touchmove', this.handleTouchMove)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('wheel', this.handleScroll)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener(\n      'scroll',\n      this.handleScroll as (_e: Event) => void\n    )\n  }\n\n  handleTouchStart = (e: TouchEvent) => {\n    this.ts = e.touches[0].clientY\n  }\n\n  handleTouchMove = (e: TouchEvent) => {\n    if (!this.props.isolate || !this.scrollable) return true\n\n    const scrollarea = this.scrollable.parentNode\n\n    if (!scrollarea) return\n\n    const te = e.changedTouches[0].clientY\n    const dir = this.ts > te ? -1 : 1\n\n    const upTouch = dir === 1 && (scrollarea as HTMLDivElement).scrollTop === 0\n    const endTouch =\n      dir === -1 &&\n      Math.floor((scrollarea as HTMLDivElement).scrollTop) ===\n        (scrollarea as HTMLDivElement).scrollHeight - (scrollarea as HTMLDivElement).clientHeight\n\n    if (upTouch || endTouch) {\n      e.preventDefault()\n      this.ts = te\n    }\n\n    return true\n  }\n\n  handleScroll = (e: WheelEvent) => {\n    if (!this.props.isolate || !this.scrollable) return true\n\n    const delta = e.deltaY || e.detail\n\n    const scrollarea = this.scrollable.parentNode\n\n    if (!scrollarea) return\n\n    const dir = delta < 0 ? 1 : -1\n\n    const upTouch = dir === 1 && (scrollarea as HTMLDivElement).scrollTop === 0\n    const endTouch =\n      dir === -1 &&\n      (scrollarea as HTMLDivElement).scrollTop ===\n        (scrollarea as HTMLDivElement).scrollHeight - (scrollarea as HTMLDivElement).clientHeight\n\n    if (upTouch || endTouch) {\n      e.preventDefault()\n    }\n\n    return true\n  }\n\n  handleUpdate = (values: ScrollableState) => {\n    const { scrollTop, scrollHeight, clientHeight } = values\n\n    this.setState({\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    })\n  }\n\n  calculateShadowOffset() {\n    const { scrollTop, scrollHeight, clientHeight } = this.state\n    const { shadowHeight = 50 } = this.props\n\n    const diffH = scrollHeight - clientHeight || 0\n\n    const a = (scrollTop * 100) / (diffH <= 0 ? 1 : diffH)\n    const b = (shadowHeight * a) / 100\n\n    return Math.floor(-shadowHeight + b)\n  }\n\n  hexToRgb = (hex: string) => {\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\n\n    return result\n      ? {\n          r: parseInt(result[1], 16),\n          g: parseInt(result[2], 16),\n          b: parseInt(result[3], 16),\n        }\n      : null\n  }\n\n  renderTrack = ({ style, ...props }: { style: React.CSSProperties }, dir: 'vertical' | 'horizontal') => {\n    const { trackColor, trackOpacity, trackBorderRadius, trackWidth } = this.props\n\n    const hex = trackColor ? this.hexToRgb(trackColor) : null\n\n    const trackStyle = {\n      background: hex ? `rgba(${hex.r}, ${hex.g}, ${hex.b}, ${trackOpacity})` : `rgba(255,255,255,0)`,\n      borderRadius: `${trackBorderRadius}px`,\n      zIndex: 14,\n      ...(dir === 'vertical'\n        ? {\n            right: 4,\n            top: 2,\n            bottom: 2,\n            width: `${trackWidth}px`,\n          }\n        : {\n            bottom: 4,\n            left: 2,\n            right: 2,\n            height: `${trackWidth}px`,\n          }),\n    }\n\n    return (\n      <div\n        style={{\n          ...style,\n          ...trackStyle,\n        }}\n        {...props}\n      />\n    )\n  }\n\n  renderThumb = ({ style, ...scrollableProps }: { style: React.CSSProperties }) => {\n    const { thumbColor, thumbOpacity, thumbBorderRadius, thumbWidth } = this.props\n\n    const thumbStyle = {\n      opacity: thumbOpacity,\n      backgroundColor:\n        (this.props.theme as DefaultTheme).colors[thumbColor] || (this.props.theme as DefaultTheme).colors[thumbColor],\n      borderRadius: `${thumbBorderRadius}px`,\n      width: `${thumbWidth}px`,\n    }\n\n    return <div style={{ ...style, ...thumbStyle }} {...scrollableProps} />\n  }\n\n  render() {\n    const {\n      children,\n      withShadow,\n      shadowHeight,\n      shadowColor,\n      shadowOpacity,\n      className,\n      thumbColor, // eslint-disable-line\n      thumbOpacity, // eslint-disable-line\n      thumbBorderRadius, // eslint-disable-line\n      thumbWidth, // eslint-disable-line\n      trackColor, // eslint-disable-line\n      trackOpacity, // eslint-disable-line\n      trackBorderRadius, // eslint-disable-line\n      trackWidth, // eslint-disable-line\n      isolate, // eslint-disable-line\n      style,\n      disabled,\n      ...props\n    } = this.props\n\n    if (disabled) return <div>{children}</div>\n\n    const { scrollHeight, clientHeight } = this.state\n\n    const shadowOffset = this.calculateShadowOffset()\n\n    return (\n      <div\n        style={{\n          ...style,\n          position: 'relative',\n        }}\n        className={className}\n      >\n        {withShadow && scrollHeight > clientHeight && shadowOffset !== -shadowHeight && (\n          <div\n            style={{\n              position: 'absolute',\n              display: 'block',\n              height: `${shadowHeight}px`,\n              left: 0,\n              right: 0,\n              top: `-${shadowHeight}px`,\n              opacity: shadowOpacity,\n              backgroundImage: `linear-gradient(to bottom, ${\n                (this.props.theme as DefaultTheme).colors[shadowColor]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        )}\n\n        {withShadow && scrollHeight > clientHeight && shadowOffset < 0 && (\n          <div\n            style={{\n              position: 'absolute',\n              display: 'block',\n              height: `${shadowHeight}px`,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              opacity: shadowOpacity,\n              backgroundImage: `linear-gradient(to top, ${\n                (this.props.theme as DefaultTheme).colors[shadowColor]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        )}\n\n        <Scrollbars\n          renderTrackVertical={(nodeProps) => this.renderTrack({ ...nodeProps }, 'vertical')}\n          renderTrackHorizontal={(nodeProps) => this.renderTrack({ ...nodeProps }, 'horizontal')}\n          renderThumbHorizontal={this.renderThumb}\n          renderThumbVertical={this.renderThumb}\n          onUpdate={this.handleUpdate}\n          hideTracksWhenNotNeeded\n          {...props}\n        >\n          <div\n            ref={(node) => {\n              this.scrollable = node\n            }}\n          >\n            {children}\n          </div>\n        </Scrollbars>\n      </div>\n    )\n  }\n}\n\n/**\n * Scrollable component for create custom scrollable content\n *\n * Based on https://github.com/sakhnyuk/rc-scrollbars\n */\nconst withThemeScrollable = withTheme(Scrollable)\n\nwithThemeScrollable.displayName = 'Scrollable'\n\nexport { withThemeScrollable as Scrollable }\n"],"names":["Scrollable","PureComponent","constructor","super","arguments","this","scrollable","ts","state","scrollTop","scrollHeight","clientHeight","handleTouchStart","e","touches","clientY","handleTouchMove","props","isolate","scrollarea","parentNode","te","changedTouches","dir","upTouch","endTouch","Math","floor","preventDefault","handleScroll","deltaY","detail","handleUpdate","values","setState","hexToRgb","hex","result","exec","r","parseInt","g","b","renderTrack","style","_ref","_objectWithoutProperties","_excluded","trackColor","trackOpacity","trackBorderRadius","trackWidth","trackStyle","_objectSpread","background","concat","borderRadius","zIndex","right","top","bottom","width","left","height","_jsx","renderThumb","_ref2","scrollableProps","_excluded2","thumbColor","thumbOpacity","thumbBorderRadius","thumbWidth","thumbStyle","opacity","backgroundColor","theme","colors","componentDidMount","addEventListener","componentWillUnmount","removeEventListener","calculateShadowOffset","shadowHeight","diffH","render","_this$props","children","withShadow","shadowColor","shadowOpacity","className","disabled","_excluded3","shadowOffset","_jsxs","position","display","backgroundImage","transform","Scrollbars","renderTrackVertical","nodeProps","renderTrackHorizontal","renderThumbHorizontal","renderThumbVertical","onUpdate","hideTracksWhenNotNeeded","ref","node","displayName","defaultProps","autoHide","autoHideTimeout","autoHideDuration","autoHeight","withThemeScrollable","withTheme"],"mappings":"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"}

package/components/Section/Section.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section.js","sources":["../../../../src/components/Section/Section.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SectionProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'padding'> {\n  /**\n   * Paper with shadow\n   */\n  shadow?: boolean\n  /**\n   * This number represents the zDepth of the paper shadow\n   */\n  zDepth?: 1 | 2 | 3 | 4 | 5\n  /**\n   * Section content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Text align\n   */\n  textAlign?: 'left' | 'right' | 'center'\n}\n\nSection.displayName = 'Section'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Section(props: SectionProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Section","props","_jsx","Styled.Root","_objectSpread","displayName"],"mappings":"8HAqCO,SAASA,EAAQC,GACtB,OAAOC,EAACC,EAADC,EAAA,GAAiBH,IAV1BD,EAAQK,YAAc"}

package/components/Section/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Section/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport { SectionProps } from './Section'\n\nconst zDepth = {\n  1: css`\n    box-shadow: 0 15px 20px 0 rgba(27, 55, 147, 0.06);\n  `,\n  2: css`\n    box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;\n  `,\n  3: css`\n    box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;\n  `,\n  4: css`\n    box-shadow: rgba(0, 0, 0, 0.247059) 0px 14px 45px, rgba(0, 0, 0, 0.219608) 0px 10px 18px;\n  `,\n  5: css`\n    box-shadow: rgba(0, 0, 0, 0.298039) 0px 19px 60px, rgba(0, 0, 0, 0.219608) 0px 15px 20px;\n  `,\n}\n\nexport const Root = styled(Spacer)<SectionProps>`\n  display: block;\n  color: #000;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (typeof props.zDepth === 'number' ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n`\n"],"names":["zDepth","css","Root","styled","Spacer","withConfig","componentId","props","theme","colors","white","textAlign","color"],"mappings":"sIAKA,IAAMA,EAAS,CACb,EAAGC,EADU,CAAA,mDAIb,EAAGA,EAJU,CAAA,oFAOb,EAAGA,EAPU,CAAA,qFAUb,EAAGA,EAVU,CAAA,sFAab,EAAGA,EAAH,CAAA,2FAKWC,EAAOC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAGGI,CAAAA,6CAAAA,IAAAA,IAAAA,IAAAA,KAAAA,GAAUA,EAAMC,MAAMC,OAAOC,QAC/CH,GACDA,EAAMI,UACFV,EACgBM,CAAAA,cAAAA,KAAAA,EAAMI,WAEtB,OACHJ,GAAmC,iBAAjBA,EAAMP,OAAsBA,EAAOO,EAAMP,QAAU,OACrEO,GAAWA,EAAMK,MAAQA,EAAML,EAAMK,MAAO,oBAAsB"}

package/components/Select/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import ReactSelect, { Async, AsyncCreatable, Creatable, ReactSelectProps } from 'react-select'\nimport { useTheme } from 'styled-components'\nimport { DisplayProperty } from 'mixins/display'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SelectProps extends BaseProps, ReactSelectProps, DisplayProperty {\n  fluid?: boolean\n  error?: boolean\n  /**\n   * Width of select. Default is `Theme.defaultInputControlsWidth`\n   */\n  width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nSelect.defaultProps = {\n  allowCreate: false,\n  searchable: true,\n  clearable: false,\n  addLabelText: 'Добавить \"{label}\"?',\n  backspaceToRemoveMessage: 'Нажмите клавишу Backspace, чтобы удалить {last label}',\n  clearAllText: 'Очистить все',\n  clearValueText: 'Очистить значение',\n  noResultsText: 'Результатов не найдено',\n  placeholder: 'Выбрать ...',\n  searchPromptText: 'Введите поисковый запрос',\n  loadingPlaceholder: 'Загрузка...',\n  autoload: true,\n  loadOptions: false,\n  display: 'inline-block',\n}\n\nSelect.displayName = 'Select'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `ReactSelectProps`\n */\nexport function Select(props: SelectProps) {\n  const theme = useTheme()\n  const {\n    fluid,\n    error,\n    className,\n    style,\n    display,\n    width = theme.defaultInputControlsWidth,\n    ...reactSelectProps\n  } = props\n  const _className = useClassname(Select.displayName, className)\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const SelectElement: typeof ReactSelect & typeof Creatable = props.loadOptions\n    ? props.allowCreate\n      ? AsyncCreatable\n      : Async\n    : props.allowCreate\n    ? Creatable\n    : ReactSelect\n\n  return (\n    <Styled.Root className={_className} style={style} error={error} fluid={fluid} width={width} display={display}>\n      <SelectElement {...reactSelectProps} promptTextCreator={(label: string) => `Добавить \"${label}\"`} />\n    </Styled.Root>\n  )\n}\n"],"names":["Select","props","theme","useTheme","fluid","error","className","style","display","width","defaultInputControlsWidth","reactSelectProps","_excluded","_className","useClassname","displayName","_jsx","Styled.Root","children","loadOptions","allowCreate","AsyncCreatable","Async","Creatable","ReactSelect","_objectSpread","promptTextCreator","label","concat","defaultProps","searchable","clearable","addLabelText","backspaceToRemoveMessage","clearAllText","clearValueText","noResultsText","placeholder","searchPromptText","loadingPlaceholder","autoload"],"mappings":"6aA0CO,SAASA,EAAOC,GACrB,IAAMC,EAAQC,IACd,IAAMC,MACJA,EADIC,MAEJA,EAFIC,UAGJA,EAHIC,MAIJA,EAJIC,QAKJA,EALIC,MAMJA,EAAQP,EAAMQ,2BAEZT,EADCU,IACDV,EARJW,GASA,IAAMC,EAAaC,EAAad,EAAOe,YAAaT,GAYpD,OACEU,EAACC,EAAD,CAAaX,UAAWO,EAAYN,MAAOA,EAAOF,MAAOA,EAAOD,MAAOA,EAAOK,MAAOA,EAAOD,QAASA,EAArGU,SACEF,EAVyDf,EAAMkB,YAC/DlB,EAAMmB,YACJC,EACAC,EACFrB,EAAMmB,YACNG,EACAC,EAIAC,EAAAA,EAAA,GAAmBd,GAAnB,GAAA,CAAqCe,kBAAoBC,GAAD,cAAAC,OAAgCD,EAAhC,WAjD9D3B,EAAO6B,aAAe,CACpBT,aAAa,EACbU,YAAY,EACZC,WAAW,EACXC,aAAc,sBACdC,yBAA0B,wDAC1BC,aAAc,eACdC,eAAgB,oBAChBC,cAAe,yBACfC,YAAa,cACbC,iBAAkB,2BAClBC,mBAAoB,cACpBC,UAAAA,EACArB,aAAAA,EACAX,QAAS,gBAGXR,EAAOe,YAAc"}

package/components/Select/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Select/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { display } from 'mixins/display'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { errorStyle } from 'components/Input/style'\nimport { SelectProps } from './Select'\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n`\n\nconst spin = keyframes`\n  to {\n    transform: rotate(1turn);\n  }\n`\n\nconst fluid = css`\n  width: 100%;\n  .Select {\n    max-width: 100%;\n    width: 100%;\n  }\n`\n\nconst error = css`\n  .Select-control {\n    ${errorStyle}\n  }\n`\n\nexport const Root = styled.span.withConfig<SelectProps>({\n  shouldForwardProp: (prop) => ['children'].includes(prop),\n})`\n  .Select {\n    position: relative;\n  }\n  .Select,\n  .Select div,\n  .Select input,\n  .Select span {\n    box-sizing: border-box;\n  }\n  .Select.is-disabled > .Select-control {\n    cursor: not-allowed;\n    background-color: #f5f5f5;\n  }\n  .Select.is-disabled .Select-value-label {\n    color: rgba(0, 0, 0, 0.16) !important;\n  }\n  .Select.is-disabled > .Select-control:hover {\n    box-shadow: none;\n  }\n  .Select.is-disabled .Select-arrow-zone {\n    cursor: default;\n    pointer-events: none;\n    opacity: 0.35;\n  }\n  .Select.is-clearable {\n    .Select-placeholder,\n    &.Select--single > .Select-control .Select-value {\n      padding-right: 70px;\n    }\n  }\n  .Select-control {\n    background-color: ${(props) => props.theme.colors.white};\n    border: solid 1px ${(props) => props.theme.colors.alto};\n    border-radius: 4px;\n    color: ${(props) => props.theme.colors.mineShaft};\n    cursor: default;\n    display: table;\n    border-spacing: 0;\n    border-collapse: separate;\n    height: 50px;\n    outline: none;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n  .Select-control .Select-input:focus {\n    outline: none;\n  }\n  .is-searchable.is-open > .Select-control {\n    cursor: text;\n  }\n  .is-open > .Select-control {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border: 1px solid ${(props) => props.theme.colors.accent};\n    outline: none;\n  }\n  .is-open > .Select-control .Select-arrow {\n    transform: rotate(180deg);\n  }\n  .is-searchable.is-focused:not(.is-open) > .Select-control {\n    cursor: text;\n  }\n  .is-focused:not(.is-open) > .Select-control {\n    border: 1px solid ${(props) => props.theme.colors.accent};\n  }\n  .Select-placeholder,\n  .Select--single > .Select-control .Select-value {\n    bottom: 0;\n    color: ${(props) => props.theme.colors.silver};\n    left: 0;\n    font-size: 16px;\n    line-height: 50px;\n    padding-left: 20px;\n    padding-right: 35px;\n    position: absolute;\n    right: 0;\n    top: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .has-value.Select--single > .Select-control .Select-value .Select-value-label,\n  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {\n    color: ${(props) => props.theme.colors.mineShaft};\n  }\n  .has-value.Select--single > .Select-control .Select-value a.Select-value-label,\n  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {\n    cursor: pointer;\n    text-decoration: none;\n  }\n  .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,\n  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,\n  .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,\n  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {\n    color: #007eff;\n    outline: none;\n    text-decoration: underline;\n  }\n  .Select-input {\n    height: 50px;\n    padding-left: 20px;\n    padding-right: 15px;\n    vertical-align: middle;\n  }\n  .Select-input > input {\n    width: 100%;\n    background: none transparent;\n    border: 0 none;\n    box-shadow: none;\n    cursor: default;\n    display: inline-block;\n    font-family: inherit;\n    font-size: 16px;\n    margin: 0;\n    outline: none;\n    line-height: 30px;\n    padding: 10px 0;\n    -webkit-appearance: none;\n  }\n  .is-focused .Select-input > input {\n    cursor: text;\n  }\n  .is-focused .Select-arrow,\n  .Select-arrow-zone:hover > .Select-arrow {\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM0OGExZTYiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=');\n  }\n  .has-value.is-pseudo-focused .Select-input {\n    opacity: 0;\n  }\n  .Select-control:not(.is-searchable) > .Select-input {\n    outline: none;\n  }\n  .Select-loading-zone {\n    cursor: pointer;\n    display: table-cell;\n    position: relative;\n    text-align: center;\n    vertical-align: middle;\n    width: 16px;\n  }\n  .Select-loading {\n    animation: ${spin} 400ms infinite linear;\n    width: 16px;\n    height: 16px;\n    box-sizing: border-box;\n    border-radius: 50%;\n    border: 2px solid ${(props) => props.theme.colors.alto};\n    border-right-color: ${(props) => props.theme.colors.mineShaft};\n    display: inline-block;\n    position: relative;\n    vertical-align: middle;\n  }\n  .Select-clear-zone {\n    animation: ${fadeIn} 200ms;\n    color: ${(props) => props.theme.colors.alto};\n    cursor: pointer;\n    display: table-cell;\n    position: relative;\n    text-align: center;\n    vertical-align: middle;\n    width: 35px;\n    line-height: 0;\n\n    .Select-clear {\n      position: relative;\n      top: -1px;\n    }\n  }\n  .Select-clear-zone:hover {\n    color: #d0021b;\n  }\n  .Select-clear {\n    display: inline-block;\n    font-size: 0px;\n    line-height: 1;\n    color: transparent;\n    overflow: hidden;\n    width: 12px;\n    height: 12px;\n    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4KICA8cGF0aAogICAgZD0nTTExLjYgOS41TDE5LjIgMmMuNC0uNi40LTEuMyAwLTEuNy0uNC0uNC0xLjItLjQtMS42IDBMMTAgOCAyLjQuMkMyIDAgMS4yIDAgLjguMy40LjcuNCAxLjMuOCAybDcuNiA3LjUtOCA4Yy0uNS41LS41IDEuMiAwIDEuNy4yLjIuNC4zLjcuMy40IDAgLjcgMCAxLS4zbDgtOCA4IDhjLjMuMi42LjMgMSAuMy4yIDAgLjQgMCAuNy0uMy40LS41LjQtMS4yIDAtMS42bC04LTh6JwogICAgZmlsbD0nI0Q5RDlEOScKICAgIGZpbGxSdWxlPSdldmVub2RkJwogIC8+Cjwvc3ZnPgo=')\n      no-repeat;\n    background-size: cover;\n  }\n  .Select--multi .Select-clear-zone {\n    width: 17px;\n  }\n  .Select-arrow-zone {\n    cursor: pointer;\n    display: table-cell;\n    position: relative;\n    text-align: center;\n    vertical-align: middle;\n    width: 35px;\n    line-height: 0;\n  }\n  .Select-arrow {\n    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNiOGI4YjgiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=')\n      no-repeat;\n    display: inline-block;\n    background-size: 12px;\n    height: 7px;\n    width: 12px;\n    position: relative;\n    transition: 0.3s;\n    transform: rotate(0deg);\n  }\n  .is-open .Select-arrow,\n  .Select-arrow-zone:hover > .Select-arrow {\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM0OGExZTYiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=');\n  }\n  .Select--multi .Select-multi-value-wrapper {\n    display: inline-block;\n    padding-left: 20px;\n  }\n  .Select--multi .Select-multi-value-wrapper {\n    .Select-placeholder + .Select-input {\n      margin-left: 0;\n    }\n  }\n  .Select--single {\n    .Select-multi-value-wrapper {\n      display: block;\n      width: 100%;\n    }\n    .Select-input .react-select-2--value {\n      display: block;\n      width: 100%;\n    }\n  }\n  .Select .Select-aria-only {\n    display: inline-block;\n    height: 1px;\n    width: 1px;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0);\n    overflow: hidden;\n    float: left;\n  }\n  .Select-menu-outer {\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 4px;\n    background-color: ${(props) => props.theme.colors.white};\n    border: 1px solid ${(props) => props.theme.colors.onahau};\n    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);\n    box-sizing: border-box;\n    margin-top: -1px;\n    max-height: 270px;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 1;\n    -webkit-overflow-scrolling: touch;\n  }\n  .Select-menu {\n    max-height: 226px;\n    overflow-x: auto;\n    overflow-y: auto;\n    font-size: 16px;\n  }\n  .Select-option {\n    box-sizing: border-box;\n    background-color: ${(props) => props.theme.colors.white};\n    line-height: 30px;\n    color: ${(props) => props.theme.colors.mineShaft};\n    cursor: pointer;\n    display: block;\n    padding: 10px 15px 10px 20px;\n    transition: background 0.2s ease;\n  }\n  .Select-option:last-child {\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 4px;\n  }\n  .Select-option.is-selected {\n    background-color: ${(props) => props.theme.colors.onahau};\n  }\n  .Select-option.is-focused {\n    background-color: ${(props) => props.theme.colors.onahau};\n  }\n  .Select-option.is-disabled {\n    color: rgba(0, 0, 0, 0.16);\n    cursor: not-allowed;\n  }\n  .Select-noresults {\n    box-sizing: border-box;\n    color: ${(props) => props.theme.colors.silver};\n    cursor: default;\n    display: block;\n    padding: 10px 20px;\n  }\n  .Select--multi .Select-input {\n    vertical-align: middle;\n    margin-left: 10px;\n    padding: 0;\n  }\n  .Select--multi.has-value .Select-input {\n    margin-left: 5px;\n  }\n  .Select--multi .Select-value {\n    background-color: ${(props) => props.theme.colors.nebula};\n    background-color: ${(props) => tinycolor(props.theme.colors.nebula).setAlpha(0.1).toString()};\n    border-radius: 4px;\n    border: 1px solid ${(props) => props.theme.colors.onahau};\n    border: 1px solid rgba(0, 126, 255, 0.24);\n    color: ${(props) => props.theme.colors.mineShaft};\n    display: inline-block;\n    font-size: 0.9em;\n    line-height: 1.4;\n    margin-left: 4px;\n    margin-top: 4px;\n    vertical-align: top;\n  }\n  .Select--multi .Select-value-icon,\n  .Select--multi .Select-value-label {\n    display: inline-block;\n    vertical-align: middle;\n  }\n  .Select--multi .Select-value-icon {\n    font-size: 1.5em;\n    line-height: 100%;\n    vertical-align: middle;\n    box-sizing: border-box;\n    padding: 5px 4px 2px;\n    color: ${(props) => props.theme.colors.accent};\n  }\n\n  .Select--multi .Select-value-label {\n    border-bottom-right-radius: 4px;\n    border-top-right-radius: 4px;\n    cursor: default;\n    padding: 2px 4px;\n    line-height: 1;\n    max-width: 90%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .Select--multi a.Select-value-label {\n    color: ${(props) => props.theme.colors.accent};\n    cursor: pointer;\n    text-decoration: none;\n  }\n  .Select--multi a.Select-value-label:hover {\n    text-decoration: underline;\n  }\n  .Select--multi .Select-value-icon {\n    cursor: pointer;\n    border-bottom-left-radius: 4px;\n    border-top-left-radius: 4px;\n    border-right: 1px solid ${(props) => props.theme.colors.onahau};\n    border-right: 1px solid rgba(0, 126, 255, 0.24);\n    font-size: 1.5em;\n    line-height: 100%;\n    box-sizing: border-box;\n    padding: 5px 4px 2px;\n    color: ${(props) => props.theme.colors.accent};\n  }\n  .Select--multi .Select-value-icon:hover,\n  .Select--multi .Select-value-icon:focus {\n    background-color: #d8eafd;\n    background-color: rgba(0, 113, 230, 0.08);\n    color: ${(props) => props.theme.colors.accent};\n  }\n  .Select--multi .Select-value-icon:active {\n    background-color: #c2e0ff;\n    background-color: rgba(0, 126, 255, 0.24);\n  }\n  .Select--multi.is-disabled .Select-value {\n    background-color: #fcfcfc;\n    border: 1px solid #e3e3e3;\n    color: ${(props) => props.theme.colors.mineShaft};\n  }\n  .Select--multi.is-disabled .Select-value-icon {\n    cursor: not-allowed;\n    border-right: 1px solid #e3e3e3;\n  }\n  .Select--multi.is-disabled .Select-value-icon:hover,\n  .Select--multi.is-disabled .Select-value-icon:focus,\n  .Select--multi.is-disabled .Select-value-icon:active {\n    background-color: #fcfcfc;\n  }\n\n  width: auto;\n  ${(props) => (props.error ? error : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) =>\n    responsiveProperty(\n      'width',\n      props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n    )}\n  ${(props) => (props.fluid ? fluid : null)}\n`\n"],"names":["fadeIn","keyframes","spin","fluid","css","error","errorStyle","Root","styled","span","withConfig","shouldForwardProp","prop","includes","componentId","props","theme","colors","white","alto","mineShaft","accent","silver","onahau","nebula","tinycolor","setAlpha","toString","display","responsiveProperty","width","Array","isArray"],"mappings":"8PAOA,IAAMA,EAASC,EAAf,CAAA,mCASA,IAAMC,EAAOD,EAAb,CAAA,iCAMA,IAAME,EAAQC,EAAd,CAAA,mDAQA,IAAMC,EAAQD,EAAH,CAAA,mBAAA,KAELE,GAIC,IAAMC,EAAOC,EAAOC,KAAKC,WAAwB,CACtDC,kBAAoBC,GAAS,CAAC,YAAYC,SAASD,KADpCF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,uiBAAA,qBAAA,4BAAA,+VAAA,yNAAA,wFAAA,8WAAA,w7FAAA,0GAAA,uBAAA,+FAAA,gBAAA,o+JAAA,qBAAA,yTAAA,2BAAA,kOAAA,gDAAA,yHAAA,yOAAA,qBAAA,uCAAA,gDAAA,sWAAA,gPAAA,+OAAA,iIAAA,0JAAA,+MAAA,wSAAA,IAAA,IAAA,IAAA,KAkCQO,GAAUA,EAAMC,MAAMC,OAAOC,QAC7BH,GAAUA,EAAMC,MAAMC,OAAOE,OAExCJ,GAAUA,EAAMC,MAAMC,OAAOG,YAoBlBL,GAAUA,EAAMC,MAAMC,OAAOI,SAU7BN,GAAUA,EAAMC,MAAMC,OAAOI,SAKxCN,GAAUA,EAAMC,MAAMC,OAAOK,SAgB7BP,GAAUA,EAAMC,MAAMC,OAAOG,WA0D1BlB,GAKQa,GAAUA,EAAMC,MAAMC,OAAOE,OAC3BJ,GAAUA,EAAMC,MAAMC,OAAOG,WAMvCpB,GACHe,GAAUA,EAAMC,MAAMC,OAAOE,OAuFlBJ,GAAUA,EAAMC,MAAMC,OAAOC,QAC7BH,GAAUA,EAAMC,MAAMC,OAAOM,SAmB7BR,GAAUA,EAAMC,MAAMC,OAAOC,QAExCH,GAAUA,EAAMC,MAAMC,OAAOG,YAWlBL,GAAUA,EAAMC,MAAMC,OAAOM,SAG7BR,GAAUA,EAAMC,MAAMC,OAAOM,SAQxCR,GAAUA,EAAMC,MAAMC,OAAOK,SAclBP,GAAUA,EAAMC,MAAMC,OAAOO,SAC7BT,GAAUU,EAAUV,EAAMC,MAAMC,OAAOO,QAAQE,SAAS,IAAKC,aAE7DZ,GAAUA,EAAMC,MAAMC,OAAOM,SAExCR,GAAUA,EAAMC,MAAMC,OAAOG,YAmB7BL,GAAUA,EAAMC,MAAMC,OAAOI,SAc7BN,GAAUA,EAAMC,MAAMC,OAAOI,SAWZN,GAAUA,EAAMC,MAAMC,OAAOM,SAM9CR,GAAUA,EAAMC,MAAMC,OAAOI,SAM7BN,GAAUA,EAAMC,MAAMC,OAAOI,SAS7BN,GAAUA,EAAMC,MAAMC,OAAOG,YAatCL,GAAWA,EAAMV,MAAQA,EAAQ,OACjCU,GAAWA,EAAMa,QAAUA,EAAQb,EAAMa,SAAW,OACpDb,GACDc,EACE,QACAd,EAAMZ,OAAyB,SAAhBY,EAAMe,QAAqBC,MAAMC,QAAQjB,EAAMe,OAAS,YAAc,WAEtFf,GAAWA,EAAMZ,MAAQA,EAAQ"}

package/components/Separator/Separator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Separator.js","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { SeparatorText } from './SeparatorText'\nimport * as Styled from './style'\n\nexport interface SeparatorProps\n  extends BaseProps,\n    ColorProperty,\n    ResponsiveNamedProperty<'top'>,\n    ResponsiveNamedProperty<'right'>,\n    ResponsiveNamedProperty<'bottom'>,\n    ResponsiveNamedProperty<'left'>,\n    ResponsiveNamedProperty<'padding'>,\n    ResponsiveNamedProperty<'paddingTop'>,\n    ResponsiveNamedProperty<'paddingRight'>,\n    ResponsiveNamedProperty<'paddingBottom'>,\n    ResponsiveNamedProperty<'paddingLeft'>,\n    ResponsiveNamedProperty<'margin'>,\n    ResponsiveNamedProperty<'marginTop'>,\n    ResponsiveNamedProperty<'marginRight'>,\n    ResponsiveNamedProperty<'marginBottom'>,\n    ResponsiveNamedProperty<'marginLeft'> {\n  /**\n   * Separator weight\n   */\n  weight?: 1 | 2 | 3 | 4 | 5\n}\n\nSeparator.defaultProps = {\n  margin: 's',\n  color: 'grey',\n  weight: 1,\n}\n\nSeparator.Text = SeparatorText\nSeparator.displayName = 'Separator'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n */\nexport function Separator(props: typeof Separator.defaultProps & SeparatorProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Separator","props","_jsx","Styled.Root","_objectSpread","defaultProps","margin","color","weight","Text","SeparatorText","displayName"],"mappings":"iLA0DO,SAASA,EAAUC,GACxB,OAAOC,EAACC,EAADC,EAAA,GAAiBH,IA9B1BD,EAAUK,aAAe,CACvBC,OAAQ,IACRC,MAAO,OACPC,OAAQ,GAGVR,EAAUS,KAAOC,EACjBV,EAAUW,YAAc"}

package/components/Separator/SeparatorText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SeparatorText.js","sources":["../../../../src/components/Separator/SeparatorText.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { Separator } from './Separator'\nimport * as Styled from './style'\n\nexport interface SeparatorTextProps extends BaseProps, ColorProperty {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n}\n\nexport function SeparatorText({ children, className, color, ...restProps }: SeparatorTextProps) {\n  return (\n    <Styled.TextRoot>\n      <Separator className={className} color={color} {...restProps} />\n      <Styled.Text color={color}>{children}</Styled.Text>\n    </Styled.TextRoot>\n  )\n}\n"],"names":["SeparatorText","_ref","children","className","color","restProps","_objectWithoutProperties","_excluded","_jsxs","Styled.TextRoot","_jsx","Separator","_objectSpread","Styled.Text"],"mappings":"sSAYO,SAASA,EAAgFC,GAAA,IAAlEC,SAAEA,EAAFC,UAAYA,EAAZC,MAAuBA,GAA2CH,EAAjCI,EAAiCC,EAAAL,EAAAM,GAC9F,OACEC,EAACC,EAAD,CAAAP,SAAA,CACEQ,EAACC,EAADC,EAAA,CAAWT,UAAWA,EAAWC,MAAOA,GAAWC,IACnDK,EAACG,EAAD,CAAaT,MAAOA,EAApBF,SAA4BA"}

package/components/Separator/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Separator/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { Text as UiText } from '../Text'\nimport { SeparatorProps } from './Separator'\n\nconst WEIGHT_MAP = {\n  1: '0.05em',\n  2: '0.1em',\n  3: '0.15em',\n  4: '0.25em',\n  5: '0.3em',\n}\n\nexport const Text = styled(UiText)`\n  position: absolute;\n  z-index: 1;\n  display: inline-block;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: 0 12px;\n  background-color: ${(props) => props.theme.colors.white};\n`\n\nexport const TextRoot = styled.div`\n  display: block;\n  width: auto;\n  position: relative;\n  z-index: 0;\n  text-align: center;\n`\n\nexport const Root = styled.div.withConfig<SeparatorProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: auto;\n  background-color: currentColor;\n  ${(props) => css`\n    height: ${WEIGHT_MAP[props.weight || 1]};\n  `}\n  ${(props) => (props.color ? color(props.color, 'color') : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["WEIGHT_MAP","Text","styled","UiText","withConfig","componentId","props","theme","colors","white","TextRoot","div","Root","shouldForwardProp","prop","includes","css","weight","color","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","_ref11","topXS","topS","topM","topL","topXL","_ref12","rightXS","rightS","rightM","rightL","rightXL","_ref13","bottomXS","bottomS","bottomM","bottomL","bottomXL","_ref14","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}

package/components/Skeleton/Skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n  (props, ref) => {\n    const palette = useMergedPalette(props)\n\n    return (\n      <Styled.Root {...props} palette={palette} ref={ref}>\n        {!props.children ? (\n          <>&nbsp;</>\n        ) : isValidElement(props.children) &&\n          typeof props.children.props === 'object' &&\n          props.children.props !== null &&\n          !props.children.props.children ? (\n          cloneElement(props.children, {}, <>&nbsp;</>)\n        ) : (\n          props.children\n        )}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { Skeleton }\n"],"names":["Skeleton","forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled.Root","children","isValidElement","cloneElement","_Fragment"],"mappings":"wRAeMA,IAAAA,EAA2DC,GAC/D,CAACC,EAAOC,KACN,IAAMC,EAAUC,EAAiBH,GAEjC,OACEI,EAACC,SAAgBL,GAAjB,GAAA,CAAwBE,QAASA,EAASD,IAAKA,EAA/CK,SACIN,EAAMM,SAEJC,EAAeP,EAAMM,WACS,iBAAzBN,EAAMM,SAASN,OACG,OAAzBA,EAAMM,SAASN,QACdA,EAAMM,SAASN,MAAMM,SACtBE,EAAaR,EAAMM,SAAU,GAAIF,EAAAK,EAAA,CAAAH,SAAA,OAEjCN,EAAMM,SAPNF,EAAAK,EAAA,CAAAH,SAAA"}

package/components/Skeleton/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","concat","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","_objectSpread","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","componentId","_props$animationDurat","_props$animationDelay","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"yPAKA,IAAMA,EAA4BC,GAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,IAAME,EAAiBC,EAAvB,CAAA,uEASA,IAAMC,EAAYC,mCACIA,EAAQC,MACeD,kDAAAA,OAAAA,EAAQE,cAFpC,UAAAC,OAE0DH,EAAQI,wCAA+BJ,EAAQE,cAF1H,YAKA,IAAMG,EAAe,CACnBC,UAAW,CACTC,UAAWC,EACNC,CAAAA,GAAAA,KAAAA,GACDV,EAAQW,EAAA,CACNT,MAAOQ,EAAME,MAAMC,OAAO,8BAC1BV,cAAeO,EAAME,MAAMC,OAAO,wCAClCR,uBAAwBK,EAAME,MAAMC,OAAO,uCACxCH,EAAMT,YAGfa,QAASL,EACJC,CAAAA,GAAAA,KAAAA,GACDV,EAAQW,EAAA,CACNT,MAAOQ,EAAME,MAAMC,OAAO,4BAC1BV,cAAeO,EAAME,MAAMC,OAAO,wCAClCR,uBAAwBK,EAAME,MAAMC,OAAO,uCACxCH,EAAMT,aAIjBc,QAAS,CACPP,UAAWC,EACNC,CAAAA,GAAAA,KAAAA,GACDV,EAAQW,EAAA,CACNT,MAAOQ,EAAME,MAAMC,OAAO,6BAC1BV,cAAeO,EAAME,MAAMC,OAAO,uCAClCR,uBAAwBK,EAAME,MAAMC,OAAO,sCACxCH,EAAMT,YAGfa,QAASL,EACJC,CAAAA,GAAAA,KAAAA,GACDV,EAAQW,EAAA,CACNT,MAAOQ,EAAME,MAAMC,OAAO,2BAC1BV,cAAeO,EAAME,MAAMC,OAAO,uCAClCR,uBAAwBK,EAAME,MAAMC,OAAO,sCACxCH,EAAMT,cAMZ,IAAMe,EAAOC,EAAOC,IAAIC,WAAgC,CAC7DC,kBAAmB1B,IADJyB,WAAA,CAAAE,YAAA,uBAAGJ,CAAH,CAAA,GAAA,IAAA,IAAA,KAGZP,IAAU,IAAAY,EAAAC,EACX,IAAIC,EAAed,EAAMe,MAAQ,MAAQ,EACP,iBAAvBf,EAAMc,cAA2D,iBAAvBd,EAAMc,eACzDA,EAAed,EAAMc,cAGvB,IAAME,EAAQhB,EAAMgB,MAAQhB,EAAMgB,MAAQ,OAC1C,IAAMC,EAASjB,EAAMiB,OAASjB,EAAMiB,OAAS,OAE7C,OAAOlB,EAEMC,CAAAA,iCAAAA,UAAAA,WAAAA,kBAAAA,6HAAAA,uBAAAA,sBAAAA,mEAAAA,EAAMkB,OAAS,eAAiB,QACjB,iBAAVF,EAAqBA,EAA5B,GAAAtB,OAAuCsB,EAAvC,MACmB,iBAAXC,EAAsBA,YAAYA,EAAzC,MAC+B,iBAAjBH,EAA4BA,EAAkBA,GAAAA,OAAAA,EALxE,MAWoB1B,EAC+B,QAA3BY,EAAAA,EAAMmB,yBAAAA,IAAqBP,EAAAA,EAAA,IAZnD,UAaqBZ,EAAMoB,sBAb3B,IAAAP,EAAAA,EAa6C,QAS5Cb,IACD,IAAMqB,EAASrB,EAAMH,UAAYD,EAAaC,UAAYD,EAAaS,QAEvE,OAAOL,EAAMF,UAAYuB,EAAOvB,UAAYuB,EAAOjB,UAGnDkB"}

package/components/Spacer/Spacer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.js","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpacerProps\n  extends BaseProps,\n    DisplayProperty,\n    ResponsiveNamedProperty<'top'>,\n    ResponsiveNamedProperty<'right'>,\n    ResponsiveNamedProperty<'bottom'>,\n    ResponsiveNamedProperty<'left'>,\n    ResponsiveNamedProperty<'padding'>,\n    ResponsiveNamedProperty<'paddingTop'>,\n    ResponsiveNamedProperty<'paddingRight'>,\n    ResponsiveNamedProperty<'paddingBottom'>,\n    ResponsiveNamedProperty<'paddingLeft'>,\n    ResponsiveNamedProperty<'margin'>,\n    ResponsiveNamedProperty<'marginTop'>,\n    ResponsiveNamedProperty<'marginRight'>,\n    ResponsiveNamedProperty<'marginBottom'>,\n    ResponsiveNamedProperty<'marginLeft'> {\n  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n}\n\nSpacer.displayName = 'Spacer'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n */\nexport function Spacer(props: SpacerProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Spacer","props","_jsx","Styled.Root","_objectSpread","displayName"],"mappings":"8HAqDO,SAASA,EAAOC,GACrB,OAAOC,EAACC,EAADC,EAAA,GAAiBH,IAtB1BD,EAAOK,YAAc"}

package/components/Spacer/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Spacer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { SpacerProps } from './Spacer'\n\nexport const Root = styled.div.withConfig<SpacerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'onClick'].includes(prop) || prop.includes('data-'),\n})`\n  ${(props) => (props.display ? display(props.display) : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","display","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","_ref11","topXS","topS","topM","topL","topXL","_ref12","rightXS","rightS","rightM","rightL","rightXL","_ref13","bottomXS","bottomS","bottomM","bottomL","bottomXL","_ref14","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"+KAKO,IAAMA,EAAOC,EAAOC,IAAIC,WAAwB,CACrDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,QAAS,WAAWC,SAASD,IAASA,EAAKC,SAAS,WAD5FH,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAGZO,GAAWA,EAAMC,QAAUA,EAAQD,EAAMC,SAAW,OAGpDD,GAAWA,EAAME,QAAUC,EAASH,EAAME,QAAS,WAAa,OAChEF,GAAWA,EAAMI,WAAaD,EAASH,EAAMI,WAAY,eAAiB,OAC1EJ,GAAWA,EAAMK,aAAeF,EAASH,EAAMK,aAAc,iBAAmB,OAChFL,GAAWA,EAAMM,cAAgBH,EAASH,EAAMM,cAAe,kBAAoB,OACnFN,GAAWA,EAAMO,YAAcJ,EAASH,EAAMO,YAAa,gBAAkB,OAI7EP,GAAWA,EAAMQ,OAASL,EAASH,EAAMQ,OAAQ,UAAY,OAC7DR,GAAWA,EAAMS,UAAYN,EAASH,EAAMS,UAAW,cAAgB,OACvET,GAAWA,EAAMU,YAAcP,EAASH,EAAMU,YAAa,gBAAkB,OAC7EV,GAAWA,EAAMW,aAAeR,EAASH,EAAMW,aAAc,iBAAmB,OAChFX,GAAWA,EAAMY,WAAaT,EAASH,EAAMY,WAAY,eAAiB,OAI3EC,IAAA,IAACC,UAAEA,EAAFC,SAAaA,EAAbC,SAAuBA,EAAvBC,SAAiCA,EAAjCC,UAA2CA,GAA5CL,EAAA,OACAM,EAAwB,CAAEC,MAAO,CAAEN,UAAAA,EAAWC,SAAAA,EAAUC,SAAAA,EAAUC,SAAAA,EAAUC,UAAAA,GAAaG,YAAa,eACtGC,IAAA,IAACC,aAAEA,EAAFC,YAAgBA,EAAhBC,YAA6BA,EAA7BC,YAA0CA,EAA1CC,aAAuDA,GAAxDL,EAAA,OACAH,EAAwB,CACtBC,MAAO,CAAEG,aAAAA,EAAcC,YAAAA,EAAaC,YAAAA,EAAaC,YAAAA,EAAaC,aAAAA,GAC9DN,YAAa,mBAEfO,IAAA,IAACC,eAAEA,EAAFC,cAAkBA,EAAlBC,cAAiCA,EAAjCC,cAAgDA,EAAhDC,eAA+DA,GAAhEL,EAAA,OACAT,EAAwB,CACtBC,MAAO,CAAES,eAAAA,EAAgBC,cAAAA,EAAeC,cAAAA,EAAeC,cAAAA,EAAeC,eAAAA,GACtEZ,YAAa,qBAEfa,IAAA,IAACC,gBAAEA,EAAFC,eAAmBA,EAAnBC,eAAmCA,EAAnCC,eAAmDA,EAAnDC,gBAAmEA,GAApEL,EAAA,OACAf,EAAwB,CACtBC,MAAO,CAAEe,gBAAAA,EAAiBC,eAAAA,EAAgBC,eAAAA,EAAgBC,eAAAA,EAAgBC,gBAAAA,GAC1ElB,YAAa,sBAEfmB,IAAA,IAACC,cAAEA,EAAFC,aAAiBA,EAAjBC,aAA+BA,EAA/BC,aAA6CA,EAA7CC,cAA2DA,GAA5DL,EAAA,OACArB,EAAwB,CACtBC,MAAO,CAAEqB,cAAAA,EAAeC,aAAAA,EAAcC,aAAAA,EAAcC,aAAAA,EAAcC,cAAAA,GAClExB,YAAa,oBAKfyB,IAAA,IAACC,SAAEA,EAAFC,QAAYA,EAAZC,QAAqBA,EAArBC,QAA8BA,EAA9BC,SAAuCA,GAAxCL,EAAA,OACA3B,EAAwB,CAAEC,MAAO,CAAE2B,SAAAA,EAAUC,QAAAA,EAASC,QAAAA,EAASC,QAAAA,EAASC,SAAAA,GAAY9B,YAAa,cACjG+B,IAAA,IAACC,YAAEA,EAAFC,WAAeA,EAAfC,WAA2BA,EAA3BC,WAAuCA,EAAvCC,YAAmDA,GAApDL,EAAA,OACAjC,EAAwB,CACtBC,MAAO,CAAEiC,YAAAA,EAAaC,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,YAAAA,GAC1DpC,YAAa,kBAEfqC,IAAA,IAACC,cAAEA,EAAFC,aAAiBA,EAAjBC,aAA+BA,EAA/BC,aAA6CA,EAA7CC,cAA2DA,GAA5DL,EAAA,OACAvC,EAAwB,CACtBC,MAAO,CAAEuC,cAAAA,EAAeC,aAAAA,EAAcC,aAAAA,EAAcC,aAAAA,EAAcC,cAAAA,GAClE1C,YAAa,oBAEf2C,IAAA,IAACC,eAAEA,EAAFC,cAAkBA,EAAlBC,cAAiCA,EAAjCC,cAAgDA,EAAhDC,eAA+DA,GAAhEL,EAAA,OACA7C,EAAwB,CACtBC,MAAO,CAAE6C,eAAAA,EAAgBC,cAAAA,EAAeC,cAAAA,EAAeC,cAAAA,EAAeC,eAAAA,GACtEhD,YAAa,qBAEfiD,IAAA,IAACC,aAAEA,EAAFC,YAAgBA,EAAhBC,YAA6BA,EAA7BC,YAA0CA,EAA1CC,aAAuDA,GAAxDL,EAAA,OACAnD,EAAwB,CACtBC,MAAO,CAAEmD,aAAAA,EAAcC,YAAAA,EAAaC,YAAAA,EAAaC,YAAAA,EAAaC,aAAAA,GAC9DtD,YAAa,mBAIdrB,GAAWA,EAAM4E,IAAMzE,EAASH,EAAM4E,IAAK,eAAiB,OAC5D5E,GAAWA,EAAM6E,MAAQ1E,EAASH,EAAM6E,MAAO,iBAAmB,OAClE7E,GAAWA,EAAM8E,OAAS3E,EAASH,EAAM8E,OAAQ,kBAAoB,OACrE9E,GAAWA,EAAM+E,KAAO5E,EAASH,EAAM+E,KAAM,gBAAkB,OAEhEC,IAAA,IAACC,MAAEA,EAAFC,KAASA,EAATC,KAAeA,EAAfC,KAAqBA,EAArBC,MAA2BA,GAA5BL,EAAA,OACA7D,EAAwB,CAAEC,MAAO,CAAE6D,MAAAA,EAAOC,KAAAA,EAAMC,KAAAA,EAAMC,KAAAA,EAAMC,MAAAA,GAAShE,YAAa,mBAClFiE,IAAA,IAACC,QAAEA,EAAFC,OAAWA,EAAXC,OAAmBA,EAAnBC,OAA2BA,EAA3BC,QAAmCA,GAApCL,EAAA,OACAnE,EAAwB,CAAEC,MAAO,CAAEmE,QAAAA,EAASC,OAAAA,EAAQC,OAAAA,EAAQC,OAAAA,EAAQC,QAAAA,GAAWtE,YAAa,qBAC5FuE,IAAA,IAACC,SAAEA,EAAFC,QAAYA,EAAZC,QAAqBA,EAArBC,QAA8BA,EAA9BC,SAAuCA,GAAxCL,EAAA,OACAzE,EAAwB,CACtBC,MAAO,CAAEyE,SAAAA,EAAUC,QAAAA,EAASC,QAAAA,EAASC,QAAAA,EAASC,SAAAA,GAC9C5E,YAAa,sBAEf6E,IAAA,IAACC,OAAEA,EAAFC,MAAUA,EAAVC,MAAiBA,EAAjBC,MAAwBA,EAAxBC,OAA+BA,GAAhCL,EAAA,OACA/E,EAAwB,CAAEC,MAAO,CAAE+E,OAAAA,EAAQC,MAAAA,EAAOC,MAAAA,EAAOC,MAAAA,EAAOC,OAAAA,GAAUlF,YAAa"}

package/components/Spinner/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {\n  /**\n   * Size of spinner\n   */\n  size?: 'l' | 's' | 'm' | number\n  /**\n   * Vertically center the spinner inside 100vh container\n   */\n  fullscreen?: boolean\n  /**\n   * Inline. Has no top/bottom margins\n   */\n  inline?: boolean\n}\n\nSpinner.defaultProps = {\n  size: 'm',\n}\n\nSpinner.displayName = 'Spinner'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport function Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps) {\n  const _className = useClassname(Spinner.displayName, className)\n\n  return <Styled.Root className={_className} {...props} />\n}\n"],"names":["Spinner","_ref","className","props","_objectWithoutProperties","_excluded","_className","useClassname","displayName","_jsx","Styled.Root","_objectSpread","defaultProps","size"],"mappings":"2QA+BO,SAASA,EAA6EC,GAAA,IAArEC,UAAEA,GAAmED,EAArDE,EAAqDC,EAAAH,EAAAI,GAC3F,IAAMC,EAAaC,EAAaP,EAAQQ,YAAaN,GAErD,OAAOO,EAACC,EAADC,EAAA,CAAaT,UAAWI,GAAgBH,IAdjDH,EAAQY,aAAe,CACrBC,KAAM,KAGRb,EAAQQ,YAAc"}

package/components/Spinner/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Spinner/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { responsiveNamedProperty, property, ResponsiveNamedProperty, CalcProperty } from 'mixins/responsive-property'\nimport { SpinnerProps } from './Spinner'\n\nconst SIZES = {\n  l: 60,\n  m: 40,\n  s: 20,\n}\n\nconst spinner = keyframes`\n  to {\n      transform: rotate(360deg);\n  }\n`\n\nconst fullscreen = css`\n  height: 100vh;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nconst inline = css`\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n`\n\nconst sizeBuilder: CalcProperty = (size, sizing = 'px') => {\n  if (size === 0) return null\n  return css`\n    width: ${size as number}${sizing};\n    height: ${size as number}${sizing};\n    &:before {\n      width: ${size as number}${sizing};\n      height: ${size as number}${sizing};\n      margin-top: -${(size as number) / 2}${sizing};\n      margin-left: -${(size as number) / 2}${sizing};\n    }\n  `\n}\n\nconst getSize = (size: ResponsiveNamedProperty<'size'>['size']): number => {\n  if (!size || typeof size === 'boolean') return 0\n  if (typeof size === 'number') return size\n  if (SIZES[size]) return SIZES[size]\n  return 0\n}\n\nexport const Root = styled.div.withConfig<SpinnerProps>({\n  shouldForwardProp: (prop) => ['className', 'style'].includes(prop),\n})`\n  display: block;\n  position: relative;\n  display: block;\n  margin: 30px auto;\n  &:before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border-radius: 50%;\n    border: 2px solid #eee;\n    border-top-color: #459ff3;\n    animation: ${spinner} 0.6s linear infinite;\n  }\n  ${(props) => (props.inline ? inline : null)}\n\n  ${(props) => (props.size ? property(SIZES[props.size] || props.size, sizeBuilder) : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: {\n        sizeXS: getSize(sizeXS),\n        sizeS: getSize(sizeS),\n        sizeM: getSize(sizeM),\n        sizeL: getSize(sizeL),\n        sizeXL: getSize(sizeXL),\n      },\n      cssProperty: sizeBuilder,\n    })\n  }}\n\n  ${(props) => (props.fullscreen ? fullscreen : null)}\n`\n"],"names":["SIZES","l","m","s","spinner","keyframes","fullscreen","css","inline","sizeBuilder","size","i","sizing","getSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","property","_ref","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"sJAIA,IAAMA,EAAQ,CACZC,EAAG,GACHC,EAAG,GACHC,EAAG,IAGL,IAAMC,EAAUC,EAAhB,CAAA,kCAMA,IAAMC,EAAaC,EAAnB,CAAA,uFAQA,IAAMC,EAASD,EAAf,CAAA,yDAMA,IAAME,EAA4B,SAACC,EAADC,GAAyB,IAAlBC,+BAAPD,EAAAA,EAAgB,KAChD,OAAa,IAATD,EAAmB,KAChBH,EAAP,CAAA,SAAA,GAAA,WAAA,GAAA,mBAAA,GAAA,WAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,MACWG,EAAiBE,EAChBF,EAAiBE,EAEhBF,EAAiBE,EAChBF,EAAiBE,EACXF,EAAkB,EAAIE,EACrBF,EAAkB,EAAIE,IAK7C,IAAMC,EAAWH,GACVA,GAAwB,kBAATA,EACA,iBAATA,EAA0BA,EACjCV,EAAMU,GAAcV,EAAMU,GACvB,EAHwC,EAM1C,IAAMI,EAAOC,EAAOC,IAAIC,WAAyB,CACtDC,kBAAoBC,GAAS,CAAC,YAAa,SAASC,SAASD,KAD9CF,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,0NAAA,0BAAA,IAAA,IAAA,IAAA,IAgBAX,GAEZkB,GAAWA,EAAMd,OAASA,EAAS,OAEnCc,GAAWA,EAAMZ,KAAOa,EAASvB,EAAMsB,EAAMZ,OAASY,EAAMZ,KAAMD,GAAe,OAClFe,IAA6C,IAA5CC,OAAEA,EAAFC,MAAUA,EAAVC,MAAiBA,EAAjBC,MAAwBA,EAAxBC,OAA+BA,GAAaL,EAC7C,OAAOM,EAAwB,CAC7BC,MAAO,CACLN,OAAQZ,EAAQY,GAChBC,MAAOb,EAAQa,GACfC,MAAOd,EAAQc,GACfC,MAAOf,EAAQe,GACfC,OAAQhB,EAAQgB,IAElBG,YAAavB,OAIda,GAAWA,EAAMhB,WAAaA,EAAa"}

package/components/Switcher/Switcher.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switcher.js","sources":["../../../../src/components/Switcher/Switcher.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { SwitcherProps } from './types'\nimport { DEFAULT_PROPS, BRAND_PROPS } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Switcher'\n\nconst Switcher = forwardRef<HTMLDivElement, SwitcherProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    value = false,\n    disabled = false,\n    tabIndex,\n    id,\n    name,\n    children,\n    onChange,\n    ...config\n  } = useConfigPriority<SwitcherProps>(theme.components?.Switcher, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n  const propsByPreset = brandPresetUsed ? BRAND_PROPS : DEFAULT_PROPS\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!disabled && typeof onChange === 'function') onChange(event.target.checked, event)\n  }\n\n  return (\n    <Styled.Root\n      {...config}\n      {...propsByPreset}\n      ref={ref}\n      checked={value}\n      disabled={disabled}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        id={id}\n        name={name}\n        checked={value}\n        type='checkbox'\n        tabIndex={tabIndex}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <Styled.Switcher htmlFor={id} {...propsByPreset} />\n      {children ? <Styled.Label htmlFor={id}>{children}</Styled.Label> : null}\n    </Styled.Root>\n  )\n})\n\nSwitcher.displayName = COMPONENT_NAME\n\nexport { Switcher, COMPONENT_NAME }\n\nexport type { SwitcherProps }\n"],"names":["COMPONENT_NAME","Switcher","forwardRef","props","ref","_theme$components","theme","useTheme","useConfigPriority","components","value","disabled","tabIndex","id","name","children","onChange","_useConfigPriority","config","_objectWithoutProperties","_excluded","brandPresetUsed","preset","propsByPreset","BRAND_PROPS","DEFAULT_PROPS","_jsxs","Styled.Root","checked","_jsx","Styled.Input","type","event","target","Styled.Switcher","_objectSpread","htmlFor","Styled.Label","displayName"],"mappings":"ygBAOMA,IAAAA,EAAiB,WAEjBC,IAAAA,EAAWC,GAAAA,CAA2CC,EAAOC,KAAQ,IAAAC,EACzE,IAAMC,EAAQC,IAEd,IASIC,EAAAA,UAAiCF,EAAAA,EAAMG,kBAAAA,aAANJ,EAAkBJ,SAAUE,IAT3DO,MACJA,GAAAA,EADIC,SAEJA,KAFIC,SAGJA,EAHIC,GAIJA,EAJIC,KAKJA,EALIC,SAMJA,EANIC,SAOJA,GAPFC,EAQKC,EARLC,EAAAF,EAAAG,GAWA,IAAIC,EAAmC,UAAjBf,EAAMgB,OACC,iBAAlBJ,EAAOI,SAAqBD,EAAoC,UAAlBH,EAAOI,QAEhE,IAAMC,EAAgBF,EAAkBG,EAAcC,EAMtD,OACEC,EAACC,EACKT,EAAAA,EAAAA,EAAAA,GAAAA,GACAK,GAFN,GAAA,CAGEnB,IAAKA,EACLwB,QAASlB,EACTC,SAAUA,EACVU,gBAAiBA,EANnBN,SAQE,CAAAc,EAACC,EAAD,CACEjB,GAAIA,EACJC,KAAMA,EACNc,QAASlB,EACTqB,KAAK,WACLnB,SAAUA,EACVI,SAnB4DgB,IAC3DrB,GAAgC,mBAAbK,GAAyBA,EAASgB,EAAMC,OAAOL,QAASI,IAmB5ErB,SAAUA,IAEZkB,EAACK,EAADC,EAAA,CAAiBC,QAASvB,GAAQU,IACjCR,EAAWc,EAACQ,EAAD,CAAcD,QAASvB,EAAvBE,SAA4BA,IAA2B,YAKzEd,EAASqC,YAjDc"}

package/components/Switcher/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Switcher/constants.ts"],"sourcesContent":["import type { SwitcherPropsByPreset } from './types'\n\nexport const DEFAULT_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 60,\n  switcherHeight: 32,\n  borderRadius: 40,\n  dotSize: 24,\n}\n\nexport const BRAND_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 44,\n  switcherHeight: 24,\n  borderRadius: 48,\n  dotSize: 16,\n}\n"],"names":["DEFAULT_PROPS","switcherWidth","switcherHeight","borderRadius","dotSize","BRAND_PROPS"],"mappings":"AAEO,IAAMA,EAAuC,CAClDC,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS,IAGJ,IAAMC,EAAqC,CAChDJ,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS"}

package/components/Switcher/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Switcher/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport type { StyledSwitcherProps, SwitcherPropsByPreset } from './types'\n\nexport const Input = styled.input`\n  position: absolute;\n  overflow: visible;\n  z-index: -1;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n`\n\nexport const Label = styled.label`\n  display: inline;\n  padding-left: 14px;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\nexport const Switcher = styled.label<SwitcherPropsByPreset>`\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: ${(props) => props.switcherWidth}px;\n  height: ${(props) => props.switcherHeight}px;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.3s ease, background-image 0.3s ease;\n  border-radius: ${(props) => props.borderRadius}px;\n  flex: 0 0 auto;\n\n  &::before {\n    position: absolute;\n    top: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    left: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    display: block;\n    width: ${(props) => props.dotSize}px;\n    height: ${(props) => props.dotSize}px;\n    content: '';\n    transition: background 0.3s ease, left 0.3s ease;\n    transform: translateZ(0);\n    border-radius: 50%;\n  }\n`\n\nconst disabledStyles = `\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`\n\nconst checkedStyles = css<StyledSwitcherProps>`\n  & ${Switcher} {\n    &::before {\n      left: ${({ switcherWidth, switcherHeight, dotSize }) =>\n        switcherWidth - dotSize - (switcherHeight - dotSize) / 2}px;\n    }\n  }\n`\n\nconst baseStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${props.switcherHeight}px;\n    line-height: ${props.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `}\n`\n\nconst defaultPresetStyle = css<StyledSwitcherProps>`\n  ${(props) => {\n    const color = props.color || 'atlantis'\n\n    return `\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${props.theme.colors.white};\n          box-shadow: ${props.disabled ? 'none' : '0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${\n          props.inactiveColor\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(props.inactiveColor, props)).lighten(10).toString()},\n                  ${getColor(props.inactiveColor, props)}\n                );\n              `\n            : ''\n        }\n\n        ${\n          props.checked\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(color, props)).lighten(10).toString()},\n                  ${getColor(color, props)}\n                );\n              `\n            : ''\n        }\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(color, props)};\n        outline-offset: 2px;\n      }\n    `\n  }}\n`\n\nconst brandPresetStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    & ${Switcher} {\n      background-color: ${\n        props.disabled\n          ? props.theme.colors[props.checked ? 'bg-disabled-active' : 'bg-disabled-small']\n          : props.theme.colors[props.checked ? 'bg-brand-primary-basic' : 'bg-onmain-tertiary']\n      };\n\n      &::before {\n        background-color: ${props.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${props.disabled ? 'none' : '0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!props.checked && props.inactiveColor ? `background-color: ${getColor(props.inactiveColor, props)};` : ''}\n      ${props.checked && props.color ? `background-color: ${getColor(props.color, props)};` : ''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `}\n`\n\nexport const Root = styled.div.withConfig<StyledSwitcherProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  ${baseStyles}\n\n  ${(props) => (props.checked ? checkedStyles : '')}\n  ${(props) => (props.disabled ? disabledStyles : '')}\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandPresetStyles : defaultPresetStyle)}\n`\n"],"names":["Input","styled","input","withConfig","componentId","Label","label","Switcher","props","switcherWidth","switcherHeight","borderRadius","_ref","dotSize","_ref2","disabledStyles","concat","checkedStyles","css","_ref3","baseStyles","defaultPresetStyle","color","theme","colors","white","disabled","inactiveColor","tinycolor","getColor","lighten","toString","checked","brandPresetStyles","Root","div","shouldForwardProp","prop","includes","_ref4","brandPresetUsed"],"mappings":"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"}

package/components/Tab/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left && <Styled.Edge />}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right && <Styled.Edge after />}\n          </>\n        ) : (\n          <>\n            {typeof children === 'function' ? (\n              children({ baseTextProps, textProps })\n            ) : (\n              <Text {...baseTextProps} {...textProps}>\n                {children}\n              </Text>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","_excluded","baseTextProps","as","color","weight","_jsx","Styled.Root","tabTheme","undefined","preset","_jsxs","_Fragment","left","Styled.Edge","Styled.Content","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"wgBASMA,IAAAA,EAAiB,MAYjBC,IAAAA,EAAiDC,EACrDC,IAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,KAAcA,EAAO,SAArBC,UAA+BA,EAAY,GAA3CC,SAA+CA,EAA/CC,MAAyDA,GAAwBN,EAAdO,IAAcP,EAAvFQ,GAEA,IAAMC,EAA2B,CAAEC,GAAI,OAAQR,KAAM,UAAWS,MAAO,UAAWC,OAAQ,WAE1F,OACEC,EAACC,SACKP,GADN,GAAA,CAEEL,KAAMA,EACNa,SAAUT,EACVH,UAAuBa,IAAjBT,EAAUG,GAAmBP,SACnCF,IAAKA,EALPI,SAOwB,UAArBE,EAAUU,OACTC,EAAAC,EAAA,CAAAd,SAAA,CACGE,EAAUa,MAAQP,EAACQ,EADtB,IAEER,EAACS,EAAD,CAAAjB,SACuB,mBAAbA,EACNA,EAAS,CAAEI,cAAAA,EAAeL,UAAAA,IAE1BS,EAACU,EAASd,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBL,GAA7B,GAAA,CAAAC,SACGA,OAINE,EAAUiB,OAASX,EAACQ,EAAD,CAAaI,OAAK,OAGxCZ,EAAAM,EAAA,CAAAd,SACuB,mBAAbA,EACNA,EAAS,CAAEI,cAAAA,EAAeL,UAAAA,IAE1BS,EAACU,EAASd,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBL,GAA7B,GAAA,CAAAC,SACGA,aAQf,CACEqB,YAvDmB,MAwDnBC,MAAQ3B,GACkB,UAAjBA,EAAMiB,OAAqBW,EAAQC"}

package/components/Tab/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Tab/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 60,\n    fontSize: 20,\n  },\n  xxl: {\n    height: 56,\n    fontSize: 20,\n  },\n  xl: {\n    height: 52,\n    fontSize: 18,\n  },\n  l: {\n    height: 48,\n    fontSize: 18,\n  },\n  m: {\n    height: 44,\n    fontSize: 16,\n  },\n  s: {\n    height: 40,\n    fontSize: 16,\n  },\n  xs: {\n    height: 36,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 32,\n    fontSize: 14,\n  },\n  xxxs: {\n    height: 28,\n    fontSize: 12,\n  },\n}\n"],"names":["SIZES","xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU"}

package/components/Tab/default-constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Tab/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {},\n  xxl: {},\n  xl: {},\n  l: {},\n  m: {},\n  s: {},\n  xs: {},\n  xxs: {},\n  xxxs: {},\n}\n"],"names":["SIZES_DEFAULT","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAuB,CAClCC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,GACLC,KAAM"}

package/components/Tab/images/arrow.module.svg.js

@@ -1,2 +0,0 @@
-import*as r from'react';var e;function t(){return t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=n=>r.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 21 48",fill:"none",preserveAspectRatio:"none"},n),e||(e=r.createElement("path",{d:"M22 0h-3L1 24l18 24h3",fill:"currentcolor"})));export{n as default};
-//# sourceMappingURL=arrow.module.svg.js.map

package/components/Tab/images/arrow.module.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrow.module.svg.js","sources":["../../../../../src/components/Tab/images/arrow.module.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 21 48\" fill=\"none\" preserveAspectRatio=\"none\"><path d=\"M22 0h-3L1 24l18 24h3\" fill=\"currentcolor\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgArrowmodule","props","React","createElement","xmlns","viewBox","fill","preserveAspectRatio","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAyCC,GACvBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,6BACPC,QAAS,YACTC,KAAM,OACNC,oBAAqB,QACpBN,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEK,EAAG,wBACHF,KAAM"}

package/components/Tab/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Tab/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledTabProps, StyledTabEdgeProps, TabPalette } from './types'\nimport Arrow from './images/arrow.module.svg'\n\nconst shouldForwardTabProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'active',\n      'compact',\n      'crispy',\n      'crispyCompact',\n      'tabTheme',\n      'left',\n      'right',\n      'rounded',\n      'outline',\n      'onColored',\n      'black',\n    ].includes(propKey)\n)\n\nconst DEFAULT_STYLES = {\n  default: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 16px;\n      font-weight: bold;\n      padding-bottom: 12px;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 60px;\n      }\n    `}\n  `,\n  compact: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 16px;\n      font-weight: normal;\n      padding-bottom: 10px;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 20px;\n      }\n    `}\n  `,\n  crispyCompact: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 6px;\n      text-transform: uppercase;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 18px;\n      }\n    `}\n  `,\n  crispy: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 14px;\n      text-transform: uppercase;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 32px;\n      }\n    `}\n  `,\n}\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n  height: 100%;\n  padding: 0 1em;\n  border: 1px solid transparent;\n  transition-property: background-color, border-color;\n`\n\nexport const Edge = styled(Arrow).withConfig({\n  shouldForwardProp: () => false,\n})<StyledTabEdgeProps>`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  height: 100%;\n  transition-property: color, stroke;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: TabPalette) => `\n  & > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${Edge} {\n    color: ${palette.backgroundColor};\n    stroke: ${palette.borderColor};\n  }\n  &:hover > ${Content} {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${Edge} {\n    color: ${palette.backgroundColorHover};\n    stroke: ${palette.borderColorHover};\n  }\n  &:disabled > ${Content} {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  &:disabled > ${Edge} {\n    color: ${palette.backgroundColorDisabled};\n    stroke: ${palette.borderColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    default: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-primary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['border-onmain-default-large'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['border-onmain-default-large'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    default: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(10).toString() as CSSColor),\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(10).toString() as CSSColor),\n          colorHover: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['bg-disabled-small'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : props.theme.colors['bg-brand-primary-500'],\n          borderColor: props.theme.colors['bg-onmain-primary'],\n          colorHover: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).darken(3).toString() as CSSColor),\n          borderColorHover: props.theme.colors['bg-onmain-primary'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['bg-disabled-small'],\n          ...props.palette,\n        })}\n    `,\n  },\n  black: {\n    default: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['bg-onmain-tertiary'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['bg-onmain-primary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['border-onmain-default-large'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['border-onmain-default-large'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledTabProps>({\n    shouldForwardProp: shouldForwardTabProp,\n  })\n  .attrs(<Required<Pick<StyledTabProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '2.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  ${(props) => {\n    const radius = props.rounded ? 8 : 0\n    const leftRadius = props.left ? 0 : radius\n    const rightRadius = props.right ? 0 : radius\n\n    return `\n      box-sizing: border-box;\n      display: ${props.preset === 'brand' ? 'inline-flex' : 'inline-block'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      isolation: isolate;\n      flex-shrink: 0;\n      appearance: none;\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      text-decoration: none;\n      width: max-content;\n      & > ${Content}, \n      & > ${Edge} {\n        transition-duration: 250ms;\n      }\n      & > ${Content} {\n        border-radius: ${leftRadius}px ${rightRadius}px ${rightRadius}px ${leftRadius}px;\n        border-left-style: ${props.left ? 'none' : 'solid'};\n        border-right-style: ${props.right ? 'none' : 'solid'};\n        margin-left: ${props.left ? -2 : 0}px;\n        margin-right: ${props.right ? -2 : 0}px;\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      let schema = COLOR_SCHEMA.default\n\n      if (props.black) schema = COLOR_SCHEMA.black\n      if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    if (props.compact || props.tabTheme === 'compact') return DEFAULT_STYLES.compact\n    if (props.crispyCompact || props.tabTheme === 'crispyCompact') return DEFAULT_STYLES.crispyCompact\n    if (props.crispy || props.tabTheme === 'crispy') return DEFAULT_STYLES.crispy\n\n    return DEFAULT_STYLES.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n  ${(props) => props.borderColor && `border-color: ${getColor(props.borderColor, props)};`}\n`\n"],"names":["shouldForwardTabProp","createShouldForwardProp","propKey","includes","DEFAULT_STYLES","default","css","props","active","theme","colors","primary","mineShaft","concat","compact","crispyCompact","crispy","Content","styled","span","withConfig","componentId","Edge","Arrow","shouldForwardProp","after","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","_objectSpread","tinycolor","darken","toString","outline","onColored","lighten","black","Root","button","attrs","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","radius","rounded","leftRadius","left","rightRadius","right","preset","disabled","schema","tabTheme","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"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"}

package/components/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { ResponsiveProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { Tab } from 'components/Tab'\nimport * as Styled from './style'\n\nexport interface TabsProps extends BaseProps, ColorProperty, ColorProperty<'borderColor'> {\n  /**\n   * Primary content.\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  className?: string\n  classNameInner?: string\n  classNameContent?: string\n  noBorder?: boolean\n  width?: ResponsiveProperty<number>\n}\n\nTabs.defaultProps = {\n  borderColor: 'alto',\n  color: 'rgba(247, 247, 247, 1)',\n}\n\nTabs.Tab = Tab\n\n/**\n *\n * Use only with default preset\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'borderColor'>`](#/Миксины)\n */\nexport function Tabs(props: TabsProps) {\n  const { children, className, classNameInner, classNameContent, borderColor, color, noBorder, style, width } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      width={width}\n      borderColor={borderColor}\n      color={color}\n      noBorder={noBorder}\n    >\n      <Styled.Inner className={classNameInner}>\n        <Styled.Content noBorder={noBorder} className={classNameContent}>\n          {children}\n        </Styled.Content>\n      </Styled.Inner>\n    </Styled.Root>\n  )\n}\n"],"names":["Tabs","props","children","className","classNameInner","classNameContent","borderColor","color","noBorder","style","width","_jsx","Styled.Root","Styled.Inner","Styled.Content","defaultProps","Tab"],"mappings":"sIAqCO,SAASA,EAAKC,GACnB,IAAMC,SAAEA,EAAFC,UAAYA,EAAZC,eAAuBA,EAAvBC,iBAAuCA,EAAvCC,YAAyDA,EAAzDC,MAAsEA,EAAtEC,SAA6EA,EAA7EC,MAAuFA,EAAvFC,MAA8FA,GAAUT,EAE9G,OACEU,EAACC,EAAD,CACET,UAAWA,EACXM,MAAOA,EACPC,MAAOA,EACPJ,YAAaA,EACbC,MAAOA,EACPC,SAAUA,EANZN,SAQES,EAACE,EAAD,CAAcV,UAAWC,EAAzBF,SACES,EAACG,EAAD,CAAgBN,SAAUA,EAAUL,UAAWE,EAA/CH,SACGA,QA9BXF,EAAKe,aAAe,CAClBT,YAAa,OACbC,MAAO,0BAGTP,EAAKgB,IAAMA"}

package/components/Tabs/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Tabs/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { TabsProps } from './Tabs'\n\nconst BEFORE_AFTER_SHADOW_WIDTH = 20\n\nconst borderColor = (color: string) => css`\n  border-bottom: 1px solid ${color};\n`\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<TabsProps, 'noBorder' | 'borderColor' | 'color' | 'width'>>`\n  color: rgba(247, 247, 247, 1);\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  flex-direction: row;\n  ${(props) => (props.borderColor && !props.noBorder ? color(props.borderColor, borderColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n  ${responsiveProperty('width')}\n`\n\nexport const Inner = styled.div`\n  position: relative;\n  display: block;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0 -20px;\n  box-sizing: border-box;\n  background: transparent;\n  overflow: visible;\n  max-width: 100%;\n  width: 100%;\n  &::before,\n  &::after {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    display: block;\n    content: '';\n    width: ${BEFORE_AFTER_SHADOW_WIDTH}px;\n    height: 100%;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(-90deg, rgba(247, 247, 247, 0) 0%, currentColor 100%);\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, currentColor 100%);\n  }\n`\n\nexport const Content = styled.div<Pick<TabsProps, 'noBorder'>>`\n  position: relative;\n  z-index: 1;\n  display: block;\n  padding: 0;\n  margin: 0 auto;\n  white-space: nowrap;\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  color: ${(props) => props.theme.colors.mineShaft};\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    height: 0;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    height: 0px;\n    background: transparent;\n    visibility: hidden;\n  }\n\n  ${(props) =>\n    props.noBorder\n      ? css`\n          display: flex;\n          justify-content: space-between;\n          width: 100%;\n        `\n      : null}\n`\n"],"names":["borderColor","color","css","Root","styled","div","withConfig","shouldForwardProp","prop","componentId","props","noBorder","responsiveProperty","Inner","Content","theme","colors","mineShaft"],"mappings":"kKAOA,IAAMA,EAAeC,GAAkBC,EAAnB,CAAA,2BAAA,KACSD,GAGtB,IAAME,EAAOC,EAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAkB,aAATA,IADdF,WAAA,CAAAG,YAAA,uBAAGL,CAAH,CAAA,yGAAA,IAAA,IAAA,KAQZM,GAAWA,EAAMV,cAAgBU,EAAMC,SAAWV,EAAMS,EAAMV,YAAaA,GAAe,OAC1FU,GAAWA,EAAMT,MAAQA,EAAMS,EAAMT,OAAS,MAC/CW,EAAmB,UAGVC,IAAAA,EAAQT,EAAOC,IAAVC,WAAA,CAAAG,YAAA,uBAAGL,CAAH,CAAA,8PAAA,+MAnBgB,IAqDrBU,IAAAA,EAAUV,EAAOC,IAAVC,WAAA,CAAAG,YAAA,uBAAGL,CAAH,CAAA,uLAAA,iLAAA,KAWRM,GAAUA,EAAMK,MAAMC,OAAOC,YAepCP,GACDA,EAAMC,SACFT,EADJ,CAAA,2DAMI"}

package/components/Tag/Tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { TextProps } from 'components/Text'\nimport { DefaultColorNames } from 'theme/colors'\nimport * as Styled from './style'\n\nexport interface TagProps\n  extends BaseProps,\n    DisplayProperty,\n    ColorProperty,\n    ResponsiveNamedProperty<'height'>,\n    ResponsiveNamedProperty<'width'> {\n  as?: 'button' | 'div' | 'input' | 'label'\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Input type\n   */\n  inputType?: 'checkbox' | 'radio'\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * On click handler\n   */\n  onClick?(_e: React.MouseEvent<HTMLInputElement>): void\n  /**\n   * Whether or not Radio is checked\n   */\n  defaultChecked?: boolean\n  /**\n   * Value\n   */\n  value?: string | number\n  /** Children are placed before Text */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /** Inner Text content  */\n  content?: React.ReactNode\n  /** Inner Text component props */\n  textProps?: TextProps\n  /** Checked state */\n  checked?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Error state */\n  error?: boolean\n  /** If as = 'label' could provide for */\n  htmlFor?: string\n  /**\n   * inverse\n   */\n  inverse?: boolean\n  /**\n   * Size\n   */\n  size?: 'l' | 'm' | 's' | 'xs'\n}\n\nTag.defaultProps = {\n  display: 'inline-block',\n  as: 'button',\n  height: 40,\n}\n\nTagInput.defaultProps = {\n  display: 'inline-block',\n  height: 40,\n}\n\n// Prevent brakechanges\nTag.Input = TagInput\n\nTag.displayName = 'Tag'\n\nfunction TagInput(props: typeof TagInput.defaultProps & TagProps) {\n  return <Tag as='input' {...props} />\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'height'>`](#/Миксины)\n */\nexport function Tag(props: typeof Tag.defaultProps & TagProps) {\n  const {\n    as,\n    textProps,\n    content,\n    children,\n    htmlFor,\n    id,\n    name,\n    inputType,\n    value,\n    disabled,\n    onChange,\n    onClick,\n    inverse,\n    checked,\n    ...restProps\n  } = props\n\n  const buttonProps = as === 'button' ? { type: 'button' } : {}\n  const labelProps = as === 'label' ? { htmlFor } : {}\n  const inputProps = as === 'input' ? { htmlFor: id || name } : {}\n\n  return (\n    <Styled.Root\n      as={as === 'input' ? 'label' : as}\n      inverse={inverse}\n      checked={checked}\n      disabled={disabled}\n      onClick={as !== 'input' ? onClick : undefined}\n      {...labelProps}\n      {...buttonProps}\n      {...inputProps}\n      {...restProps}\n    >\n      {as === 'input' ? (\n        <input\n          id={id || name}\n          name={name}\n          type={inputType || 'checkbox'}\n          tabIndex={0}\n          onChange={(e) => {\n            e.persist()\n\n            return onChange && onChange(e)\n          }}\n          onClick={(e) => {\n            e.persist()\n\n            return onClick && onClick(e)\n          }}\n          defaultChecked={props.defaultChecked}\n          checked={checked}\n          value={value}\n          disabled={disabled}\n          hidden\n        />\n      ) : null}\n      {children}\n      <Styled.Text\n        size={14}\n        forwardedAs='span'\n        color={checked && !inverse ? DefaultColorNames.white : DefaultColorNames.mineShaft}\n        {...textProps}\n      >\n        {content}\n      </Styled.Text>\n    </Styled.Root>\n  )\n}\n"],"names":["TagInput","props","_jsx","Tag","_objectSpread","as","textProps","content","children","htmlFor","id","name","inputType","value","disabled","onChange","onClick","inverse","checked","restProps","_excluded","buttonProps","type","inputProps","_jsxs","Styled.Root","tabIndex","_onChange","_x","apply","this","arguments","toString","e","persist","_onClick","_x2","defaultChecked","hidden","Styled.Text","size","forwardedAs","color","DefaultColorNames","white","mineShaft","defaultProps","display","height","Input","displayName"],"mappings":"sZAsFA,SAASA,EAASC,GAChB,OAAOC,EAACC,EAADC,EAAA,CAAKC,GAAG,SAAYJ,IAWtB,SAASE,EAAIF,GAClB,IAAMI,GACJA,EADIC,UAEJA,EAFIC,QAGJA,EAHIC,SAIJA,EAJIC,QAKJA,EALIC,GAMJA,EANIC,KAOJA,EAPIC,UAQJA,EARIC,MASJA,EATIC,SAUJA,EAVIC,SAWJA,EAXIC,QAYJA,EAZIC,QAaJA,EAbIC,QAcJA,GAEEjB,EADCkB,IACDlB,EAhBJmB,GAkBA,IAAMC,EAAqB,WAAPhB,EAAkB,CAAEiB,KAAM,UAAa,GAE3D,IAAMC,EAAoB,UAAPlB,EAAiB,CAAEI,QAASC,GAAMC,GAAS,GAE9D,OACEa,EAACC,EAADrB,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACEC,GAAW,UAAPA,EAAiB,QAAUA,EAC/BY,QAASA,EACTC,QAASA,EACTJ,SAAUA,EACVE,QAAgB,UAAPX,EAAiBW,OAAAA,GATJ,UAAPX,EAAiB,CAAEI,QAAAA,GAAY,IAW1CY,GACAE,GACAJ,GATN,GAAA,CAAAX,SAWGH,CAAO,UAAPA,EACCH,EAAA,QAAA,CACEQ,GAAIA,GAAMC,EACVA,KAAMA,EACNW,KAAMV,GAAa,WACnBc,SAAU,EACVX,SAAQ,SAAAY,GAAA,SAAAZ,EAAAa,GAAA,OAAAD,EAAAE,MAAAC,KAAAC,WAAA,OAAAhB,EAAAiB,SAAA,IAAAL,EAAAK,WAAAjB,EAAA,EAAGkB,IACTA,EAAEC,UAEKnB,GAAYA,EAASkB,MAE9BjB,QAAO,SAAAmB,GAAA,SAAAnB,EAAAoB,GAAA,OAAAD,EAAAN,MAAAC,KAAAC,WAAA,OAAAf,EAAAgB,SAAA,IAAAG,EAAAH,WAAAhB,EAAA,EAAGiB,IACRA,EAAEC,UAEKlB,GAAWA,EAAQiB,MAE5BI,eAAgBpC,EAAMoC,eACtBnB,QAASA,EACTL,MAAOA,EACPC,SAAUA,EACVwB,QAAM,IAEN,KACH9B,EACDN,EAACqC,EAADnC,EAAAA,EAAA,CACEoC,KAAM,GACNC,YAAY,OACZC,MAAOxB,IAAYD,EAAU0B,EAAkBC,MAAQD,EAAkBE,WACrEvC,GAJN,GAAA,CAAAE,SAMGD,SA7FTJ,EAAI2C,aAAe,CACjBC,QAAS,eACT1C,GAAI,SACJ2C,OAAQ,IAGVhD,EAAS8C,aAAe,CACtBC,QAAS,eACTC,OAAQ,IAIV7C,EAAI8C,MAAQjD,EAEZG,EAAI+C,YAAc"}