@foxford/ui 2.63.0 → 2.64.0-beta-380190a-20250220

package/components/ProgressCircle/ProgressCircle.js

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

package/components/ProgressCircle/ProgressCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.js","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\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/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef((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","jsxs","_jsx","Circle","strokeLinecap","strokeDasharray","jsx","undefined","displayName","sizes","SIZES"],"mappings":"wQAmBMA,MAAAA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,YAAW,CAACC,EAAOC,KACjB,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,KAAAA,mBAAmBL,IAAU,EAAGP,GAEhD,OACEa,WAAAA,KAACC,MAAAA,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,WAAAG,KAACF,UAAU,CAAAN,SAAA,CACTS,WAAAA,IAACH,MAAaI,OAAA,CAAE,UACRX,GAAU,SAChBI,EAAU,EACRM,WAAAA,IAACH,MAAAA,OAAa,CAACK,cAAc,QAAQC,gBAAiB,GAAGT,WACvD,KAEJM,WAAAI,IAACP,aAAa,CAACK,cAAc,aAGhCX,SAAac,GACZL,WAAAA,IAACH,MAAAA,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEe,YA5DmB,iBA6DnBC,MAAOC,UAAAA"}

package/components/ProgressCircle/ProgressCircle.mjs

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

package/components/ProgressCircle/ProgressCircle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.mjs","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\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/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef((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":"kRAmBMA,MAAAA,eAAuEC,gBAI3EC,YAAW,CAACC,EAAOC,KACjB,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,IAAU,EAAGP,GAEhD,OACEa,KAACC,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,KAACC,IAAU,CAAAN,SAAA,CACTQ,IAACF,OAAa,CAAE,UACRP,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"}

package/components/ProgressCircle/constants.js

@@ -0,0 +1,2 @@
+'use strict';exports.SIZES={xl:{width:140,height:140},l:{width:120,height:120},m:{width:100,height:100},s:{width:80,height:80}};
+//# sourceMappingURL=constants.js.map

package/components/ProgressCircle/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/ProgressCircle/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { ProgressCircleSize } from './types'\n\nexport const SIZES: Record<ProgressCircleSize, CSSProperties> = {\n  xl: {\n    width: 140,\n    height: 140,\n  },\n  l: {\n    width: 120,\n    height: 120,\n  },\n  m: {\n    width: 100,\n    height: 100,\n  },\n  s: {\n    width: 80,\n    height: 80,\n  },\n}\n"],"names":["xl","width","height","l","m","s"],"mappings":"2BAGgE,CAC9DA,GAAI,CACFC,MAAO,IACPC,OAAQ,KAEVC,EAAG,CACDF,MAAO,IACPC,OAAQ,KAEVE,EAAG,CACDH,MAAO,IACPC,OAAQ,KAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ"}

package/components/ProgressCircle/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xl:{width:140,height:140},l:{width:120,height:120},m:{width:100,height:100},s:{width:80,height:80}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/ProgressCircle/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/ProgressCircle/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { ProgressCircleSize } from './types'\n\nexport const SIZES: Record<ProgressCircleSize, CSSProperties> = {\n  xl: {\n    width: 140,\n    height: 140,\n  },\n  l: {\n    width: 120,\n    height: 120,\n  },\n  m: {\n    width: 100,\n    height: 100,\n  },\n  s: {\n    width: 80,\n    height: 80,\n  },\n}\n"],"names":["SIZES","xl","width","height","l","m","s"],"mappings":"AAGO,MAAMA,MAAmD,CAC9DC,GAAI,CACFC,MAAO,IACPC,OAAQ,KAEVC,EAAG,CACDF,MAAO,IACPC,OAAQ,KAEVE,EAAG,CACDH,MAAO,IACPC,OAAQ,KAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ"}

package/components/ProgressCircle/style.js

@@ -0,0 +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;
+//# sourceMappingURL=style.js.map

package/components/ProgressCircle/style.js.map

@@ -0,0 +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,OAASA,UAa9B,CAAA,2JAEM,MAAMC,OAASC,gBAAAA,QAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAKrB,CAAA,eAYM,MAAMQ,KAAOR,gBAAAA,QAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAOfW,CAAAA,yDAAAA,IAAAA,IAAAA,IAAAA,KAAAA,UACMA,EAAMC,OAAU,SACnB,eACIb,iGAIJc,OAAGA,IAAA,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,eAAcA,eACdC,mCAGG,MAAMC,IAAMtB,gBAAAA,QAAOuB,IAAIrB,MAAM,CAClCsB,MAAO,6BACPC,QAAS,cACTpB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,oBAHiBP,CAMlB,CAAA,kCAEY0B,QAAU1B,gBAAAA,QAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAUtB,CAAA"}

package/components/ProgressCircle/style.mjs

@@ -0,0 +1,2 @@
+import styled,{keyframes,css}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

@@ -0,0 +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,UAarB,CAAA,2JAEM,MAAMC,OAASC,OAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAKrB,CAAA,eAYM,MAAMQ,KAAOR,OAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAOfW,CAAAA,yDAAAA,IAAAA,IAAAA,IAAAA,KAAAA,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,CAMlB,CAAA,kCAEY0B,QAAU1B,OAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAUtB,CAAA"}

package/components/ProgressLine/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var iconPack=require('@foxford/icon-pack');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var utils=require('./utils.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardProgressLineProp=style.createShouldForwardProp((o=>!['value','max','fancy','hasIcon'].includes(o)));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;"," "," "," "," ",""],(o=>typeof o.value=='number'?`\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100-utils.getProgressPercent(o.value,o.max)}%);\n        }\n      `:styled.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.responsiveSize,responsiveMargin.responsiveMargin);const StarFillRotated=styled__default.default(iconPack.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 iconPack=require('@foxford/icon-pack');var misc=require('../../shared/utils/misc.js');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardProgressLineProp=style.createShouldForwardProp((o=>!['value','max','fancy','hasIcon'].includes(o)));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;"," "," "," "," ",""],(o=>typeof o.value=='number'?`\n        & ${Bar}, \n        & ${IconBar} {\n          transition: transform 150ms linear;\n          transform: translateX(-${100-misc.getProgressPercent(o.value,o.max)}%);\n        }\n      `:styled.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.responsiveSize,responsiveMargin.responsiveMargin);const StarFillRotated=styled__default.default(iconPack.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 { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { getProgressPercent } from './utils'\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","default","StarFill"],"mappings":"8ZAQA,MAAMA,8BAAgCC,MAAuBA,yBAC1DC,IAAa,CAAC,QAAS,MAAO,QAAS,WAAWC,SAASD,KAG9D,MAAME,eAAiBC,OAASA,UAO/B,CAAA,4EAEYC,MAAQC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMpB,CAAA,8FAEYK,IAAML,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAAVJ,CAKlB,CAAA,8EAEYM,QAAUN,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAAVJ,CAOtB,CAAA,uFAEYO,aAAeP,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,mBAAVJ,CAO3B,CAAA,wGAcM,MAAMQ,KAAOR,gBAAAA,QAAOC,IAAIC,WAAoC,CACjEO,kBAAmBhB,gCACnBS,WAAA,CAAAC,YAAA,qBAAAC,YAAA,mBAFkBJ,CAMfU,CAAAA,2CAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,UACMA,EAAMC,OAAU,SACnB,eACIN,oBACAC,8FAEuB,IAAMM,MAAAA,mBAAmBF,EAAMC,MAAOD,EAAMG,6BAGvEC,OAAGA,IACGT,CAAAA,KAAAA,wBAAAA,sBAAAA,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,eAAcA,eACdC,mCAGG,MAAMC,gBAAkBzB,gBAAM0B,QAACC,mBAASzB,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAhBJ,CAE9B,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/misc'\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","default","StarFill"],"mappings":"6aAQA,MAAMA,8BAAgCC,MAAuBA,yBAC1DC,IAAa,CAAC,QAAS,MAAO,QAAS,WAAWC,SAASD,KAG9D,MAAME,eAAiBC,OAASA,UAO/B,CAAA,4EAEYC,MAAQC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMpB,CAAA,8FAEYK,IAAML,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAAVJ,CAKlB,CAAA,8EAEYM,QAAUN,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAAVJ,CAOtB,CAAA,uFAEYO,aAAeP,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,mBAAVJ,CAO3B,CAAA,wGAcM,MAAMQ,KAAOR,gBAAAA,QAAOC,IAAIC,WAAoC,CACjEO,kBAAmBhB,gCACnBS,WAAA,CAAAC,YAAA,qBAAAC,YAAA,mBAFkBJ,CAMfU,CAAAA,2CAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,UACMA,EAAMC,OAAU,SACnB,eACIN,oBACAC,8FAEuB,IAAMM,KAAAA,mBAAmBF,EAAMC,MAAOD,EAAMG,6BAGvEC,OAAGA,IACGT,CAAAA,KAAAA,wBAAAA,sBAAAA,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,eAAcA,eACdC,mCAGG,MAAMC,gBAAkBzB,gBAAM0B,QAACC,mBAASzB,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAhBJ,CAE9B,CAAA"}

package/components/ProgressLine/style.mjs

@@ -1,2 +1,2 @@
-import styled,{keyframes,css}from'styled-components';import{StarFill}from'@foxford/icon-pack';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{getProgressPercent}from'./utils.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,{keyframes,css}from'styled-components';import{StarFill}from'@foxford/icon-pack';import{getProgressPercent}from'../../shared/utils/misc.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.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 { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { getProgressPercent } from './utils'\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":"0UAQA,MAAMA,8BAAgCC,yBACnCC,IAAa,CAAC,QAAS,MAAO,QAAS,WAAWC,SAASD,KAG9D,MAAME,eAAiBC,UAOtB,CAAA,4EAEYC,MAAQC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMpB,CAAA,8FAEYK,IAAML,OAAOC,IAAGC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAAVJ,CAKlB,CAAA,8EAEYM,QAAUN,OAAOC,IAAGC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAAVJ,CAOtB,CAAA,uFAEYO,aAAeP,OAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,mBAAVJ,CAO3B,CAAA,wGAcM,MAAMQ,KAAOR,OAAOC,IAAIC,WAAoC,CACjEO,kBAAmBhB,gCACnBS,WAAA,CAAAC,YAAA,qBAAAC,YAAA,mBAFkBJ,CAMfU,CAAAA,2CAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,UACMA,EAAMC,OAAU,SACnB,eACIN,oBACAC,8FAEuB,IAAMM,mBAAmBF,EAAMC,MAAOD,EAAMG,6BAGvEC,IACMT,CAAAA,KAAAA,wBAAAA,sBAAAA,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,CAE9B,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/misc'\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":"0VAQA,MAAMA,8BAAgCC,yBACnCC,IAAa,CAAC,QAAS,MAAO,QAAS,WAAWC,SAASD,KAG9D,MAAME,eAAiBC,UAOtB,CAAA,4EAEYC,MAAQC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMpB,CAAA,8FAEYK,IAAML,OAAOC,IAAGC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAAVJ,CAKlB,CAAA,8EAEYM,QAAUN,OAAOC,IAAGC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAAVJ,CAOtB,CAAA,uFAEYO,aAAeP,OAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,mBAAVJ,CAO3B,CAAA,wGAcM,MAAMQ,KAAOR,OAAOC,IAAIC,WAAoC,CACjEO,kBAAmBhB,gCACnBS,WAAA,CAAAC,YAAA,qBAAAC,YAAA,mBAFkBJ,CAMfU,CAAAA,2CAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,UACMA,EAAMC,OAAU,SACnB,eACIN,oBACAC,8FAEuB,IAAMM,mBAAmBF,EAAMC,MAAOD,EAAMG,6BAGvEC,IACMT,CAAAA,KAAAA,wBAAAA,sBAAAA,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,CAE9B,CAAA"}

package/dts/index.d.ts

@@ -2405,15 +2405,15 @@ interface ProgressLineProps extends ResponsiveSizeProps<ProgressLineSize>, Respo
     /**
      * Значение, которое показывает, какая часть процесса завершена.
      *
-     * Валидные диапазоны: 0 <= value <= max; 0 <= value <= 1 (если max не используется).
+     * Валидные диапазоны: 0 <= `value` <= `max`; 0 <= `value` <= 1 (если `max` не используется).
      *
      * Если этот проп не используется, компонент находится в indeterminate состоянии.
      * @default undefined */
     value?: number;
     /**
-     * Значение, которое показывает, сколько value требуется для завершения процесса.
+     * Значение, которое показывает, сколько `value` требуется для завершения процесса.
      *
-     * Валидное значение: max > 0.
+     * Валидное значение: `max` > 0.
      * @default 1 */
     max?: number;
     /**
@@ -2427,7 +2427,7 @@ interface ProgressLineProps extends ResponsiveSizeProps<ProgressLineSize>, Respo
      * @default {} */
     iconProps?: Partial<IconProps>;
     /**
-     * Кастомные цвета
+     * Кастомные цвета.
      * @default undefined */
     palette?: Partial<Record<keyof ProgressLinePalette, Color>>;
 }
@@ -3886,7 +3886,7 @@ declare namespace ProgressSegmented {
     var displayName: string;
 }
 
-interface ProgressCircleProps extends BaseProps, ColorProperty<'resultColor'>, ColorProperty<'strokeBGColor'> {
+interface ProgressCircleProps$1 extends BaseProps, ColorProperty<'resultColor'>, ColorProperty<'strokeBGColor'> {
     /**
      * status ['fail', 'success', 'started']
      */
@@ -3931,7 +3931,7 @@ interface ProgressCircleState {
  * - [`Color<'resultColor'>`](#/Миксины)
  * - [`Color<'strokeBGColor'>`](#/Миксины)
  */
-declare class ProgressCircle extends PureComponent<typeof ProgressCircle.defaultProps & ProgressCircleProps, ProgressCircleState> {
+declare class ProgressCircle$1 extends PureComponent<typeof ProgressCircle$1.defaultProps & ProgressCircleProps$1, ProgressCircleState> {
     static displayName: string;
     static defaultProps: {
         size: number;
@@ -3941,9 +3941,9 @@ declare class ProgressCircle extends PureComponent<typeof ProgressCircle.default
         resultColor: string;
         progressStartAngle: number;
     };
-    constructor(props: typeof ProgressCircle.defaultProps & ProgressCircleProps);
+    constructor(props: typeof ProgressCircle$1.defaultProps & ProgressCircleProps$1);
     componentDidMount(): void;
-    componentDidUpdate(prevProps: ProgressCircleProps): void;
+    componentDidUpdate(prevProps: ProgressCircleProps$1): void;
     renderSvg: () => void;
     render(): JSX.Element;
 }
@@ -3969,7 +3969,7 @@ declare namespace Progress {
         backgroundColor: string;
         isLoading: boolean;
     };
-    var Circle: typeof ProgressCircle;
+    var Circle: typeof ProgressCircle$1;
     var Segmented: typeof ProgressSegmented;
     var displayName: string;
 }
@@ -5481,4 +5481,53 @@ interface DropdownProps extends ResponsiveSizeProps<DropdownSize>, ResponsiveMar
  */
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps>;
 
-export { Accordion, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundPropControl, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, type ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };
+declare type ProgressCircleSize = 'xl' | 'l' | 'm' | 's';
+declare type ProgressCirclePalette = {
+    barColor: CSSColor;
+    trackColor: CSSColor;
+};
+interface ProgressCircleProps extends ResponsiveSizeProps<ProgressCircleSize>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
+    /**
+     * Значение, которое показывает, какая часть процесса завершена.
+     *
+     * Валидные диапазоны: 0 <= `value` <= `max`; 0 <= `value` <= 1 (если `max` не используется).
+     *
+     * Если этот проп не используется, компонент находится в indeterminate состоянии.
+     * @default undefined */
+    value?: number;
+    /**
+     * Значение, которое показывает, сколько `value` требуется для завершения процесса.
+     *
+     * Валидное значение: `max` > 0.
+     * @default 1 */
+    max?: number;
+    /**
+     * Кастомные цвета.
+     * @default undefined */
+    palette?: Partial<Record<keyof ProgressCirclePalette, Color>>;
+    /**
+     * Центрированный контент.
+     *
+     * При использовании функции в аргументе будут переданы пропсы размеров, а также `value`, `max` и `percent`.
+     * @default undefined */
+    children?: React.ReactNode | ((props: {
+        value?: number;
+        max: number;
+        percent: number;
+        sizeProps: Pick<ProgressCircleProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL'>;
+    }) => React.ReactNode);
+}
+
+/**
+ *
+ * Компонент поддерживает все атрибуты \<div\> элемента.
+ *
+ * Переданный "ref" будет ассоциирован с рутовым элементом.
+ *
+ * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
+ *
+ * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressCircle/types.ts).
+ */
+declare const ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps>;
+
+export { Accordion, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundPropControl, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle, type ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };

package/index.js

@@ -1,2 +1,2 @@
-'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var themeProvider=require('./theme/theme-provider.js');var themes=require('./theme/themes.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var index=require('./components/Amount/data/index.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var Container=require('./components/Container/Container.js');var Icon=require('./components/Icon/Icon.js');var Modal=require('./components/Modal/Modal.js');var Paper=require('./components/Paper/Paper.js');var Progress=require('./components/Progress/Progress.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Separator=require('./components/Separator/Separator.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var Tabs=require('./components/Tabs/Tabs.js');var Text=require('./components/Text/Text.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var Tag=require('./components/Tag/Tag.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Textarea=require('./components/Textarea/Textarea.js');var Input=require('./components/Input/Input.js');var style=require('./components/Input/style.js');var Radio=require('./components/Radio/Radio.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Select=require('./components/Select/Select.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Popover=require('./components/Popover/Popover.js');var ListItem=require('./components/ListItem/ListItem.js');var Indicator=require('./components/Indicator/Indicator.js');var IconButton=require('./components/IconButton/IconButton.js');var Chip=require('./components/Chip/Chip.js');var Menu=require('./components/Menu/Menu.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var Dialog=require('./components/Dialog/Dialog.js');var Notification=require('./components/Notification/Notification.js');var Accordion=require('./components/Accordion/Accordion.js');var Switch=require('./components/Switch/Switch.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.ThemeProvider=themeProvider.ThemeProvider,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.ActionBtn=ActionBtn.ActionBtn,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.Container=Container.Container,exports.Icon=Icon.Icon,exports.Modal=Modal.Modal,exports.Paper=Paper.Paper,exports.Progress=Progress.Progress,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Separator=Separator.Separator,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.Tabs=Tabs.Tabs,exports.Text=Text.Text,exports.Tooltip=Tooltip.Tooltip,exports.Tag=Tag.Tag,exports.ContextMenu=ContextMenu.ContextMenu,exports.Textarea=Textarea.Textarea,exports.Input=Input.Input,exports.baseInputStyle=style.baseInputStyle,exports.Radio=Radio.Radio,exports.Checkbox=Checkbox.Checkbox,exports.Select=Select.Select,exports.FormLabel=FormLabel.FormLabel,exports.Skeleton=Skeleton.Skeleton,exports.Popover=Popover.Popover,exports.ListItem=ListItem.ListItem,exports.Indicator=Indicator.Indicator,exports.IconButton=IconButton.IconButton,exports.Chip=Chip.Chip,exports.Menu=Menu.Menu,exports.Dropdown=Dropdown.Dropdown,exports.Dialog=Dialog.Dialog,exports.Notification=Notification.Notification,exports.Accordion=Accordion.Accordion,exports.Switch=Switch.Switch,exports.ProgressLine=ProgressLine.ProgressLine;
+'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var themeProvider=require('./theme/theme-provider.js');var themes=require('./theme/themes.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var index=require('./components/Amount/data/index.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var Container=require('./components/Container/Container.js');var Icon=require('./components/Icon/Icon.js');var Modal=require('./components/Modal/Modal.js');var Paper=require('./components/Paper/Paper.js');var Progress=require('./components/Progress/Progress.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Separator=require('./components/Separator/Separator.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var Tabs=require('./components/Tabs/Tabs.js');var Text=require('./components/Text/Text.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var Tag=require('./components/Tag/Tag.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Textarea=require('./components/Textarea/Textarea.js');var Input=require('./components/Input/Input.js');var style=require('./components/Input/style.js');var Radio=require('./components/Radio/Radio.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Select=require('./components/Select/Select.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Popover=require('./components/Popover/Popover.js');var ListItem=require('./components/ListItem/ListItem.js');var Indicator=require('./components/Indicator/Indicator.js');var IconButton=require('./components/IconButton/IconButton.js');var Chip=require('./components/Chip/Chip.js');var Menu=require('./components/Menu/Menu.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var Dialog=require('./components/Dialog/Dialog.js');var Notification=require('./components/Notification/Notification.js');var Accordion=require('./components/Accordion/Accordion.js');var Switch=require('./components/Switch/Switch.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.ThemeProvider=themeProvider.ThemeProvider,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.ActionBtn=ActionBtn.ActionBtn,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.Container=Container.Container,exports.Icon=Icon.Icon,exports.Modal=Modal.Modal,exports.Paper=Paper.Paper,exports.Progress=Progress.Progress,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Separator=Separator.Separator,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.Tabs=Tabs.Tabs,exports.Text=Text.Text,exports.Tooltip=Tooltip.Tooltip,exports.Tag=Tag.Tag,exports.ContextMenu=ContextMenu.ContextMenu,exports.Textarea=Textarea.Textarea,exports.Input=Input.Input,exports.baseInputStyle=style.baseInputStyle,exports.Radio=Radio.Radio,exports.Checkbox=Checkbox.Checkbox,exports.Select=Select.Select,exports.FormLabel=FormLabel.FormLabel,exports.Skeleton=Skeleton.Skeleton,exports.Popover=Popover.Popover,exports.ListItem=ListItem.ListItem,exports.Indicator=Indicator.Indicator,exports.IconButton=IconButton.IconButton,exports.Chip=Chip.Chip,exports.Menu=Menu.Menu,exports.Dropdown=Dropdown.Dropdown,exports.Dialog=Dialog.Dialog,exports.Notification=Notification.Notification,exports.Accordion=Accordion.Accordion,exports.Switch=Switch.Switch,exports.ProgressLine=ProgressLine.ProgressLine,exports.ProgressCircle=ProgressCircle.ProgressCircle;
 //# sourceMappingURL=index.js.map

package/index.mjs

@@ -1,2 +1,2 @@
-export{hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{Container}from'./components/Container/Container.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Text}from'./components/Text/Text.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{Input}from'./components/Input/Input.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Select}from'./components/Select/Select.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';
+export{hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{Container}from'./components/Container/Container.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Text}from'./components/Text/Text.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{Input}from'./components/Input/Input.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Select}from'./components/Select/Select.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.63.0",
+  "version": "2.64.0-beta-380190a-20250220",
   "description": "UI components library",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
@@ -71,3 +71,4 @@
     "theme"
   ]
 }
+

package/shared/utils/misc.js

@@ -1,2 +1,2 @@
-'use strict';exports.createThrottledCallback=(t,e=100)=>{let l=null;return r=>{l||(l=setTimeout((()=>{l=null}),e),t(r))}};
+'use strict';exports.createThrottledCallback=(t,e=100)=>{let r=null;return n=>{r||(r=setTimeout((()=>{r=null}),e),t(n))}},exports.getProgressPercent=(t,e)=>{if(t<0||e<=0)return 0;const r=t/e*100;return Number.isNaN(r)?0:Math.round(Math.min(r,100))};
 //# sourceMappingURL=misc.js.map

package/shared/utils/misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"misc.js","sources":["../../../../src/shared/utils/misc.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\n\nexport const createThrottledCallback = <T>(cb: (params: T) => void, throttleMS = 100): typeof cb => {\n  let timerId: Nullable<ReturnType<typeof setTimeout>> = null\n\n  return (params: T) => {\n    if (timerId) return\n\n    timerId = setTimeout(() => {\n      timerId = null\n    }, throttleMS)\n\n    cb(params)\n  }\n}\n"],"names":["createThrottledCallback","cb","throttleMS","timerId","params","setTimeout"],"mappings":"6CAEuCA,CAAIC,EAAyBC,EAAa,OAC/E,IAAIC,EAAmD,KAEvD,OAAQC,IACFD,IAEJA,EAAUE,YAAW,KACnBF,EAAU,IAAI,GACbD,GAEHD,EAAGG,GAAO,CACX"}
+{"version":3,"file":"misc.js","sources":["../../../../src/shared/utils/misc.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\n\nexport const createThrottledCallback = <T>(cb: (params: T) => void, throttleMS = 100): typeof cb => {\n  let timerId: Nullable<ReturnType<typeof setTimeout>> = null\n\n  return (params: T) => {\n    if (timerId) return\n\n    timerId = setTimeout(() => {\n      timerId = null\n    }, throttleMS)\n\n    cb(params)\n  }\n}\n\nexport const getProgressPercent = (value: number, max: number): number => {\n  if (value < 0 || max <= 0) return 0\n\n  const percent = (value / max) * 100\n\n  return Number.isNaN(percent) ? 0 : Math.round(Math.min(percent, 100))\n}\n"],"names":["createThrottledCallback","cb","throttleMS","timerId","params","setTimeout","getProgressPercent","value","max","percent","Number","isNaN","Math","round","min"],"mappings":"6CAEuCA,CAAIC,EAAyBC,EAAa,OAC/E,IAAIC,EAAmD,KAEvD,OAAQC,IACFD,IAEJA,EAAUE,YAAW,KACnBF,EAAU,IAAI,GACbD,GAEHD,EAAGG,GAAO,CACX,6BAG+BE,CAACC,EAAeC,KAChD,GAAID,EAAQ,GAAKC,GAAO,EAAG,OAAO,EAElC,MAAMC,EAAWF,EAAQC,EAAO,IAEhC,OAAOE,OAAOC,MAAMF,GAAW,EAAIG,KAAKC,MAAMD,KAAKE,IAAIL,EAAS,KAAK"}

package/shared/utils/misc.mjs

@@ -1,2 +1,2 @@
-const createThrottledCallback=(t,e=100)=>{let l=null;return r=>{l||(l=setTimeout((()=>{l=null}),e),t(r))}};export{createThrottledCallback};
+const createThrottledCallback=(e,t=100)=>{let r=null;return n=>{r||(r=setTimeout((()=>{r=null}),t),e(n))}};const getProgressPercent=(e,t)=>{if(e<0||t<=0)return 0;const r=e/t*100;return Number.isNaN(r)?0:Math.round(Math.min(r,100))};export{createThrottledCallback,getProgressPercent};
 //# sourceMappingURL=misc.mjs.map

package/shared/utils/misc.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"misc.mjs","sources":["../../../../src/shared/utils/misc.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\n\nexport const createThrottledCallback = <T>(cb: (params: T) => void, throttleMS = 100): typeof cb => {\n  let timerId: Nullable<ReturnType<typeof setTimeout>> = null\n\n  return (params: T) => {\n    if (timerId) return\n\n    timerId = setTimeout(() => {\n      timerId = null\n    }, throttleMS)\n\n    cb(params)\n  }\n}\n"],"names":["createThrottledCallback","cb","throttleMS","timerId","params","setTimeout"],"mappings":"AAEO,MAAMA,wBAA0BA,CAAIC,EAAyBC,EAAa,OAC/E,IAAIC,EAAmD,KAEvD,OAAQC,IACFD,IAEJA,EAAUE,YAAW,KACnBF,EAAU,IAAI,GACbD,GAEHD,EAAGG,GAAO,CACX"}
+{"version":3,"file":"misc.mjs","sources":["../../../../src/shared/utils/misc.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\n\nexport const createThrottledCallback = <T>(cb: (params: T) => void, throttleMS = 100): typeof cb => {\n  let timerId: Nullable<ReturnType<typeof setTimeout>> = null\n\n  return (params: T) => {\n    if (timerId) return\n\n    timerId = setTimeout(() => {\n      timerId = null\n    }, throttleMS)\n\n    cb(params)\n  }\n}\n\nexport const getProgressPercent = (value: number, max: number): number => {\n  if (value < 0 || max <= 0) return 0\n\n  const percent = (value / max) * 100\n\n  return Number.isNaN(percent) ? 0 : Math.round(Math.min(percent, 100))\n}\n"],"names":["createThrottledCallback","cb","throttleMS","timerId","params","setTimeout","getProgressPercent","value","max","percent","Number","isNaN","Math","round","min"],"mappings":"AAEO,MAAMA,wBAA0BA,CAAIC,EAAyBC,EAAa,OAC/E,IAAIC,EAAmD,KAEvD,OAAQC,IACFD,IAEJA,EAAUE,YAAW,KACnBF,EAAU,IAAI,GACbD,GAEHD,EAAGG,GAAO,CACX,QAGUE,mBAAqBA,CAACC,EAAeC,KAChD,GAAID,EAAQ,GAAKC,GAAO,EAAG,OAAO,EAElC,MAAMC,EAAWF,EAAQC,EAAO,IAEhC,OAAOE,OAAOC,MAAMF,GAAW,EAAIG,KAAKC,MAAMD,KAAKE,IAAIL,EAAS,KAAK"}

package/components/ProgressLine/utils.js

@@ -1,2 +0,0 @@
-'use strict';exports.getProgressPercent=(r,t)=>{if(r<0||t<=0)return 0;const e=r/t*100;return Number.isNaN(e)?0:Math.round(Math.min(e,100))};
-//# sourceMappingURL=utils.js.map

package/components/ProgressLine/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/ProgressLine/utils.ts"],"sourcesContent":["export const getProgressPercent = (value: number, max: number): number => {\n  if (value < 0 || max <= 0) return 0\n\n  const percent = (value / max) * 100\n\n  return Number.isNaN(percent) ? 0 : Math.round(Math.min(percent, 100))\n}\n"],"names":["getProgressPercent","value","max","percent","Number","isNaN","Math","round","min"],"mappings":"wCAAkCA,CAACC,EAAeC,KAChD,GAAID,EAAQ,GAAKC,GAAO,EAAG,OAAO,EAElC,MAAMC,EAAWF,EAAQC,EAAO,IAEhC,OAAOE,OAAOC,MAAMF,GAAW,EAAIG,KAAKC,MAAMD,KAAKE,IAAIL,EAAS,KAAK"}

package/components/ProgressLine/utils.mjs

@@ -1,2 +0,0 @@
-const getProgressPercent=(r,e)=>{if(r<0||e<=0)return 0;const t=r/e*100;return Number.isNaN(t)?0:Math.round(Math.min(t,100))};export{getProgressPercent};
-//# sourceMappingURL=utils.mjs.map

package/components/ProgressLine/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/components/ProgressLine/utils.ts"],"sourcesContent":["export const getProgressPercent = (value: number, max: number): number => {\n  if (value < 0 || max <= 0) return 0\n\n  const percent = (value / max) * 100\n\n  return Number.isNaN(percent) ? 0 : Math.round(Math.min(percent, 100))\n}\n"],"names":["getProgressPercent","value","max","percent","Number","isNaN","Math","round","min"],"mappings":"MAAaA,mBAAqBA,CAACC,EAAeC,KAChD,GAAID,EAAQ,GAAKC,GAAO,EAAG,OAAO,EAElC,MAAMC,EAAWF,EAAQC,EAAO,IAEhC,OAAOE,OAAOC,MAAMF,GAAW,EAAIG,KAAKC,MAAMD,KAAKE,IAAIL,EAAS,KAAK"}