@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/components/Progress.Segmented/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{color,getColor}from'../../mixins/color.mjs';import{DefaultColorNames}from'../../theme/colors.mjs';const Progress=styled.div.withConfig({displayName:"ProgressSegmented__Progress",componentId:"ui__sc-10x2wrn-0"})(["height:100%;border-radius:10px;width:",";",";"],(o=>`${o.percent||0}%`),(o=>color(o.percentColor?o.percentColor:DefaultColorNames.atlantis,'background')));const Separators=styled.div.withConfig({displayName:"ProgressSegmented__Separators",componentId:"ui__sc-10x2wrn-1"})(["position:absolute;top:0;display:flex;justify-content:space-between;width:100%;height:4px;z-index:3;"]);const Separator=styled.div.withConfig({displayName:"ProgressSegmented__Separator",componentId:"ui__sc-10x2wrn-2"})(["width:2px;height:100%;&:first-child,&:last-child{width:0;}",""],(o=>color(o.separatorColor?o.separatorColor:DefaultColorNames.white,'background')));const isEmpty=css(["& ","{&:first-child{&:before{background:rgba(0,0,0,0.1);}}}"],Separator);const Root=styled.div.withConfig({displayName:"ProgressSegmented__Root",componentId:"ui__sc-10x2wrn-3"})(["position:relative;height:4px;background:rgba(0,0,0,0.1);border-radius:10px;"," "," ",""],(o=>o.haveCircle?(o=>css(["margin-left:8px;border-radius:0 10px 10px 0;& ","{border-radius:0 10px 10px 0;}& ","{&:first-child{position:relative;&:before{position:absolute;display:block;content:'';left:-8px;top:-2px;width:8px;height:8px;border-radius:50%;background:",";}}}"],Progress,Separator,getColor(o.percentColor||DefaultColorNames.atlantis,o)))(o):null),(o=>o.percent===100?(o=>css(["& ","{&:last-child{position:relative;&:before{position:absolute;top:-6px;right:-6px;display:block;content:'';background:"," url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K') center no-repeat;width:16px;height:16px;border-radius:50%;}}}"],Separator,getColor(o.percentColor||DefaultColorNames.atlantis,o)))(o):null),(o=>o.percent===0?isEmpty:null));export{Progress,Root,Separator,Separators};
+import styled,{css}from'styled-components';import{color,getColor}from'../../mixins/color.mjs';import{DefaultColorNames}from'../../theme/colors.mjs';const Progress=styled.div.withConfig({displayName:"ProgressSegmented__Progress",componentId:"ui__sc-10x2wrn-0"})(["height:100%;border-radius:10px;width:",";",";"],o=>`${o.percent||0}%`,o=>color(o.percentColor?o.percentColor:DefaultColorNames.atlantis,'background'));const Separators=styled.div.withConfig({displayName:"ProgressSegmented__Separators",componentId:"ui__sc-10x2wrn-1"})(["position:absolute;top:0;display:flex;justify-content:space-between;width:100%;height:4px;z-index:3;"]);const Separator=styled.div.withConfig({displayName:"ProgressSegmented__Separator",componentId:"ui__sc-10x2wrn-2"})(["width:2px;height:100%;&:first-child,&:last-child{width:0;}",""],o=>color(o.separatorColor?o.separatorColor:DefaultColorNames.white,'background'));const isEmpty=css(["& ","{&:first-child{&:before{background:rgba(0,0,0,0.1);}}}"],Separator);const Root=styled.div.withConfig({displayName:"ProgressSegmented__Root",componentId:"ui__sc-10x2wrn-3"})(["position:relative;height:4px;background:rgba(0,0,0,0.1);border-radius:10px;"," "," ",""],o=>o.haveCircle?(o=>css(["margin-left:8px;border-radius:0 10px 10px 0;& ","{border-radius:0 10px 10px 0;}& ","{&:first-child{position:relative;&:before{position:absolute;display:block;content:'';left:-8px;top:-2px;width:8px;height:8px;border-radius:50%;background:",";}}}"],Progress,Separator,getColor(o.percentColor||DefaultColorNames.atlantis,o)))(o):null,o=>o.percent===100?(o=>css(["& ","{&:last-child{position:relative;&:before{position:absolute;top:-6px;right:-6px;display:block;content:'';background:"," url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K') center no-repeat;width:16px;height:16px;border-radius:50%;}}}"],Separator,getColor(o.percentColor||DefaultColorNames.atlantis,o)))(o):null,o=>o.percent===0?isEmpty:null);export{Progress,Root,Separator,Separators};
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport type { 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","displayName","componentId","props","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor","isDone"],"mappings":"0JAMaA,SAAWC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,oBAAVJ,CAAU,CAAA,wCAAA,IAAA,MAGtBK,GAAU,GAAGA,EAAMC,SAAW,OACrCD,GACoBE,MAArBF,EAAMG,aAAqBH,EAAMG,aAAoCC,kBAAkBC,SAAxC,sBAGtCC,WAAaX,OAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAVJ,CAAU,CAAA,8GAUvBY,UAAYZ,OAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,oBAAVJ,CAAU,CAAA,6DAAA,KAO9BK,GACsBE,MAAvBF,EAAMQ,eAAuBR,EAAMQ,eAAsCJ,kBAAkBK,MAAxC,gBAgDvD,MAAMC,QAAUC,IAAG,CAAA,KAAA,0DACbJ,iBASOK,KAAOjB,OAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVJ,CAAU,CAAA,8EAAA,IAAA,IAAA,KAKzBK,GAAWA,EAAMa,WA5DFb,IAAkFW,IAAG,CAAA,iDAAA,mCAAA,6JAAA,QAGnGjB,SAGAa,UAYgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA0C9Ca,CAAWb,GAAS,OAClDA,GAAWA,EAAMC,UAAY,IArClBD,IAAkFW,IAAG,CAAA,KAAA,sHAAA,oWAC/FJ,UASgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA2BzCe,CAAOf,GAAS,OACnDA,GAAWA,EAAMC,UAAY,EAAIS,QAAU"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport type { 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","displayName","componentId","props","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor","isDone"],"mappings":"0JAMaA,SAAWC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,oBAAVJ,CAAU,CAAA,wCAAA,IAAA,KAGtBK,GAAU,GAAGA,EAAMC,SAAW,KACrCD,GACoBE,MAArBF,EAAMG,aAAqBH,EAAMG,aAAoCC,kBAAkBC,SAAxC,qBAGtCC,WAAaX,OAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAVJ,CAAU,CAAA,8GAUvBY,UAAYZ,OAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,oBAAVJ,CAAU,CAAA,6DAAA,IAO9BK,GACsBE,MAAvBF,EAAMQ,eAAuBR,EAAMQ,eAAsCJ,kBAAkBK,MAAxC,eAgDvD,MAAMC,QAAUC,IAAG,CAAA,KAAA,0DACbJ,iBASOK,KAAOjB,OAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVJ,CAAU,CAAA,8EAAA,IAAA,IAAA,IAKzBK,GAAWA,EAAMa,WA5DFb,IAAkFW,IAAG,CAAA,iDAAA,mCAAA,6JAAA,QAGnGjB,SAGAa,UAYgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA0C9Ca,CAAWb,GAAS,KAClDA,GAAWA,EAAMC,UAAY,IArClBD,IAAkFW,IAAG,CAAA,KAAA,sHAAA,oWAC/FJ,UASgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA2BzCe,CAAOf,GAAS,KACnDA,GAAWA,EAAMC,UAAY,EAAIS,QAAU"}

package/components/ProgressCircle/ProgressCircle.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var getProgressPercent=require('../../shared/utils/getProgressPercent.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const ProgressCircle=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:r="s",max:t=1,sizeXXS:i,sizeXS:n,sizeS:o,sizeM:a,sizeL:c,sizeXL:l,value:u,children:g,...j}=e;const x={size:r,sizeXXS:i,sizeXS:n,sizeS:o,sizeM:a,sizeL:c,sizeXL:l};const P=getProgressPercent.getProgressPercent(u??-1,t);return jsxRuntime.jsxs(style.Root,{...j,...x,role:"progressbar","aria-valuemax":t,"aria-valuenow":u,value:u,ref:s,children:[jsxRuntime.jsxs(style.Svg,{children:[jsxRuntime.jsx(style.Circle,{}),typeof u=='number'?P>0?jsxRuntime.jsx(style.Circle,{strokeLinecap:"round",strokeDasharray:`${P}, 100`}):null:jsxRuntime.jsx(style.Circle,{strokeLinecap:"round"})]}),g!==void 0&&jsxRuntime.jsx(style.Content,{children:typeof g=='function'?g({value:u,max:t,percent:P,sizeProps:x}):g})]})})),{displayName:'ProgressCircle',sizes:constants.SIZES});exports.ProgressCircle=ProgressCircle;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var getProgressPercent=require('../../shared/utils/getProgressPercent.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const ProgressCircle=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:r="s",max:t=1,sizeXXS:i,sizeXS:n,sizeS:o,sizeM:a,sizeL:c,sizeXL:l,value:u,children:g,...j}=e;const x={size:r,sizeXXS:i,sizeXS:n,sizeS:o,sizeM:a,sizeL:c,sizeXL:l};const P=getProgressPercent.getProgressPercent(u??-1,t);return jsxRuntime.jsxs(style.Root,{...j,...x,role:"progressbar","aria-valuemax":t,"aria-valuenow":u,value:u,ref:s,children:[jsxRuntime.jsxs(style.Svg,{children:[jsxRuntime.jsx(style.Circle,{}),typeof u=='number'?P>0?jsxRuntime.jsx(style.Circle,{strokeLinecap:"round",strokeDasharray:`${P}, 100`}):null:jsxRuntime.jsx(style.Circle,{strokeLinecap:"round"})]}),g!==void 0&&jsxRuntime.jsx(style.Content,{children:typeof g=='function'?g({value:u,max:t,percent:P,sizeProps:x}):g})]})}),{displayName:'ProgressCircle',sizes:constants.SIZES});exports.ProgressCircle=ProgressCircle;
 //# sourceMappingURL=ProgressCircle.js.map

package/components/ProgressCircle/ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.js","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n    const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const percent = getProgressPercent(value ?? -1, max)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={value}\n        value={value}\n        ref={ref}\n      >\n        <Styled.Svg>\n          <Styled.Circle />\n          {typeof value === 'number' ? (\n            percent > 0 ? (\n              <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n            ) : null\n          ) : (\n            <Styled.Circle strokeLinecap='round' />\n          )}\n        </Styled.Svg>\n        {children !== undefined && (\n          <Styled.Content>\n            {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n          </Styled.Content>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","_jsx","strokeLinecap","strokeDasharray","undefined","displayName","sizes","SIZES"],"mappings":"oSAoBA,MAAMA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,YAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,mBAAAA,mBAAmBL,IAAS,EAAIP,GAEhD,OACEa,WAAAA,KAACC,MAAAA,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAAA,CAETK,WAAAA,KAACC,UAAU,CAAAN,SAAA,CACTQ,WAAAA,IAACF,MAAAA,OAAa,CAAA,UACNP,GAAU,SAChBI,EAAU,EACRK,WAAAA,IAACF,MAAAA,OAAa,CAACG,cAAc,QAAQC,gBAAiB,GAAGP,WACvD,KAEJK,WAAAA,IAACF,aAAa,CAACG,cAAc,aAGhCT,SAAaW,GACZH,WAAAA,IAACF,MAAAA,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEY,YA5DmB,iBA6DnBC,MAAOC,UAAAA"}
+{"version":3,"file":"ProgressCircle.js","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n    const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const percent = getProgressPercent(value ?? -1, max)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={value}\n        value={value}\n        ref={ref}\n      >\n        <Styled.Svg>\n          <Styled.Circle />\n          {typeof value === 'number' ? (\n            percent > 0 ? (\n              <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n            ) : null\n          ) : (\n            <Styled.Circle strokeLinecap='round' />\n          )}\n        </Styled.Svg>\n        {children !== undefined && (\n          <Styled.Content>\n            {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n          </Styled.Content>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","_jsx","strokeLinecap","strokeDasharray","undefined","displayName","sizes","SIZES"],"mappings":"oSAoBA,MAAMA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,WAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,mBAAAA,mBAAmBL,IAAS,EAAIP,GAEhD,OACEa,WAAAA,KAACC,MAAAA,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAAA,CAETK,WAAAA,KAACC,UAAU,CAAAN,SAAA,CACTQ,WAAAA,IAACF,MAAAA,OAAa,CAAA,UACNP,GAAU,SAChBI,EAAU,EACRK,WAAAA,IAACF,MAAAA,OAAa,CAACG,cAAc,QAAQC,gBAAiB,GAAGP,WACvD,KAEJK,WAAAA,IAACF,aAAa,CAACG,cAAc,aAGhCT,SAAaW,GACZH,WAAAA,IAACF,MAAAA,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,SAM3F,CACEY,YA5DmB,iBA6DnBC,MAAOC,UAAAA"}

package/components/ProgressCircle/ProgressCircle.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{getProgressPercent}from'../../shared/utils/getProgressPercent.mjs';import{SIZES}from'./constants.mjs';import{Root,Svg,Circle,Content}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const ProgressCircle=withMergedProps(forwardRef(((e,r)=>{const{size:s="s",max:o=1,sizeXXS:i,sizeXS:t,sizeS:n,sizeM:a,sizeL:c,sizeXL:l,value:m,children:p,...z}=e;const g={size:s,sizeXXS:i,sizeXS:t,sizeS:n,sizeM:a,sizeL:c,sizeXL:l};const d=getProgressPercent(m??-1,o);return jsxs(Root,{...z,...g,role:"progressbar","aria-valuemax":o,"aria-valuenow":m,value:m,ref:r,children:[jsxs(Svg,{children:[jsx(Circle,{}),typeof m=='number'?d>0?jsx(Circle,{strokeLinecap:"round",strokeDasharray:`${d}, 100`}):null:jsx(Circle,{strokeLinecap:"round"})]}),p!==void 0&&jsx(Content,{children:typeof p=='function'?p({value:m,max:o,percent:d,sizeProps:g}):p})]})})),{displayName:'ProgressCircle',sizes:SIZES});export{ProgressCircle};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{getProgressPercent}from'../../shared/utils/getProgressPercent.mjs';import{SIZES}from'./constants.mjs';import{Root,Svg,Circle,Content}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const ProgressCircle=withMergedProps(forwardRef((e,r)=>{const{size:s="s",max:o=1,sizeXXS:i,sizeXS:t,sizeS:n,sizeM:a,sizeL:c,sizeXL:l,value:m,children:p,...z}=e;const g={size:s,sizeXXS:i,sizeXS:t,sizeS:n,sizeM:a,sizeL:c,sizeXL:l};const d=getProgressPercent(m??-1,o);return jsxs(Root,{...z,...g,role:"progressbar","aria-valuemax":o,"aria-valuenow":m,value:m,ref:r,children:[jsxs(Svg,{children:[jsx(Circle,{}),typeof m=='number'?d>0?jsx(Circle,{strokeLinecap:"round",strokeDasharray:`${d}, 100`}):null:jsx(Circle,{strokeLinecap:"round"})]}),p!==void 0&&jsx(Content,{children:typeof p=='function'?p({value:m,max:o,percent:d,sizeProps:g}):p})]})}),{displayName:'ProgressCircle',sizes:SIZES});export{ProgressCircle};
 //# sourceMappingURL=ProgressCircle.mjs.map

package/components/ProgressCircle/ProgressCircle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.mjs","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n    const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const percent = getProgressPercent(value ?? -1, max)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={value}\n        value={value}\n        ref={ref}\n      >\n        <Styled.Svg>\n          <Styled.Circle />\n          {typeof value === 'number' ? (\n            percent > 0 ? (\n              <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n            ) : null\n          ) : (\n            <Styled.Circle strokeLinecap='round' />\n          )}\n        </Styled.Svg>\n        {children !== undefined && (\n          <Styled.Content>\n            {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n          </Styled.Content>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","_jsx","strokeLinecap","strokeDasharray","undefined","displayName","sizes","SIZES"],"mappings":"gSAoBA,MAAMA,eAAuEC,gBAI3EC,YAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,mBAAmBL,IAAS,EAAIP,GAEhD,OACEa,KAACC,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAAA,CAETK,KAACC,IAAU,CAAAN,SAAA,CACTQ,IAACF,OAAa,CAAA,UACNP,GAAU,SAChBI,EAAU,EACRK,IAACF,OAAa,CAACG,cAAc,QAAQC,gBAAiB,GAAGP,WACvD,KAEJK,IAACF,OAAa,CAACG,cAAc,aAGhCT,SAAaW,GACZH,IAACF,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEY,YA5DmB,iBA6DnBC,MAAOC"}
+{"version":3,"file":"ProgressCircle.mjs","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n    const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const percent = getProgressPercent(value ?? -1, max)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={value}\n        value={value}\n        ref={ref}\n      >\n        <Styled.Svg>\n          <Styled.Circle />\n          {typeof value === 'number' ? (\n            percent > 0 ? (\n              <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n            ) : null\n          ) : (\n            <Styled.Circle strokeLinecap='round' />\n          )}\n        </Styled.Svg>\n        {children !== undefined && (\n          <Styled.Content>\n            {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n          </Styled.Content>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","_jsx","strokeLinecap","strokeDasharray","undefined","displayName","sizes","SIZES"],"mappings":"gSAoBA,MAAMA,eAAuEC,gBAI3EC,WAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,mBAAmBL,IAAS,EAAIP,GAEhD,OACEa,KAACC,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAAA,CAETK,KAACC,IAAU,CAAAN,SAAA,CACTQ,IAACF,OAAa,CAAA,UACNP,GAAU,SAChBI,EAAU,EACRK,IAACF,OAAa,CAACG,cAAc,QAAQC,gBAAiB,GAAGP,WACvD,KAEJK,IAACF,OAAa,CAACG,cAAc,aAGhCT,SAAaW,GACZH,IAACF,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,SAM3F,CACEY,YA5DmB,iBA6DnBC,MAAOC"}

package/components/ProgressCircle/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardProgressCircleProp=style.createShouldForwardProp((e=>!['value'].includes(e)));const spinAnimation=styled.keyframes(["0%{stroke-dasharray:0,100;stroke-dashoffset:0;}50%{stroke-dasharray:60,100;stroke-dashoffset:-40;}100%{stroke-dasharray:0,100;stroke-dashoffset:-100;}"]);const Circle=styled__default.default.path.attrs({d:'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',strokeWidth:2}).withConfig({displayName:"ProgressCircle__Circle",componentId:"ui__sc-1i2hpo4-0"})(["fill:none;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardProgressCircleProp}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-1i2hpo4-1"})(["box-sizing:border-box;position:relative;flex-shrink:0;"," "," "," ",""],(e=>typeof e.value=='number'?`\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `:styled.css(["& ",":nth-child(2){animation:"," 2000ms ease-in-out infinite;}"],Circle,spinAnimation)),(e=>{return r={barColor:e.theme.colors['bg-brand-primary-basic'],trackColor:e.theme.colors['bg-onmain-tertiary'],...e.palette},`\n  & ${Circle}:nth-child(1) {\n    stroke: ${r.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${r.barColor};\n  }\n\n`;var r}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Svg=styled__default.default.svg.attrs({xmlns:'http://www.w3.org/2000/svg',viewBox:'0 0 34 34'}).withConfig({displayName:"ProgressCircle__Svg",componentId:"ui__sc-1i2hpo4-2"})(["width:100%;height:100%;"]);const Content=styled__default.default.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-1i2hpo4-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);exports.Circle=Circle,exports.Content=Content,exports.Root=Root,exports.Svg=Svg;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardProgressCircleProp=style.createShouldForwardProp(e=>!['value'].includes(e));const spinAnimation=styled.keyframes(["0%{stroke-dasharray:0,100;stroke-dashoffset:0;}50%{stroke-dasharray:60,100;stroke-dashoffset:-40;}100%{stroke-dasharray:0,100;stroke-dashoffset:-100;}"]);const Circle=styled__default.default.path.attrs({d:'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',strokeWidth:2}).withConfig({displayName:"ProgressCircle__Circle",componentId:"ui__sc-1i2hpo4-0"})(["fill:none;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardProgressCircleProp}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-1i2hpo4-1"})(["box-sizing:border-box;position:relative;flex-shrink:0;"," "," "," ",""],e=>typeof e.value=='number'?`\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `:styled.css(["& ",":nth-child(2){animation:"," 2000ms ease-in-out infinite;}"],Circle,spinAnimation),e=>{return r={barColor:e.theme.colors['bg-brand-primary-basic'],trackColor:e.theme.colors['bg-onmain-tertiary'],...e.palette},`\n  & ${Circle}:nth-child(1) {\n    stroke: ${r.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${r.barColor};\n  }\n\n`;var r},responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Svg=styled__default.default.svg.attrs({xmlns:'http://www.w3.org/2000/svg',viewBox:'0 0 34 34'}).withConfig({displayName:"ProgressCircle__Svg",componentId:"ui__sc-1i2hpo4-2"})(["width:100%;height:100%;"]);const Content=styled__default.default.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-1i2hpo4-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);exports.Circle=Circle,exports.Content=Content,exports.Root=Root,exports.Svg=Svg;
 //# sourceMappingURL=style.js.map

package/components/ProgressCircle/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ProgressCircle/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressCircleProps, ProgressCirclePalette } from './types'\n\nconst shouldForwardProgressCircleProp = createShouldForwardProp((propKey) => !['value'].includes(propKey))\n\nconst spinAnimation = keyframes`\n  0% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 60, 100;\n    stroke-dashoffset: -40;\n  }\n  100% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: -100;\n  }\n`\n\nexport const Circle = styled.path.attrs({\n  d: 'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',\n  strokeWidth: 2,\n})`\n  fill: none;\n`\n\nconst template = (palette: ProgressCirclePalette) => `\n  & ${Circle}:nth-child(1) {\n    stroke: ${palette.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${palette.barColor};\n  }\n\n`\n\nexport const Root = styled.div.withConfig<StyledProgressCircleProps>({\n  shouldForwardProp: shouldForwardProgressCircleProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `\n      : css`\n          & ${Circle}:nth-child(2) {\n            animation: ${spinAnimation} 2000ms ease-in-out infinite;\n          }\n        `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Svg = styled.svg.attrs({\n  xmlns: 'http://www.w3.org/2000/svg',\n  viewBox: '0 0 34 34',\n})`\n  width: 100%;\n  height: 100%;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n"],"names":["shouldForwardProgressCircleProp","createShouldForwardProp","propKey","includes","spinAnimation","keyframes","Circle","styled","path","attrs","d","strokeWidth","withConfig","displayName","componentId","Root","div","shouldForwardProp","props","value","css","template","palette","barColor","theme","colors","trackColor","responsiveSize","responsiveMargin","Svg","svg","xmlns","viewBox","Content"],"mappings":"mVAMA,MAAMA,gCAAkCC,MAAAA,yBAAyBC,IAAa,CAAC,SAASC,SAASD,KAEjG,MAAME,cAAgBC,OAAAA,UAAS,CAAA,2JAexB,MAAMC,OAASC,gBAAAA,QAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAGpB,CAAA,eAcK,MAAMQ,KAAOR,gBAAAA,QAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAElB,CAAA,yDAAA,IAAA,IAAA,IAAA,KAKGW,UACMA,EAAMC,OAAU,SACnB,eACIb,iGAIJc,OAAAA,IAAG,CAAA,KAAA,2BAAA,kCACGd,OACWF,iBAIpBc,IACDG,OA/BcC,EA+BL,CACPC,SAAUL,EAAMM,MAAMC,OAAO,0BAC7BC,WAAYR,EAAMM,MAAMC,OAAO,yBAC5BP,EAAMI,SAlCsC,SAC/ChB,sCACQgB,EAAQI,yBAEhBpB,sCACQgB,EAAQC,qBALJD,KAmCZ,GAEFK,eAAAA,eACAC,iBAAAA,kBAGG,MAAMC,IAAMtB,gBAAAA,QAAOuB,IAAIrB,MAAM,CAClCsB,MAAO,6BACPC,QAAS,cACTpB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,oBAHiBP,CAGjB,CAAA,kCAKW0B,QAAU1B,gBAAAA,QAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAAU,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ProgressCircle/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressCircleProps, ProgressCirclePalette } from './types'\n\nconst shouldForwardProgressCircleProp = createShouldForwardProp((propKey) => !['value'].includes(propKey))\n\nconst spinAnimation = keyframes`\n  0% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 60, 100;\n    stroke-dashoffset: -40;\n  }\n  100% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: -100;\n  }\n`\n\nexport const Circle = styled.path.attrs({\n  d: 'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',\n  strokeWidth: 2,\n})`\n  fill: none;\n`\n\nconst template = (palette: ProgressCirclePalette) => `\n  & ${Circle}:nth-child(1) {\n    stroke: ${palette.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${palette.barColor};\n  }\n\n`\n\nexport const Root = styled.div.withConfig<StyledProgressCircleProps>({\n  shouldForwardProp: shouldForwardProgressCircleProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `\n      : css`\n          & ${Circle}:nth-child(2) {\n            animation: ${spinAnimation} 2000ms ease-in-out infinite;\n          }\n        `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Svg = styled.svg.attrs({\n  xmlns: 'http://www.w3.org/2000/svg',\n  viewBox: '0 0 34 34',\n})`\n  width: 100%;\n  height: 100%;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n"],"names":["shouldForwardProgressCircleProp","createShouldForwardProp","propKey","includes","spinAnimation","keyframes","Circle","styled","path","attrs","d","strokeWidth","withConfig","displayName","componentId","Root","div","shouldForwardProp","props","value","css","template","palette","barColor","theme","colors","trackColor","responsiveSize","responsiveMargin","Svg","svg","xmlns","viewBox","Content"],"mappings":"mVAMA,MAAMA,gCAAkCC,MAAAA,wBAAyBC,IAAa,CAAC,SAASC,SAASD,IAEjG,MAAME,cAAgBC,OAAAA,UAAS,CAAA,2JAexB,MAAMC,OAASC,gBAAAA,QAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAGpB,CAAA,eAcK,MAAMQ,KAAOR,gBAAAA,QAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAElB,CAAA,yDAAA,IAAA,IAAA,IAAA,IAKGW,UACMA,EAAMC,OAAU,SACnB,eACIb,iGAIJc,OAAAA,IAAG,CAAA,KAAA,2BAAA,kCACGd,OACWF,eAIpBc,IACDG,OA/BcC,EA+BL,CACPC,SAAUL,EAAMM,MAAMC,OAAO,0BAC7BC,WAAYR,EAAMM,MAAMC,OAAO,yBAC5BP,EAAMI,SAlCsC,SAC/ChB,sCACQgB,EAAQI,yBAEhBpB,sCACQgB,EAAQC,qBALJD,OAqCdK,eAAAA,eACAC,iBAAAA,kBAGG,MAAMC,IAAMtB,gBAAAA,QAAOuB,IAAIrB,MAAM,CAClCsB,MAAO,6BACPC,QAAS,cACTpB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,oBAHiBP,CAGjB,CAAA,kCAKW0B,QAAU1B,gBAAAA,QAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAAU,CAAA"}

package/components/ProgressCircle/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css,keyframes}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardProgressCircleProp=createShouldForwardProp((o=>!['value'].includes(o)));const spinAnimation=keyframes(["0%{stroke-dasharray:0,100;stroke-dashoffset:0;}50%{stroke-dasharray:60,100;stroke-dashoffset:-40;}100%{stroke-dasharray:0,100;stroke-dashoffset:-100;}"]);const Circle=styled.path.attrs({d:'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',strokeWidth:2}).withConfig({displayName:"ProgressCircle__Circle",componentId:"ui__sc-1i2hpo4-0"})(["fill:none;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardProgressCircleProp}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-1i2hpo4-1"})(["box-sizing:border-box;position:relative;flex-shrink:0;"," "," "," ",""],(o=>typeof o.value=='number'?`\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `:css(["& ",":nth-child(2){animation:"," 2000ms ease-in-out infinite;}"],Circle,spinAnimation)),(o=>{return r={barColor:o.theme.colors['bg-brand-primary-basic'],trackColor:o.theme.colors['bg-onmain-tertiary'],...o.palette},`\n  & ${Circle}:nth-child(1) {\n    stroke: ${r.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${r.barColor};\n  }\n\n`;var r}),responsiveSize,responsiveMargin);const Svg=styled.svg.attrs({xmlns:'http://www.w3.org/2000/svg',viewBox:'0 0 34 34'}).withConfig({displayName:"ProgressCircle__Svg",componentId:"ui__sc-1i2hpo4-2"})(["width:100%;height:100%;"]);const Content=styled.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-1i2hpo4-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);export{Circle,Content,Root,Svg};
+import styled,{css,keyframes}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardProgressCircleProp=createShouldForwardProp(o=>!['value'].includes(o));const spinAnimation=keyframes(["0%{stroke-dasharray:0,100;stroke-dashoffset:0;}50%{stroke-dasharray:60,100;stroke-dashoffset:-40;}100%{stroke-dasharray:0,100;stroke-dashoffset:-100;}"]);const Circle=styled.path.attrs({d:'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',strokeWidth:2}).withConfig({displayName:"ProgressCircle__Circle",componentId:"ui__sc-1i2hpo4-0"})(["fill:none;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardProgressCircleProp}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-1i2hpo4-1"})(["box-sizing:border-box;position:relative;flex-shrink:0;"," "," "," ",""],o=>typeof o.value=='number'?`\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `:css(["& ",":nth-child(2){animation:"," 2000ms ease-in-out infinite;}"],Circle,spinAnimation),o=>{return r={barColor:o.theme.colors['bg-brand-primary-basic'],trackColor:o.theme.colors['bg-onmain-tertiary'],...o.palette},`\n  & ${Circle}:nth-child(1) {\n    stroke: ${r.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${r.barColor};\n  }\n\n`;var r},responsiveSize,responsiveMargin);const Svg=styled.svg.attrs({xmlns:'http://www.w3.org/2000/svg',viewBox:'0 0 34 34'}).withConfig({displayName:"ProgressCircle__Svg",componentId:"ui__sc-1i2hpo4-2"})(["width:100%;height:100%;"]);const Content=styled.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-1i2hpo4-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);export{Circle,Content,Root,Svg};
 //# sourceMappingURL=style.mjs.map

package/components/ProgressCircle/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/ProgressCircle/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressCircleProps, ProgressCirclePalette } from './types'\n\nconst shouldForwardProgressCircleProp = createShouldForwardProp((propKey) => !['value'].includes(propKey))\n\nconst spinAnimation = keyframes`\n  0% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 60, 100;\n    stroke-dashoffset: -40;\n  }\n  100% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: -100;\n  }\n`\n\nexport const Circle = styled.path.attrs({\n  d: 'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',\n  strokeWidth: 2,\n})`\n  fill: none;\n`\n\nconst template = (palette: ProgressCirclePalette) => `\n  & ${Circle}:nth-child(1) {\n    stroke: ${palette.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${palette.barColor};\n  }\n\n`\n\nexport const Root = styled.div.withConfig<StyledProgressCircleProps>({\n  shouldForwardProp: shouldForwardProgressCircleProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `\n      : css`\n          & ${Circle}:nth-child(2) {\n            animation: ${spinAnimation} 2000ms ease-in-out infinite;\n          }\n        `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Svg = styled.svg.attrs({\n  xmlns: 'http://www.w3.org/2000/svg',\n  viewBox: '0 0 34 34',\n})`\n  width: 100%;\n  height: 100%;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n"],"names":["shouldForwardProgressCircleProp","createShouldForwardProp","propKey","includes","spinAnimation","keyframes","Circle","styled","path","attrs","d","strokeWidth","withConfig","displayName","componentId","Root","div","shouldForwardProp","props","value","css","template","palette","barColor","theme","colors","trackColor","responsiveSize","responsiveMargin","Svg","svg","xmlns","viewBox","Content"],"mappings":"qPAMA,MAAMA,gCAAkCC,yBAAyBC,IAAa,CAAC,SAASC,SAASD,KAEjG,MAAME,cAAgBC,UAAS,CAAA,2JAexB,MAAMC,OAASC,OAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAGpB,CAAA,eAcK,MAAMQ,KAAOR,OAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAElB,CAAA,yDAAA,IAAA,IAAA,IAAA,KAKGW,UACMA,EAAMC,OAAU,SACnB,eACIb,iGAIJc,IAAG,CAAA,KAAA,2BAAA,kCACGd,OACWF,iBAIpBc,IACDG,OA/BcC,EA+BL,CACPC,SAAUL,EAAMM,MAAMC,OAAO,0BAC7BC,WAAYR,EAAMM,MAAMC,OAAO,yBAC5BP,EAAMI,SAlCsC,SAC/ChB,sCACQgB,EAAQI,yBAEhBpB,sCACQgB,EAAQC,qBALJD,KAmCZ,GAEFK,eACAC,kBAGG,MAAMC,IAAMtB,OAAOuB,IAAIrB,MAAM,CAClCsB,MAAO,6BACPC,QAAS,cACTpB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,oBAHiBP,CAGjB,CAAA,kCAKW0B,QAAU1B,OAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAAU,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/ProgressCircle/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressCircleProps, ProgressCirclePalette } from './types'\n\nconst shouldForwardProgressCircleProp = createShouldForwardProp((propKey) => !['value'].includes(propKey))\n\nconst spinAnimation = keyframes`\n  0% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 60, 100;\n    stroke-dashoffset: -40;\n  }\n  100% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: -100;\n  }\n`\n\nexport const Circle = styled.path.attrs({\n  d: 'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',\n  strokeWidth: 2,\n})`\n  fill: none;\n`\n\nconst template = (palette: ProgressCirclePalette) => `\n  & ${Circle}:nth-child(1) {\n    stroke: ${palette.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${palette.barColor};\n  }\n\n`\n\nexport const Root = styled.div.withConfig<StyledProgressCircleProps>({\n  shouldForwardProp: shouldForwardProgressCircleProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `\n      : css`\n          & ${Circle}:nth-child(2) {\n            animation: ${spinAnimation} 2000ms ease-in-out infinite;\n          }\n        `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Svg = styled.svg.attrs({\n  xmlns: 'http://www.w3.org/2000/svg',\n  viewBox: '0 0 34 34',\n})`\n  width: 100%;\n  height: 100%;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n"],"names":["shouldForwardProgressCircleProp","createShouldForwardProp","propKey","includes","spinAnimation","keyframes","Circle","styled","path","attrs","d","strokeWidth","withConfig","displayName","componentId","Root","div","shouldForwardProp","props","value","css","template","palette","barColor","theme","colors","trackColor","responsiveSize","responsiveMargin","Svg","svg","xmlns","viewBox","Content"],"mappings":"qPAMA,MAAMA,gCAAkCC,wBAAyBC,IAAa,CAAC,SAASC,SAASD,IAEjG,MAAME,cAAgBC,UAAS,CAAA,2JAexB,MAAMC,OAASC,OAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAGpB,CAAA,eAcK,MAAMQ,KAAOR,OAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAElB,CAAA,yDAAA,IAAA,IAAA,IAAA,IAKGW,UACMA,EAAMC,OAAU,SACnB,eACIb,iGAIJc,IAAG,CAAA,KAAA,2BAAA,kCACGd,OACWF,eAIpBc,IACDG,OA/BcC,EA+BL,CACPC,SAAUL,EAAMM,MAAMC,OAAO,0BAC7BC,WAAYR,EAAMM,MAAMC,OAAO,yBAC5BP,EAAMI,SAlCsC,SAC/ChB,sCACQgB,EAAQI,yBAEhBpB,sCACQgB,EAAQC,qBALJD,OAqCdK,eACAC,kBAGG,MAAMC,IAAMtB,OAAOuB,IAAIrB,MAAM,CAClCsB,MAAO,6BACPC,QAAS,cACTpB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,oBAHiBP,CAGjB,CAAA,kCAKW0B,QAAU1B,OAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAAU,CAAA"}

package/components/ProgressLine/ProgressLine.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const ProgressLine=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:r="s",max:i=1,iconProps:n={},sizeXXS:t,sizeXS:o,sizeS:a,sizeM:c,sizeL:l,sizeXL:u,...j}=e;const x={size:r,sizeXXS:t,sizeXS:o,sizeS:a,sizeM:c,sizeL:l,sizeXL:u};const z=Boolean(typeof j.value=='number'&&j.fancy);return jsxRuntime.jsxs(style.Root,{...j,...x,role:"progressbar","aria-valuemax":i,"aria-valuenow":j.value,max:i,hasIcon:z,ref:s,children:[jsxRuntime.jsx(style.Track,{children:jsxRuntime.jsx(style.Bar,{children:" "})}),z?jsxRuntime.jsx(style.IconBar,{children:jsxRuntime.jsx(style.IconPosition,{children:jsxRuntime.jsx(Icon.Icon,{icon:n.name||n.icon?void 0:jsxRuntime.jsx(style.StarFillRotated,{}),sizes:constants.SIZES_ICON,...x,...n})})}):null]})})),{displayName:'ProgressLine',sizes:constants.SIZES});exports.ProgressLine=ProgressLine;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const ProgressLine=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:r="s",max:i=1,iconProps:n={},sizeXXS:t,sizeXS:o,sizeS:a,sizeM:c,sizeL:l,sizeXL:u,...j}=e;const x={size:r,sizeXXS:t,sizeXS:o,sizeS:a,sizeM:c,sizeL:l,sizeXL:u};const z=Boolean(typeof j.value=='number'&&j.fancy);return jsxRuntime.jsxs(style.Root,{...j,...x,role:"progressbar","aria-valuemax":i,"aria-valuenow":j.value,max:i,hasIcon:z,ref:s,children:[jsxRuntime.jsx(style.Track,{children:jsxRuntime.jsx(style.Bar,{children:" "})}),z?jsxRuntime.jsx(style.IconBar,{children:jsxRuntime.jsx(style.IconPosition,{children:jsxRuntime.jsx(Icon.Icon,{icon:n.name||n.icon?void 0:jsxRuntime.jsx(style.StarFillRotated,{}),sizes:constants.SIZES_ICON,...x,...n})})}):null]})}),{displayName:'ProgressLine',sizes:constants.SIZES});exports.ProgressLine=ProgressLine;
 //# sourceMappingURL=ProgressLine.js.map

package/components/ProgressLine/ProgressLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressLine.js","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n    const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={restProps.value}\n        max={max}\n        hasIcon={hasIcon}\n        ref={ref}\n      >\n        <Styled.Track>\n          <Styled.Bar>&nbsp;</Styled.Bar>\n        </Styled.Track>\n        {hasIcon ? (\n          <Styled.IconBar>\n            <Styled.IconPosition>\n              <Icon\n                icon={!iconProps.name && !iconProps.icon ? <Styled.StarFillRotated /> : undefined}\n                sizes={SIZES_ICON}\n                {...sizeProps}\n                {...iconProps}\n              />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","Icon","icon","name","undefined","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"6PAoBA,MAAMA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAAA,CAETC,WAAAA,IAACH,YAAY,CAAAE,SACXC,WAAAA,IAACH,UAAU,CAAAE,SAAC,QAEbP,EACCQ,WAAAA,IAACH,cAAc,CAAAE,SACbC,WAAAA,IAACH,mBAAmB,CAAAE,SAClBC,WAAAA,IAACC,UAAI,CACHC,KAAOnB,EAAUoB,MAASpB,EAAUmB,UAAoCE,EAA7BJ,eAACH,MAAAA,gBAAsB,CAAA,GAClEQ,MAAOC,UAAAA,cACHf,KACAR,QAIR,OACQ,IAGlB,CACEwB,YA7DmB,eA8DnBF,MAAOG,UAAAA"}
+{"version":3,"file":"ProgressLine.js","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n    const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={restProps.value}\n        max={max}\n        hasIcon={hasIcon}\n        ref={ref}\n      >\n        <Styled.Track>\n          <Styled.Bar>&nbsp;</Styled.Bar>\n        </Styled.Track>\n        {hasIcon ? (\n          <Styled.IconBar>\n            <Styled.IconPosition>\n              <Icon\n                icon={!iconProps.name && !iconProps.icon ? <Styled.StarFillRotated /> : undefined}\n                sizes={SIZES_ICON}\n                {...sizeProps}\n                {...iconProps}\n              />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","Icon","icon","name","undefined","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"6PAoBA,MAAMA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,WAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAAA,CAETC,WAAAA,IAACH,YAAY,CAAAE,SACXC,WAAAA,IAACH,UAAU,CAAAE,SAAC,QAEbP,EACCQ,WAAAA,IAACH,cAAc,CAAAE,SACbC,WAAAA,IAACH,mBAAmB,CAAAE,SAClBC,WAAAA,IAACC,UAAI,CACHC,KAAOnB,EAAUoB,MAASpB,EAAUmB,UAAoCE,EAA7BJ,eAACH,MAAAA,gBAAsB,CAAA,GAClEQ,MAAOC,UAAAA,cACHf,KACAR,QAIR,UAIV,CACEwB,YA7DmB,eA8DnBF,MAAOG,UAAAA"}

package/components/ProgressLine/ProgressLine.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON}from'./constants.mjs';import{Root,Track,Bar,IconBar,IconPosition,StarFillRotated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const ProgressLine=withMergedProps(forwardRef(((s,o)=>{const{size:r="s",max:e=1,iconProps:i={},sizeXXS:n,sizeXS:a,sizeS:t,sizeM:c,sizeL:m,sizeXL:l,...z}=s;const S={size:r,sizeXXS:n,sizeXS:a,sizeS:t,sizeM:c,sizeL:m,sizeXL:l};const I=Boolean(typeof z.value=='number'&&z.fancy);return jsxs(Root,{...z,...S,role:"progressbar","aria-valuemax":e,"aria-valuenow":z.value,max:e,hasIcon:I,ref:o,children:[jsx(Track,{children:jsx(Bar,{children:" "})}),I?jsx(IconBar,{children:jsx(IconPosition,{children:jsx(Icon,{icon:i.name||i.icon?void 0:jsx(StarFillRotated,{}),sizes:SIZES_ICON,...S,...i})})}):null]})})),{displayName:'ProgressLine',sizes:SIZES});export{ProgressLine};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON}from'./constants.mjs';import{Root,Track,Bar,IconBar,IconPosition,StarFillRotated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const ProgressLine=withMergedProps(forwardRef((s,o)=>{const{size:r="s",max:e=1,iconProps:i={},sizeXXS:n,sizeXS:a,sizeS:t,sizeM:c,sizeL:m,sizeXL:l,...z}=s;const S={size:r,sizeXXS:n,sizeXS:a,sizeS:t,sizeM:c,sizeL:m,sizeXL:l};const I=Boolean(typeof z.value=='number'&&z.fancy);return jsxs(Root,{...z,...S,role:"progressbar","aria-valuemax":e,"aria-valuenow":z.value,max:e,hasIcon:I,ref:o,children:[jsx(Track,{children:jsx(Bar,{children:" "})}),I?jsx(IconBar,{children:jsx(IconPosition,{children:jsx(Icon,{icon:i.name||i.icon?void 0:jsx(StarFillRotated,{}),sizes:SIZES_ICON,...S,...i})})}):null]})}),{displayName:'ProgressLine',sizes:SIZES});export{ProgressLine};
 //# sourceMappingURL=ProgressLine.mjs.map

package/components/ProgressLine/ProgressLine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressLine.mjs","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n    const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={restProps.value}\n        max={max}\n        hasIcon={hasIcon}\n        ref={ref}\n      >\n        <Styled.Track>\n          <Styled.Bar>&nbsp;</Styled.Bar>\n        </Styled.Track>\n        {hasIcon ? (\n          <Styled.IconBar>\n            <Styled.IconPosition>\n              <Icon\n                icon={!iconProps.name && !iconProps.icon ? <Styled.StarFillRotated /> : undefined}\n                sizes={SIZES_ICON}\n                {...sizeProps}\n                {...iconProps}\n              />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","Icon","icon","name","undefined","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"gSAoBA,MAAMA,aAAmEC,gBAIvEC,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,KAACC,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAAA,CAETC,IAACH,MAAY,CAAAE,SACXC,IAACH,IAAU,CAAAE,SAAC,QAEbP,EACCQ,IAACH,QAAc,CAAAE,SACbC,IAACH,aAAmB,CAAAE,SAClBC,IAACC,KAAI,CACHC,KAAOnB,EAAUoB,MAASpB,EAAUmB,UAAoCE,EAA7BJ,IAACH,gBAAsB,CAAA,GAClEQ,MAAOC,cACHf,KACAR,QAIR,OACQ,IAGlB,CACEwB,YA7DmB,eA8DnBF,MAAOG"}
+{"version":3,"file":"ProgressLine.mjs","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n    const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={restProps.value}\n        max={max}\n        hasIcon={hasIcon}\n        ref={ref}\n      >\n        <Styled.Track>\n          <Styled.Bar>&nbsp;</Styled.Bar>\n        </Styled.Track>\n        {hasIcon ? (\n          <Styled.IconBar>\n            <Styled.IconPosition>\n              <Icon\n                icon={!iconProps.name && !iconProps.icon ? <Styled.StarFillRotated /> : undefined}\n                sizes={SIZES_ICON}\n                {...sizeProps}\n                {...iconProps}\n              />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","Icon","icon","name","undefined","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"gSAoBA,MAAMA,aAAmEC,gBAIvEC,WAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,KAACC,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAAA,CAETC,IAACH,MAAY,CAAAE,SACXC,IAACH,IAAU,CAAAE,SAAC,QAEbP,EACCQ,IAACH,QAAc,CAAAE,SACbC,IAACH,aAAmB,CAAAE,SAClBC,IAACC,KAAI,CACHC,KAAOnB,EAAUoB,MAASpB,EAAUmB,UAAoCE,EAA7BJ,IAACH,gBAAsB,CAAA,GAClEQ,MAAOC,cACHf,KACAR,QAIR,UAIV,CACEwB,YA7DmB,eA8DnBF,MAAOG"}

package/components/ProgressLine/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var getProgressPercent=require('../../shared/utils/getProgressPercent.js');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var index=require('../../icon-pack/src/icons/StarFill/index.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}var styled__default=_interopDefault(styled);const shouldForwardProgressLineProp=style.createShouldForwardProp((r=>!['value','max','fancy','hasIcon'].includes(r)));const shiftAnimation=styled.keyframes(["0%{transform:translateX(-100%);}100%{transform:translateX(200%);}"]);const Track=styled__default.default.div.withConfig({displayName:"ProgressLine__Track",componentId:"ui__sc-3juwyd-0"})(["box-sizing:border-box;width:100%;height:100%;overflow:hidden;border-radius:inherit;"]);const Bar=styled__default.default.div.withConfig({displayName:"ProgressLine__Bar",componentId:"ui__sc-3juwyd-1"})(["box-sizing:border-box;width:100%;height:100%;border-radius:inherit;"]);const IconBar=styled__default.default.div.withConfig({displayName:"ProgressLine__IconBar",componentId:"ui__sc-3juwyd-2"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;"]);const IconPosition=styled__default.default.div.withConfig({displayName:"ProgressLine__IconPosition",componentId:"ui__sc-3juwyd-3"})(["box-sizing:border-box;display:flex;position:absolute;right:0;top:50%;transform:translate(50%,-50%);"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardProgressLineProp}).withConfig({displayName:"ProgressLine__Root",componentId:"ui__sc-3juwyd-4"})(["box-sizing:border-box;position:relative;"," "," "," "," ",""],(r=>typeof r.value=='number'?`\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100-getProgressPercent.getProgressPercent(r.value,r.max)}%);\n        }\n      `:styled.css(["& ","{width:50%;animation:"," 2000ms infinite;}"],Bar,shiftAnimation)),(r=>r.hasIcon&&`\n      & ${Bar} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    `),(r=>{return o={barColor:r.theme.colors['bg-brand-primary-basic'],iconColor:r.theme.colors['bg-brand-primary-basic'],trackColor:r.theme.colors['bg-onmain-tertiary'],...r.palette},`\n  & ${Bar} {\n    background-color: ${o.barColor};\n  }\n  & ${IconBar} {\n    color: ${o.iconColor};\n  }\n  & ${Track} {\n    background-color: ${o.trackColor};\n  }\n`;var o}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const StarFillRotated=styled__default.default(index.StarFill).withConfig({displayName:"ProgressLine__StarFillRotated",componentId:"ui__sc-3juwyd-5"})(["transform:rotate(-21deg);"]);exports.Bar=Bar,exports.IconBar=IconBar,exports.IconPosition=IconPosition,exports.Root=Root,exports.StarFillRotated=StarFillRotated,exports.Track=Track;
+'use strict';var styled=require('styled-components');var getProgressPercent=require('../../shared/utils/getProgressPercent.js');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var index=require('../../icon-pack/src/icons/StarFill/index.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}var styled__default=_interopDefault(styled);const shouldForwardProgressLineProp=style.createShouldForwardProp(r=>!['value','max','fancy','hasIcon'].includes(r));const shiftAnimation=styled.keyframes(["0%{transform:translateX(-100%);}100%{transform:translateX(200%);}"]);const Track=styled__default.default.div.withConfig({displayName:"ProgressLine__Track",componentId:"ui__sc-3juwyd-0"})(["box-sizing:border-box;width:100%;height:100%;overflow:hidden;border-radius:inherit;"]);const Bar=styled__default.default.div.withConfig({displayName:"ProgressLine__Bar",componentId:"ui__sc-3juwyd-1"})(["box-sizing:border-box;width:100%;height:100%;border-radius:inherit;"]);const IconBar=styled__default.default.div.withConfig({displayName:"ProgressLine__IconBar",componentId:"ui__sc-3juwyd-2"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;"]);const IconPosition=styled__default.default.div.withConfig({displayName:"ProgressLine__IconPosition",componentId:"ui__sc-3juwyd-3"})(["box-sizing:border-box;display:flex;position:absolute;right:0;top:50%;transform:translate(50%,-50%);"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardProgressLineProp}).withConfig({displayName:"ProgressLine__Root",componentId:"ui__sc-3juwyd-4"})(["box-sizing:border-box;position:relative;"," "," "," "," ",""],r=>typeof r.value=='number'?`\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100-getProgressPercent.getProgressPercent(r.value,r.max)}%);\n        }\n      `:styled.css(["& ","{width:50%;animation:"," 2000ms infinite;}"],Bar,shiftAnimation),r=>r.hasIcon&&`\n      & ${Bar} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    `,r=>{return o={barColor:r.theme.colors['bg-brand-primary-basic'],iconColor:r.theme.colors['bg-brand-primary-basic'],trackColor:r.theme.colors['bg-onmain-tertiary'],...r.palette},`\n  & ${Bar} {\n    background-color: ${o.barColor};\n  }\n  & ${IconBar} {\n    color: ${o.iconColor};\n  }\n  & ${Track} {\n    background-color: ${o.trackColor};\n  }\n`;var o},responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const StarFillRotated=styled__default.default(index.StarFill).withConfig({displayName:"ProgressLine__StarFillRotated",componentId:"ui__sc-3juwyd-5"})(["transform:rotate(-21deg);"]);exports.Bar=Bar,exports.IconBar=IconBar,exports.IconPosition=IconPosition,exports.Root=Root,exports.StarFillRotated=StarFillRotated,exports.Track=Track;
 //# sourceMappingURL=style.js.map

package/components/ProgressLine/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ProgressLine/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StarFill } from '@foxford/icon-pack'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressLineProps, ProgressLinePalette } from './types'\n\nconst shouldForwardProgressLineProp = createShouldForwardProp(\n  (propKey) => !['value', 'max', 'fancy', 'hasIcon'].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n`\n\nexport const Track = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  border-radius: inherit;\n`\n\nexport const Bar = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n`\n\nexport const IconBar = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`\n\nexport const IconPosition = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translate(50%, -50%);\n`\n\nconst template = (palette: ProgressLinePalette) => `\n  & ${Bar} {\n    background-color: ${palette.barColor};\n  }\n  & ${IconBar} {\n    color: ${palette.iconColor};\n  }\n  & ${Track} {\n    background-color: ${palette.trackColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledProgressLineProps>({\n  shouldForwardProp: shouldForwardProgressLineProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100 - getProgressPercent(props.value, props.max)}%);\n        }\n      `\n      : css`\n          & ${Bar} {\n            width: 50%;\n            animation: ${shiftAnimation} 2000ms infinite;\n          }\n        `}\n\n  ${(props) =>\n    props.hasIcon &&\n    `\n      & ${Bar} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      iconColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const StarFillRotated = styled(StarFill)`\n  transform: rotate(-21deg);\n`\n"],"names":["shouldForwardProgressLineProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","Track","styled","div","withConfig","displayName","componentId","Bar","IconBar","IconPosition","Root","shouldForwardProp","props","value","getProgressPercent","max","css","hasIcon","template","palette","barColor","theme","colors","iconColor","trackColor","responsiveSize","responsiveMargin","StarFillRotated","StarFill"],"mappings":"+dAQA,MAAMA,8BAAgCC,MAAAA,yBACnCC,IAAa,CAAC,QAAS,MAAO,QAAS,WAAWC,SAASD,KAG9D,MAAME,eAAiBC,OAAAA,UAAS,CAAA,4EASnBC,MAAQC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,8FAQlBK,IAAML,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAAVJ,CAAU,CAAA,8EAOhBM,QAAUN,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAAVJ,CAAU,CAAA,uFASpBO,aAAeP,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,mBAAVJ,CAAU,CAAA,wGAqB/B,MAAMQ,KAAOR,gBAAAA,QAAOC,IAAIC,WAAoC,CACjEO,kBAAmBhB,gCACnBS,WAAA,CAAAC,YAAA,qBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,2CAAA,IAAA,IAAA,IAAA,IAAA,KAIGU,UACMA,EAAMC,OAAU,SACnB,eACIN,oBACAC,8FAEuB,IAAMM,mBAAAA,mBAAmBF,EAAMC,MAAOD,EAAMG,6BAGvEC,OAAAA,IAAG,CAAA,KAAA,wBAAA,sBACGT,IAEWR,kBAIpBa,GACDA,EAAMK,SACN,aACMV,sGAMLK,IACDM,OA5CcC,EA4CL,CACPC,SAAUR,EAAMS,MAAMC,OAAO,0BAC7BC,UAAWX,EAAMS,MAAMC,OAAO,0BAC9BE,WAAYZ,EAAMS,MAAMC,OAAO,yBAC5BV,EAAMO,SAhDoC,SAC7CZ,gCACkBY,EAAQC,uBAE1BZ,yBACOW,EAAQI,wBAEftB,kCACkBkB,EAAQK,qBARdL,KAiDZ,GAEFM,eAAAA,eACAC,iBAAAA,kBAGG,MAAMC,gBAAkBzB,gBAAAA,QAAO0B,gBAASxB,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAhBJ,CAAgB,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ProgressLine/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StarFill } from '@foxford/icon-pack'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressLineProps, ProgressLinePalette } from './types'\n\nconst shouldForwardProgressLineProp = createShouldForwardProp(\n  (propKey) => !['value', 'max', 'fancy', 'hasIcon'].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n`\n\nexport const Track = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  border-radius: inherit;\n`\n\nexport const Bar = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n`\n\nexport const IconBar = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`\n\nexport const IconPosition = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translate(50%, -50%);\n`\n\nconst template = (palette: ProgressLinePalette) => `\n  & ${Bar} {\n    background-color: ${palette.barColor};\n  }\n  & ${IconBar} {\n    color: ${palette.iconColor};\n  }\n  & ${Track} {\n    background-color: ${palette.trackColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledProgressLineProps>({\n  shouldForwardProp: shouldForwardProgressLineProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100 - getProgressPercent(props.value, props.max)}%);\n        }\n      `\n      : css`\n          & ${Bar} {\n            width: 50%;\n            animation: ${shiftAnimation} 2000ms infinite;\n          }\n        `}\n\n  ${(props) =>\n    props.hasIcon &&\n    `\n      & ${Bar} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      iconColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const StarFillRotated = styled(StarFill)`\n  transform: rotate(-21deg);\n`\n"],"names":["shouldForwardProgressLineProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","Track","styled","div","withConfig","displayName","componentId","Bar","IconBar","IconPosition","Root","shouldForwardProp","props","value","getProgressPercent","max","css","hasIcon","template","palette","barColor","theme","colors","iconColor","trackColor","responsiveSize","responsiveMargin","StarFillRotated","StarFill"],"mappings":"+dAQA,MAAMA,8BAAgCC,MAAAA,wBACnCC,IAAa,CAAC,QAAS,MAAO,QAAS,WAAWC,SAASD,IAG9D,MAAME,eAAiBC,OAAAA,UAAS,CAAA,4EASnBC,MAAQC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,8FAQlBK,IAAML,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAAVJ,CAAU,CAAA,8EAOhBM,QAAUN,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAAVJ,CAAU,CAAA,uFASpBO,aAAeP,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,mBAAVJ,CAAU,CAAA,wGAqB/B,MAAMQ,KAAOR,gBAAAA,QAAOC,IAAIC,WAAoC,CACjEO,kBAAmBhB,gCACnBS,WAAA,CAAAC,YAAA,qBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,2CAAA,IAAA,IAAA,IAAA,IAAA,IAIGU,UACMA,EAAMC,OAAU,SACnB,eACIN,oBACAC,8FAEuB,IAAMM,mBAAAA,mBAAmBF,EAAMC,MAAOD,EAAMG,6BAGvEC,OAAAA,IAAG,CAAA,KAAA,wBAAA,sBACGT,IAEWR,gBAIpBa,GACDA,EAAMK,SACN,aACMV,oGAMLK,IACDM,OA5CcC,EA4CL,CACPC,SAAUR,EAAMS,MAAMC,OAAO,0BAC7BC,UAAWX,EAAMS,MAAMC,OAAO,0BAC9BE,WAAYZ,EAAMS,MAAMC,OAAO,yBAC5BV,EAAMO,SAhDoC,SAC7CZ,gCACkBY,EAAQC,uBAE1BZ,yBACOW,EAAQI,wBAEftB,kCACkBkB,EAAQK,qBARdL,OAmDdM,eAAAA,eACAC,iBAAAA,kBAGG,MAAMC,gBAAkBzB,gBAAAA,QAAO0B,gBAASxB,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAhBJ,CAAgB,CAAA"}

package/components/ProgressLine/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css,keyframes}from'styled-components';import{getProgressPercent}from'../../shared/utils/getProgressPercent.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{StarFill}from'../../icon-pack/src/icons/StarFill/index.mjs';const shouldForwardProgressLineProp=createShouldForwardProp((o=>!['value','max','fancy','hasIcon'].includes(o)));const shiftAnimation=keyframes(["0%{transform:translateX(-100%);}100%{transform:translateX(200%);}"]);const Track=styled.div.withConfig({displayName:"ProgressLine__Track",componentId:"ui__sc-3juwyd-0"})(["box-sizing:border-box;width:100%;height:100%;overflow:hidden;border-radius:inherit;"]);const Bar=styled.div.withConfig({displayName:"ProgressLine__Bar",componentId:"ui__sc-3juwyd-1"})(["box-sizing:border-box;width:100%;height:100%;border-radius:inherit;"]);const IconBar=styled.div.withConfig({displayName:"ProgressLine__IconBar",componentId:"ui__sc-3juwyd-2"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;"]);const IconPosition=styled.div.withConfig({displayName:"ProgressLine__IconPosition",componentId:"ui__sc-3juwyd-3"})(["box-sizing:border-box;display:flex;position:absolute;right:0;top:50%;transform:translate(50%,-50%);"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardProgressLineProp}).withConfig({displayName:"ProgressLine__Root",componentId:"ui__sc-3juwyd-4"})(["box-sizing:border-box;position:relative;"," "," "," "," ",""],(o=>typeof o.value=='number'?`\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100-getProgressPercent(o.value,o.max)}%);\n        }\n      `:css(["& ","{width:50%;animation:"," 2000ms infinite;}"],Bar,shiftAnimation)),(o=>o.hasIcon&&`\n      & ${Bar} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    `),(o=>{return r={barColor:o.theme.colors['bg-brand-primary-basic'],iconColor:o.theme.colors['bg-brand-primary-basic'],trackColor:o.theme.colors['bg-onmain-tertiary'],...o.palette},`\n  & ${Bar} {\n    background-color: ${r.barColor};\n  }\n  & ${IconBar} {\n    color: ${r.iconColor};\n  }\n  & ${Track} {\n    background-color: ${r.trackColor};\n  }\n`;var r}),responsiveSize,responsiveMargin);const StarFillRotated=styled(StarFill).withConfig({displayName:"ProgressLine__StarFillRotated",componentId:"ui__sc-3juwyd-5"})(["transform:rotate(-21deg);"]);export{Bar,IconBar,IconPosition,Root,StarFillRotated,Track};
+import styled,{css,keyframes}from'styled-components';import{getProgressPercent}from'../../shared/utils/getProgressPercent.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{StarFill}from'../../icon-pack/src/icons/StarFill/index.mjs';const shouldForwardProgressLineProp=createShouldForwardProp(o=>!['value','max','fancy','hasIcon'].includes(o));const shiftAnimation=keyframes(["0%{transform:translateX(-100%);}100%{transform:translateX(200%);}"]);const Track=styled.div.withConfig({displayName:"ProgressLine__Track",componentId:"ui__sc-3juwyd-0"})(["box-sizing:border-box;width:100%;height:100%;overflow:hidden;border-radius:inherit;"]);const Bar=styled.div.withConfig({displayName:"ProgressLine__Bar",componentId:"ui__sc-3juwyd-1"})(["box-sizing:border-box;width:100%;height:100%;border-radius:inherit;"]);const IconBar=styled.div.withConfig({displayName:"ProgressLine__IconBar",componentId:"ui__sc-3juwyd-2"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;"]);const IconPosition=styled.div.withConfig({displayName:"ProgressLine__IconPosition",componentId:"ui__sc-3juwyd-3"})(["box-sizing:border-box;display:flex;position:absolute;right:0;top:50%;transform:translate(50%,-50%);"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardProgressLineProp}).withConfig({displayName:"ProgressLine__Root",componentId:"ui__sc-3juwyd-4"})(["box-sizing:border-box;position:relative;"," "," "," "," ",""],o=>typeof o.value=='number'?`\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100-getProgressPercent(o.value,o.max)}%);\n        }\n      `:css(["& ","{width:50%;animation:"," 2000ms infinite;}"],Bar,shiftAnimation),o=>o.hasIcon&&`\n      & ${Bar} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    `,o=>{return r={barColor:o.theme.colors['bg-brand-primary-basic'],iconColor:o.theme.colors['bg-brand-primary-basic'],trackColor:o.theme.colors['bg-onmain-tertiary'],...o.palette},`\n  & ${Bar} {\n    background-color: ${r.barColor};\n  }\n  & ${IconBar} {\n    color: ${r.iconColor};\n  }\n  & ${Track} {\n    background-color: ${r.trackColor};\n  }\n`;var r},responsiveSize,responsiveMargin);const StarFillRotated=styled(StarFill).withConfig({displayName:"ProgressLine__StarFillRotated",componentId:"ui__sc-3juwyd-5"})(["transform:rotate(-21deg);"]);export{Bar,IconBar,IconPosition,Root,StarFillRotated,Track};
 //# sourceMappingURL=style.mjs.map

package/components/ProgressLine/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/ProgressLine/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StarFill } from '@foxford/icon-pack'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressLineProps, ProgressLinePalette } from './types'\n\nconst shouldForwardProgressLineProp = createShouldForwardProp(\n  (propKey) => !['value', 'max', 'fancy', 'hasIcon'].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n`\n\nexport const Track = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  border-radius: inherit;\n`\n\nexport const Bar = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n`\n\nexport const IconBar = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`\n\nexport const IconPosition = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translate(50%, -50%);\n`\n\nconst template = (palette: ProgressLinePalette) => `\n  & ${Bar} {\n    background-color: ${palette.barColor};\n  }\n  & ${IconBar} {\n    color: ${palette.iconColor};\n  }\n  & ${Track} {\n    background-color: ${palette.trackColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledProgressLineProps>({\n  shouldForwardProp: shouldForwardProgressLineProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100 - getProgressPercent(props.value, props.max)}%);\n        }\n      `\n      : css`\n          & ${Bar} {\n            width: 50%;\n            animation: ${shiftAnimation} 2000ms infinite;\n          }\n        `}\n\n  ${(props) =>\n    props.hasIcon &&\n    `\n      & ${Bar} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      iconColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const StarFillRotated = styled(StarFill)`\n  transform: rotate(-21deg);\n`\n"],"names":["shouldForwardProgressLineProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","Track","styled","div","withConfig","displayName","componentId","Bar","IconBar","IconPosition","Root","shouldForwardProp","props","value","getProgressPercent","max","css","hasIcon","template","palette","barColor","theme","colors","iconColor","trackColor","responsiveSize","responsiveMargin","StarFillRotated","StarFill"],"mappings":"kYAQA,MAAMA,8BAAgCC,yBACnCC,IAAa,CAAC,QAAS,MAAO,QAAS,WAAWC,SAASD,KAG9D,MAAME,eAAiBC,UAAS,CAAA,4EASnBC,MAAQC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,8FAQlBK,IAAML,OAAOC,IAAGC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAAVJ,CAAU,CAAA,8EAOhBM,QAAUN,OAAOC,IAAGC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAAVJ,CAAU,CAAA,uFASpBO,aAAeP,OAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,mBAAVJ,CAAU,CAAA,wGAqB/B,MAAMQ,KAAOR,OAAOC,IAAIC,WAAoC,CACjEO,kBAAmBhB,gCACnBS,WAAA,CAAAC,YAAA,qBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,2CAAA,IAAA,IAAA,IAAA,IAAA,KAIGU,UACMA,EAAMC,OAAU,SACnB,eACIN,oBACAC,8FAEuB,IAAMM,mBAAmBF,EAAMC,MAAOD,EAAMG,6BAGvEC,IAAG,CAAA,KAAA,wBAAA,sBACGT,IAEWR,kBAIpBa,GACDA,EAAMK,SACN,aACMV,sGAMLK,IACDM,OA5CcC,EA4CL,CACPC,SAAUR,EAAMS,MAAMC,OAAO,0BAC7BC,UAAWX,EAAMS,MAAMC,OAAO,0BAC9BE,WAAYZ,EAAMS,MAAMC,OAAO,yBAC5BV,EAAMO,SAhDoC,SAC7CZ,gCACkBY,EAAQC,uBAE1BZ,yBACOW,EAAQI,wBAEftB,kCACkBkB,EAAQK,qBARdL,KAiDZ,GAEFM,eACAC,kBAGG,MAAMC,gBAAkBzB,OAAO0B,UAASxB,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAhBJ,CAAgB,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/ProgressLine/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StarFill } from '@foxford/icon-pack'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressLineProps, ProgressLinePalette } from './types'\n\nconst shouldForwardProgressLineProp = createShouldForwardProp(\n  (propKey) => !['value', 'max', 'fancy', 'hasIcon'].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n`\n\nexport const Track = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  border-radius: inherit;\n`\n\nexport const Bar = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n`\n\nexport const IconBar = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`\n\nexport const IconPosition = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translate(50%, -50%);\n`\n\nconst template = (palette: ProgressLinePalette) => `\n  & ${Bar} {\n    background-color: ${palette.barColor};\n  }\n  & ${IconBar} {\n    color: ${palette.iconColor};\n  }\n  & ${Track} {\n    background-color: ${palette.trackColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledProgressLineProps>({\n  shouldForwardProp: shouldForwardProgressLineProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100 - getProgressPercent(props.value, props.max)}%);\n        }\n      `\n      : css`\n          & ${Bar} {\n            width: 50%;\n            animation: ${shiftAnimation} 2000ms infinite;\n          }\n        `}\n\n  ${(props) =>\n    props.hasIcon &&\n    `\n      & ${Bar} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      iconColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const StarFillRotated = styled(StarFill)`\n  transform: rotate(-21deg);\n`\n"],"names":["shouldForwardProgressLineProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","Track","styled","div","withConfig","displayName","componentId","Bar","IconBar","IconPosition","Root","shouldForwardProp","props","value","getProgressPercent","max","css","hasIcon","template","palette","barColor","theme","colors","iconColor","trackColor","responsiveSize","responsiveMargin","StarFillRotated","StarFill"],"mappings":"kYAQA,MAAMA,8BAAgCC,wBACnCC,IAAa,CAAC,QAAS,MAAO,QAAS,WAAWC,SAASD,IAG9D,MAAME,eAAiBC,UAAS,CAAA,4EASnBC,MAAQC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,8FAQlBK,IAAML,OAAOC,IAAGC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAAVJ,CAAU,CAAA,8EAOhBM,QAAUN,OAAOC,IAAGC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAAVJ,CAAU,CAAA,uFASpBO,aAAeP,OAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,mBAAVJ,CAAU,CAAA,wGAqB/B,MAAMQ,KAAOR,OAAOC,IAAIC,WAAoC,CACjEO,kBAAmBhB,gCACnBS,WAAA,CAAAC,YAAA,qBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,2CAAA,IAAA,IAAA,IAAA,IAAA,IAIGU,UACMA,EAAMC,OAAU,SACnB,eACIN,oBACAC,8FAEuB,IAAMM,mBAAmBF,EAAMC,MAAOD,EAAMG,6BAGvEC,IAAG,CAAA,KAAA,wBAAA,sBACGT,IAEWR,gBAIpBa,GACDA,EAAMK,SACN,aACMV,oGAMLK,IACDM,OA5CcC,EA4CL,CACPC,SAAUR,EAAMS,MAAMC,OAAO,0BAC7BC,UAAWX,EAAMS,MAAMC,OAAO,0BAC9BE,WAAYZ,EAAMS,MAAMC,OAAO,yBAC5BV,EAAMO,SAhDoC,SAC7CZ,gCACkBY,EAAQC,uBAE1BZ,yBACOW,EAAQI,wBAEftB,kCACkBkB,EAAQK,qBARdL,OAmDdM,eACAC,kBAGG,MAAMC,gBAAkBzB,OAAO0B,UAASxB,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAhBJ,CAAgB,CAAA"}

package/components/Radio/style.js

@@ -1,4 +1,4 @@
-'use strict';var styled=require('styled-components');var screen=require('../../mixins/screen.js');var responsiveProperty=require('../../mixins/responsive-property.js');var display=require('../../mixins/display.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const sizeRadio=(e=14)=>styled.css(["font-size:","px;svg{width:","px;height:","px;}"],e,e,e);const disabled=styled.css(["cursor:not-allowed;color:#d4d4d4;svg{circle:nth-child(1){stroke:#d4d4d4;}circle:nth-child(2){fill:#d4d4d4;}}& > span{cursor:not-allowed;}"]);const error=styled.css(["svg{circle{fill:#ffeef0;stroke:#ffa3a3;}circle:nth-child(2){fill:#ffa3a3;}}"]);const Root=styled__default.default.label.withConfig({shouldForwardProp:e=>['children','htmlFor'].includes(e)}).withConfig({displayName:"Radio__Root",componentId:"ui__sc-1u0nc40-0"})(["align-items:baseline;user-select:none;cursor:pointer;width:auto;svg{position:relative;top:2px;flex-shrink:0;circle:nth-child(2){opacity:0;transition:all 0.2s ease;}}& + &{margin-left:15px;}input{display:none;appearance:none;&:checked + svg{circle:nth-child(2){opacity:1;transform:scale(1);}","}}> span{margin-left:10px;cursor:pointer;}"," "," "," "," "," "," "," ",""],(e=>e.error?null:styled.css(["circle:not(:disabled){stroke:#48a1e6;}circle:not(:disabled):last-child{fill:#48a1e6;}"])),(e=>e.size==='small'?sizeRadio(14):null),(e=>e.size==='medium'?sizeRadio(16):null),(e=>e.size==='large'?sizeRadio(18):null),(e=>e.disabled?disabled:null),(e=>e.error?error:null),(e=>e.display?display.display(e.display):null),(e=>responsiveProperty.responsiveProperty('width',e.fluid&&e.width!=='auto'&&!Array.isArray(e.width)?'max-width':'width')),(e=>e.fluid?styled.css(["width:100%;"]):null));const Group=styled__default.default.div.withConfig({shouldForwardProp:e=>e!=='inline'}).withConfig({displayName:"Radio__Group",componentId:"ui__sc-1u0nc40-1"})(["display:flex;flex-direction:column;line-height:normal;> ","{margin-left:0;&:not(:first-child){margin-top:15px;}}",""],Root,(e=>e.inline?styled.css(["flex-direction:row;&&& > ","{margin-top:0;}> "," + ","{margin-left:15px;}",""],Root,Root,Root,screen.screenMaxS()`
+'use strict';var styled=require('styled-components');var screen=require('../../mixins/screen.js');var responsiveProperty=require('../../mixins/responsive-property.js');var display=require('../../mixins/display.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const sizeRadio=(e=14)=>styled.css(["font-size:","px;svg{width:","px;height:","px;}"],e,e,e);const disabled=styled.css(["cursor:not-allowed;color:#d4d4d4;svg{circle:nth-child(1){stroke:#d4d4d4;}circle:nth-child(2){fill:#d4d4d4;}}& > span{cursor:not-allowed;}"]);const error=styled.css(["svg{circle{fill:#ffeef0;stroke:#ffa3a3;}circle:nth-child(2){fill:#ffa3a3;}}"]);const Root=styled__default.default.label.withConfig({shouldForwardProp:e=>['children','htmlFor'].includes(e)}).withConfig({displayName:"Radio__Root",componentId:"ui__sc-1u0nc40-0"})(["align-items:baseline;user-select:none;cursor:pointer;width:auto;svg{position:relative;top:2px;flex-shrink:0;circle:nth-child(2){opacity:0;transition:all 0.2s ease;}}& + &{margin-left:15px;}input{display:none;appearance:none;&:checked + svg{circle:nth-child(2){opacity:1;transform:scale(1);}","}}> span{margin-left:10px;cursor:pointer;}"," "," "," "," "," "," "," ",""],e=>e.error?null:styled.css(["circle:not(:disabled){stroke:#48a1e6;}circle:not(:disabled):last-child{fill:#48a1e6;}"]),e=>e.size==='small'?sizeRadio(14):null,e=>e.size==='medium'?sizeRadio(16):null,e=>e.size==='large'?sizeRadio(18):null,e=>e.disabled?disabled:null,e=>e.error?error:null,e=>e.display?display.display(e.display):null,e=>responsiveProperty.responsiveProperty('width',e.fluid&&e.width!=='auto'&&!Array.isArray(e.width)?'max-width':'width'),e=>e.fluid?styled.css(["width:100%;"]):null);const Group=styled__default.default.div.withConfig({shouldForwardProp:e=>e!=='inline'}).withConfig({displayName:"Radio__Group",componentId:"ui__sc-1u0nc40-1"})(["display:flex;flex-direction:column;line-height:normal;> ","{margin-left:0;&:not(:first-child){margin-top:15px;}}",""],Root,e=>e.inline?styled.css(["flex-direction:row;&&& > ","{margin-top:0;}> "," + ","{margin-left:15px;}",""],Root,Root,Root,screen.screenMaxS()`
             flex-direction: column;
             > &{Root} {
               margin-top: 0;
@@ -7,5 +7,5 @@
               margin-left: 0;
               margin-top: 15px;
             }
-          `):null));exports.Group=Group,exports.Root=Root;
+          `):null);exports.Group=Group,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Radio/style.js.map

@@ -1 +1 @@
-{"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 type { RadioGroupProps } from './Group'\nimport type { 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","size","css","disabled","error","Root","styled","label","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","responsiveProperty","fluid","width","Array","isArray","Group","div","inline","screenMaxS"],"mappings":"oUAOA,MAAMA,UAAYA,CAACC,EAAO,KAAOC,OAAAA,IAAG,CAAA,aAAA,gBAAA,aAAA,QACrBD,EAEFA,EACCA,GAId,MAAME,SAAWD,OAAAA,IAAG,CAAA,8IAgBpB,MAAME,MAAQF,OAAAA,IAAG,CAAA,gFAYV,MAAMG,KAAOC,gBAAAA,QAAOC,MAAMC,WAAuB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,WAAWC,SAASD,KAC9DF,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAFkBP,CAElB,CAAA,qSAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAyBOQ,GACAA,EAAMV,MASH,KARAF,WAAG,CAAA,4FAeVY,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMb,OAAS,SAAWD,UAAU,IAAM,OACrDc,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMX,SAAWA,SAAW,OACvCW,GAAWA,EAAMV,MAAQA,MAAQ,OACjCU,GAAWA,EAAMC,QAAUA,QAAAA,QAAQD,EAAMC,SAAW,OACpDD,GACDE,mBAAAA,mBACE,QACAF,EAAMG,OAASH,EAAMI,QAAU,SAAWC,MAAMC,QAAQN,EAAMI,OAAS,YAAc,WAEtFJ,GACDA,EAAMG,MACFf,WAAG,CAAA,gBAGH,OAGD,MAAMmB,MAAQf,gBAAAA,QAAOgB,IAAId,WAA4B,CAC1DC,kBAAoBC,GAASA,IAAS,WACtCF,WAAA,CAAAI,YAAA,eAAAC,YAAA,oBAFmBP,CAEnB,CAAA,2DAAA,wDAAA,IAIID,MAMDS,GACDA,EAAMS,OACFrB,OAAAA,IAAG,CAAA,4BAAA,oBAAA,MAAA,sBAAA,IAEOG,KAGJA,KAAUA,KAGZmB,mBAAY;;;;;gBAKRnB,UAAUA;;;;aAMlB"}
+{"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 type { RadioGroupProps } from './Group'\nimport type { 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","size","css","disabled","error","Root","styled","label","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","responsiveProperty","fluid","width","Array","isArray","Group","div","inline","screenMaxS"],"mappings":"oUAOA,MAAMA,UAAYA,CAACC,EAAO,KAAOC,OAAAA,IAAG,CAAA,aAAA,gBAAA,aAAA,QACrBD,EAEFA,EACCA,GAId,MAAME,SAAWD,OAAAA,IAAG,CAAA,8IAgBpB,MAAME,MAAQF,OAAAA,IAAG,CAAA,gFAYV,MAAMG,KAAOC,gBAAAA,QAAOC,MAAMC,WAAuB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,WAAWC,SAASD,KAC9DF,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAFkBP,CAElB,CAAA,qSAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAyBOQ,GACAA,EAAMV,MASH,KARAF,WAAG,CAAA,0FAeVY,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,KACpDc,GAAWA,EAAMb,OAAS,SAAWD,UAAU,IAAM,KACrDc,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,KACpDc,GAAWA,EAAMX,SAAWA,SAAW,KACvCW,GAAWA,EAAMV,MAAQA,MAAQ,KACjCU,GAAWA,EAAMC,QAAUA,QAAAA,QAAQD,EAAMC,SAAW,KACpDD,GACDE,mBAAAA,mBACE,QACAF,EAAMG,OAASH,EAAMI,QAAU,SAAWC,MAAMC,QAAQN,EAAMI,OAAS,YAAc,SAEtFJ,GACDA,EAAMG,MACFf,WAAG,CAAA,gBAGH,MAGD,MAAMmB,MAAQf,gBAAAA,QAAOgB,IAAId,WAA4B,CAC1DC,kBAAoBC,GAASA,IAAS,WACtCF,WAAA,CAAAI,YAAA,eAAAC,YAAA,oBAFmBP,CAEnB,CAAA,2DAAA,wDAAA,IAIID,KAMDS,GACDA,EAAMS,OACFrB,OAAAA,IAAG,CAAA,4BAAA,oBAAA,MAAA,sBAAA,IAEOG,KAGJA,KAAUA,KAGZmB,mBAAY;;;;;gBAKRnB,UAAUA;;;;aAMlB"}

package/components/Radio/style.mjs

@@ -1,4 +1,4 @@
-import styled,{css}from'styled-components';import{screenMaxS}from'../../mixins/screen.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';import{display}from'../../mixins/display.mjs';const sizeRadio=(i=14)=>css(["font-size:","px;svg{width:","px;height:","px;}"],i,i,i);const disabled=css(["cursor:not-allowed;color:#d4d4d4;svg{circle:nth-child(1){stroke:#d4d4d4;}circle:nth-child(2){fill:#d4d4d4;}}& > span{cursor:not-allowed;}"]);const error=css(["svg{circle{fill:#ffeef0;stroke:#ffa3a3;}circle:nth-child(2){fill:#ffa3a3;}}"]);const Root=styled.label.withConfig({shouldForwardProp:i=>['children','htmlFor'].includes(i)}).withConfig({displayName:"Radio__Root",componentId:"ui__sc-1u0nc40-0"})(["align-items:baseline;user-select:none;cursor:pointer;width:auto;svg{position:relative;top:2px;flex-shrink:0;circle:nth-child(2){opacity:0;transition:all 0.2s ease;}}& + &{margin-left:15px;}input{display:none;appearance:none;&:checked + svg{circle:nth-child(2){opacity:1;transform:scale(1);}","}}> span{margin-left:10px;cursor:pointer;}"," "," "," "," "," "," "," ",""],(i=>i.error?null:css(["circle:not(:disabled){stroke:#48a1e6;}circle:not(:disabled):last-child{fill:#48a1e6;}"])),(i=>i.size==='small'?sizeRadio(14):null),(i=>i.size==='medium'?sizeRadio(16):null),(i=>i.size==='large'?sizeRadio(18):null),(i=>i.disabled?disabled:null),(i=>i.error?error:null),(i=>i.display?display(i.display):null),(i=>responsiveProperty('width',i.fluid&&i.width!=='auto'&&!Array.isArray(i.width)?'max-width':'width')),(i=>i.fluid?css(["width:100%;"]):null));const Group=styled.div.withConfig({shouldForwardProp:i=>i!=='inline'}).withConfig({displayName:"Radio__Group",componentId:"ui__sc-1u0nc40-1"})(["display:flex;flex-direction:column;line-height:normal;> ","{margin-left:0;&:not(:first-child){margin-top:15px;}}",""],Root,(i=>i.inline?css(["flex-direction:row;&&& > ","{margin-top:0;}> "," + ","{margin-left:15px;}",""],Root,Root,Root,screenMaxS()`
+import styled,{css}from'styled-components';import{screenMaxS}from'../../mixins/screen.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';import{display}from'../../mixins/display.mjs';const sizeRadio=(i=14)=>css(["font-size:","px;svg{width:","px;height:","px;}"],i,i,i);const disabled=css(["cursor:not-allowed;color:#d4d4d4;svg{circle:nth-child(1){stroke:#d4d4d4;}circle:nth-child(2){fill:#d4d4d4;}}& > span{cursor:not-allowed;}"]);const error=css(["svg{circle{fill:#ffeef0;stroke:#ffa3a3;}circle:nth-child(2){fill:#ffa3a3;}}"]);const Root=styled.label.withConfig({shouldForwardProp:i=>['children','htmlFor'].includes(i)}).withConfig({displayName:"Radio__Root",componentId:"ui__sc-1u0nc40-0"})(["align-items:baseline;user-select:none;cursor:pointer;width:auto;svg{position:relative;top:2px;flex-shrink:0;circle:nth-child(2){opacity:0;transition:all 0.2s ease;}}& + &{margin-left:15px;}input{display:none;appearance:none;&:checked + svg{circle:nth-child(2){opacity:1;transform:scale(1);}","}}> span{margin-left:10px;cursor:pointer;}"," "," "," "," "," "," "," ",""],i=>i.error?null:css(["circle:not(:disabled){stroke:#48a1e6;}circle:not(:disabled):last-child{fill:#48a1e6;}"]),i=>i.size==='small'?sizeRadio(14):null,i=>i.size==='medium'?sizeRadio(16):null,i=>i.size==='large'?sizeRadio(18):null,i=>i.disabled?disabled:null,i=>i.error?error:null,i=>i.display?display(i.display):null,i=>responsiveProperty('width',i.fluid&&i.width!=='auto'&&!Array.isArray(i.width)?'max-width':'width'),i=>i.fluid?css(["width:100%;"]):null);const Group=styled.div.withConfig({shouldForwardProp:i=>i!=='inline'}).withConfig({displayName:"Radio__Group",componentId:"ui__sc-1u0nc40-1"})(["display:flex;flex-direction:column;line-height:normal;> ","{margin-left:0;&:not(:first-child){margin-top:15px;}}",""],Root,i=>i.inline?css(["flex-direction:row;&&& > ","{margin-top:0;}> "," + ","{margin-left:15px;}",""],Root,Root,Root,screenMaxS()`
             flex-direction: column;
             > &{Root} {
               margin-top: 0;
@@ -7,5 +7,5 @@ import styled,{css}from'styled-components';import{screenMaxS}from'../../mixins/s
               margin-left: 0;
               margin-top: 15px;
             }
-          `):null));export{Group,Root};
+          `):null);export{Group,Root};
 //# sourceMappingURL=style.mjs.map

package/components/Radio/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","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 type { RadioGroupProps } from './Group'\nimport type { 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","size","css","disabled","error","Root","styled","label","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","responsiveProperty","fluid","width","Array","isArray","Group","div","inline","screenMaxS"],"mappings":"8MAOA,MAAMA,UAAYA,CAACC,EAAO,KAAOC,IAAG,CAAA,aAAA,gBAAA,aAAA,QACrBD,EAEFA,EACCA,GAId,MAAME,SAAWD,IAAG,CAAA,8IAgBpB,MAAME,MAAQF,IAAG,CAAA,gFAYV,MAAMG,KAAOC,OAAOC,MAAMC,WAAuB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,WAAWC,SAASD,KAC9DF,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAFkBP,CAElB,CAAA,qSAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAyBOQ,GACAA,EAAMV,MASH,KARAF,IAAG,CAAA,4FAeVY,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMb,OAAS,SAAWD,UAAU,IAAM,OACrDc,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMX,SAAWA,SAAW,OACvCW,GAAWA,EAAMV,MAAQA,MAAQ,OACjCU,GAAWA,EAAMC,QAAUA,QAAQD,EAAMC,SAAW,OACpDD,GACDE,mBACE,QACAF,EAAMG,OAASH,EAAMI,QAAU,SAAWC,MAAMC,QAAQN,EAAMI,OAAS,YAAc,WAEtFJ,GACDA,EAAMG,MACFf,IAAG,CAAA,gBAGH,OAGD,MAAMmB,MAAQf,OAAOgB,IAAId,WAA4B,CAC1DC,kBAAoBC,GAASA,IAAS,WACtCF,WAAA,CAAAI,YAAA,eAAAC,YAAA,oBAFmBP,CAEnB,CAAA,2DAAA,wDAAA,IAIID,MAMDS,GACDA,EAAMS,OACFrB,IAAG,CAAA,4BAAA,oBAAA,MAAA,sBAAA,IAEOG,KAGJA,KAAUA,KAGZmB,YAAY;;;;;gBAKRnB,UAAUA;;;;aAMlB"}
+{"version":3,"file":"style.mjs","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 type { RadioGroupProps } from './Group'\nimport type { 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","size","css","disabled","error","Root","styled","label","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","responsiveProperty","fluid","width","Array","isArray","Group","div","inline","screenMaxS"],"mappings":"8MAOA,MAAMA,UAAYA,CAACC,EAAO,KAAOC,IAAG,CAAA,aAAA,gBAAA,aAAA,QACrBD,EAEFA,EACCA,GAId,MAAME,SAAWD,IAAG,CAAA,8IAgBpB,MAAME,MAAQF,IAAG,CAAA,gFAYV,MAAMG,KAAOC,OAAOC,MAAMC,WAAuB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,WAAWC,SAASD,KAC9DF,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAFkBP,CAElB,CAAA,qSAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAyBOQ,GACAA,EAAMV,MASH,KARAF,IAAG,CAAA,0FAeVY,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,KACpDc,GAAWA,EAAMb,OAAS,SAAWD,UAAU,IAAM,KACrDc,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,KACpDc,GAAWA,EAAMX,SAAWA,SAAW,KACvCW,GAAWA,EAAMV,MAAQA,MAAQ,KACjCU,GAAWA,EAAMC,QAAUA,QAAQD,EAAMC,SAAW,KACpDD,GACDE,mBACE,QACAF,EAAMG,OAASH,EAAMI,QAAU,SAAWC,MAAMC,QAAQN,EAAMI,OAAS,YAAc,SAEtFJ,GACDA,EAAMG,MACFf,IAAG,CAAA,gBAGH,MAGD,MAAMmB,MAAQf,OAAOgB,IAAId,WAA4B,CAC1DC,kBAAoBC,GAASA,IAAS,WACtCF,WAAA,CAAAI,YAAA,eAAAC,YAAA,oBAFmBP,CAEnB,CAAA,2DAAA,wDAAA,IAIID,KAMDS,GACDA,EAAMS,OACFrB,IAAG,CAAA,4BAAA,oBAAA,MAAA,sBAAA,IAEOG,KAGJA,KAAUA,KAGZmB,YAAY;;;;;gBAKRnB,UAAUA;;;;aAMlB"}

package/components/Scrollable/Scrollable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scrollable.js","sources":["../../../../src/components/Scrollable/Scrollable.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { Scrollbars } from 'rc-scrollbars'\nimport type { ScrollbarsProps } from 'rc-scrollbars'\nimport { withTheme } from 'styled-components'\nimport type { DefaultTheme } 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?: React.CSSProperties\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\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: (this.props.theme as DefaultTheme).colors[thumbColor as keyof DefaultTheme['colors']],\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 as keyof DefaultTheme['colors']]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        ) : null}\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 as keyof DefaultTheme['colors']]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        ) : null}\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":["withThemeScrollable","withTheme","Scrollable","PureComponent","static","autoHide","autoHideTimeout","autoHideDuration","autoHeight","withShadow","shadowHeight","shadowOpacity","shadowColor","thumbColor","thumbOpacity","thumbBorderRadius","thumbWidth","trackColor","trackOpacity","trackBorderRadius","trackWidth","disabled","isolate","scrollable","ts","state","scrollTop","scrollHeight","clientHeight","componentDidMount","this","parentNode","addEventListener","handleTouchStart","handleTouchMove","handleScroll","componentWillUnmount","removeEventListener","e","touches","clientY","props","scrollarea","te","changedTouches","dir","upTouch","endTouch","Math","floor","preventDefault","deltaY","detail","handleUpdate","values","setState","calculateShadowOffset","diffH","hexToRgb","hex","result","exec","r","parseInt","g","b","renderTrack","style","trackStyle","background","borderRadius","zIndex","right","top","bottom","width","left","height","_jsx","renderThumb","scrollableProps","opacity","backgroundColor","theme","colors","render","children","className","shadowOffset","_jsxs","position","display","backgroundImage","transform","Scrollbars","renderTrackVertical","nodeProps","renderTrackHorizontal","renderThumbHorizontal","renderThumbVertical","onUpdate","hideTracksWhenNotNeeded","ref","node","displayName"],"mappings":"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"}
+{"version":3,"file":"Scrollable.js","sources":["../../../../src/components/Scrollable/Scrollable.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { Scrollbars } from 'rc-scrollbars'\nimport type { ScrollbarsProps } from 'rc-scrollbars'\nimport { withTheme } from 'styled-components'\nimport type { DefaultTheme } 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?: React.CSSProperties\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\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: (this.props.theme as DefaultTheme).colors[thumbColor as keyof DefaultTheme['colors']],\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 as keyof DefaultTheme['colors']]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        ) : null}\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 as keyof DefaultTheme['colors']]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        ) : null}\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":["withThemeScrollable","withTheme","Scrollable","PureComponent","static","autoHide","autoHideTimeout","autoHideDuration","autoHeight","withShadow","shadowHeight","shadowOpacity","shadowColor","thumbColor","thumbOpacity","thumbBorderRadius","thumbWidth","trackColor","trackOpacity","trackBorderRadius","trackWidth","disabled","isolate","scrollable","ts","state","scrollTop","scrollHeight","clientHeight","componentDidMount","this","parentNode","addEventListener","handleTouchStart","handleTouchMove","handleScroll","componentWillUnmount","removeEventListener","e","touches","clientY","props","scrollarea","te","changedTouches","dir","upTouch","endTouch","Math","floor","preventDefault","deltaY","detail","handleUpdate","values","setState","calculateShadowOffset","diffH","hexToRgb","hex","result","exec","r","parseInt","g","b","renderTrack","style","trackStyle","background","borderRadius","zIndex","right","top","bottom","width","left","height","_jsx","renderThumb","scrollableProps","opacity","backgroundColor","theme","colors","render","children","className","shadowOffset","_jsxs","position","display","backgroundImage","transform","Scrollbars","renderTrackVertical","nodeProps","renderTrackHorizontal","renderThumbHorizontal","renderThumbVertical","onUpdate","hideTracksWhenNotNeeded","ref","node","displayName"],"mappings":"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"}