@foxford/ui 2.62.1 → 2.63.0

package/assets/fox-coin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#F90" d="M12 22C6.476 22 2 17.524 2 12S6.476 2 12 2s10 4.476 10 10-4.476 10-10 10Z"></path><path fill="#FFFA7D" d="M12 19.5A7.498 7.498 0 0 1 4.5 12c0-4.144 3.356-7.5 7.5-7.5s7.5 3.356 7.5 7.5-3.356 7.5-7.5 7.5Z"></path><path fill="#F90" d="m8.15 8.26 3.846 2.7 3.846-2.71v7.5H8.15V8.26Z"></path></svg>

package/assets/star-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M11.405 2.423c.37-.2.817-.2 1.187 0 .33.179.487.51.566.686.092.207.188.482.294.79l1.541 4.432.011.032.035.001 4.692.096c.325.006.616.012.842.036.192.02.555.067.827.326.304.29.442.715.366 1.129-.067.37-.333.62-.477.75-.169.151-.4.327-.66.524l-3.74 2.835-.027.02.01.034 1.359 4.491c.094.312.179.59.226.813.04.189.108.548-.055.887a1.25 1.25 0 0 1-.96.697c-.372.05-.693-.125-.86-.222-.197-.114-.436-.28-.703-.466l-3.852-2.68a3.659 3.659 0 0 0-.028-.02l-.029.02-3.851 2.68c-.267.186-.506.352-.703.466-.167.097-.488.272-.86.222a1.25 1.25 0 0 1-.96-.697c-.163-.34-.095-.698-.055-.887.047-.223.131-.501.225-.813l1.36-4.49c.003-.013.006-.024.01-.034l-.028-.021-3.74-2.835c-.259-.197-.49-.373-.66-.524-.143-.13-.41-.38-.477-.75a1.25 1.25 0 0 1 .367-1.129c.272-.26.635-.306.827-.326.225-.024.517-.03.842-.036l4.691-.096h.035l.011-.033 1.541-4.433c.107-.307.202-.582.295-.79.078-.176.235-.506.566-.685Z" clip-rule="evenodd"></path></svg>

package/components/ProgressLine/ProgressLine.js

@@ -0,0 +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:t={},sizeXXS:n,sizeXS:o,sizeS:a,sizeM:c,sizeL:l,sizeXL:u,...j}=e;const x={size:r,sizeXXS:n,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:jsxRuntime.jsx(style.StarFillRotated,{}),sizes:constants.SIZES_ICON,...x,...t})})})]})})),{displayName:'ProgressLine',sizes:constants.SIZES});exports.ProgressLine=ProgressLine;
+//# sourceMappingURL=ProgressLine.js.map

package/components/ProgressLine/ProgressLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressLine.js","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } 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/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef((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 icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        )}\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","jsx","Icon","icon","StarFillRotated","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"6PAmBMA,MAAAA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,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,SAETC,CAAAA,WAAAC,IAACJ,YAAY,CAAAE,SACXC,WAAAC,IAACJ,UAAU,CAAAE,SAAC,QAEbP,GACCQ,WAAAC,IAACJ,cAAc,CAAAE,SACbC,WAAAC,IAACJ,mBAAmB,CAAAE,SAClBC,WAAAC,IAACC,UAAI,CAACC,KAAMH,WAAAA,IAACH,MAAsBO,oBAAKC,MAAOC,UAAWA,cAAKf,KAAeR,UAIxE,IAGlB,CACEwB,YAxDmB,eAyDnBF,MAAOG,UAAAA"}

package/components/ProgressLine/ProgressLine.mjs

@@ -0,0 +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,r)=>{const{size:o="s",max:e=1,iconProps:i={},sizeXXS:n,sizeXS:a,sizeS:t,sizeM:c,sizeL:m,sizeXL:l,...z}=s;const S={size:o,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:r,children:[jsx(Track,{children:jsx(Bar,{children:" "})}),I&&jsx(IconBar,{children:jsx(IconPosition,{children:jsx(Icon,{icon:jsx(StarFillRotated,{}),sizes:SIZES_ICON,...S,...i})})})]})})),{displayName:'ProgressLine',sizes:SIZES});export{ProgressLine};
+//# sourceMappingURL=ProgressLine.mjs.map

package/components/ProgressLine/ProgressLine.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressLine.mjs","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } 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/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef((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 icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        )}\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","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"gSAmBMA,MAAAA,aAAmEC,gBAIvEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,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,SAETC,CAAAA,IAACH,MAAY,CAAAE,SACXC,IAACH,IAAU,CAAAE,SAAC,QAEbP,GACCQ,IAACH,QAAc,CAAAE,SACbC,IAACH,aAAmB,CAAAE,SAClBC,IAACC,KAAI,CAACC,KAAMF,IAACH,oBAA2BM,MAAOC,cAAgBb,KAAeR,UAIxE,IAGlB,CACEsB,YAxDmB,eAyDnBF,MAAOG"}

package/components/ProgressLine/constants.js

@@ -0,0 +1,2 @@
+'use strict';exports.SIZES={l:{height:16},m:{height:12},s:{height:8},xs:{height:4}},exports.SIZES_ICON={l:{fontSize:42},m:{fontSize:32},s:{fontSize:22},xs:{fontSize:12}};
+//# sourceMappingURL=constants.js.map

package/components/ProgressLine/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/ProgressLine/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { ProgressLineSize } from './types'\n\nexport const SIZES: Record<ProgressLineSize, CSSProperties> = {\n  l: { height: 16 },\n  m: { height: 12 },\n  s: { height: 8 },\n  xs: { height: 4 },\n}\n\nexport const SIZES_ICON: Record<ProgressLineSize, CSSProperties> = {\n  l: { fontSize: 42 },\n  m: { fontSize: 32 },\n  s: { fontSize: 22 },\n  xs: { fontSize: 12 },\n}\n"],"names":["l","height","m","s","xs","fontSize"],"mappings":"2BAG8D,CAC5DA,EAAG,CAAEC,OAAQ,IACbC,EAAG,CAAED,OAAQ,IACbE,EAAG,CAAEF,OAAQ,GACbG,GAAI,CAAEH,OAAQ,uBAGmD,CACjED,EAAG,CAAEK,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU,IACfD,GAAI,CAAEC,SAAU"}

package/components/ProgressLine/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={l:{height:16},m:{height:12},s:{height:8},xs:{height:4}};const SIZES_ICON={l:{fontSize:42},m:{fontSize:32},s:{fontSize:22},xs:{fontSize:12}};export{SIZES,SIZES_ICON};
+//# sourceMappingURL=constants.mjs.map

package/components/ProgressLine/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/ProgressLine/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { ProgressLineSize } from './types'\n\nexport const SIZES: Record<ProgressLineSize, CSSProperties> = {\n  l: { height: 16 },\n  m: { height: 12 },\n  s: { height: 8 },\n  xs: { height: 4 },\n}\n\nexport const SIZES_ICON: Record<ProgressLineSize, CSSProperties> = {\n  l: { fontSize: 42 },\n  m: { fontSize: 32 },\n  s: { fontSize: 22 },\n  xs: { fontSize: 12 },\n}\n"],"names":["SIZES","l","height","m","s","xs","SIZES_ICON","fontSize"],"mappings":"AAGO,MAAMA,MAAiD,CAC5DC,EAAG,CAAEC,OAAQ,IACbC,EAAG,CAAED,OAAQ,IACbE,EAAG,CAAEF,OAAQ,GACbG,GAAI,CAAEH,OAAQ,IAGT,MAAMI,WAAsD,CACjEL,EAAG,CAAEM,SAAU,IACfJ,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,GAAI,CAAEE,SAAU"}

package/components/ProgressLine/style.js

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

package/components/ProgressLine/style.js.map

@@ -0,0 +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"}

package/components/ProgressLine/style.mjs

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

package/components/ProgressLine/style.mjs.map

@@ -0,0 +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"}

package/components/ProgressLine/utils.js

@@ -0,0 +1,2 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dts/index.d.ts

@@ -2395,6 +2395,55 @@ declare const Popover: React.ForwardRefExoticComponent<PopoverProps> & {
     Component: typeof PopoverComponent;
 };
 
+declare type ProgressLineSize = 'l' | 'm' | 's' | 'xs';
+declare type ProgressLinePalette = {
+    barColor: CSSColor;
+    iconColor: CSSColor;
+    trackColor: CSSColor;
+};
+interface ProgressLineProps extends ResponsiveSizeProps<ProgressLineSize>, ResponsiveMarginProps, React.ComponentPropsWithRef<'div'> {
+    /**
+     * Значение, которое показывает, какая часть процесса завершена.
+     *
+     * Валидные диапазоны: 0 <= value <= max; 0 <= value <= 1 (если max не используется).
+     *
+     * Если этот проп не используется, компонент находится в indeterminate состоянии.
+     * @default undefined */
+    value?: number;
+    /**
+     * Значение, которое показывает, сколько value требуется для завершения процесса.
+     *
+     * Валидное значение: max > 0.
+     * @default 1 */
+    max?: number;
+    /**
+     * Внешний вид с иконкой.
+     *
+     * По дефолту используется starFill c поворотом влево.
+     * @default undefined */
+    fancy?: boolean;
+    /**
+     * Пропсы для компонента иконки.
+     * @default {} */
+    iconProps?: Partial<IconProps>;
+    /**
+     * Кастомные цвета
+     * @default undefined */
+    palette?: Partial<Record<keyof ProgressLinePalette, Color>>;
+}
+
+/**
+ *
+ * Компонент поддерживает все атрибуты \<div\> элемента.
+ *
+ * Переданный "ref" будет ассоциирован с рутовым элементом.
+ *
+ * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.
+ *
+ * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressLine/types.ts).
+ */
+declare const ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps>;
+
 declare type ListItemPalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
@@ -3304,6 +3353,7 @@ interface Theme {
         ListItem?: Partial<ListItemProps>;
         Popover?: Partial<PopoverProps>;
         PopoverComponent?: Partial<PopoverComponentProps>;
+        ProgressLine?: Partial<ProgressLineProps>;
         Skeleton?: Partial<SkeletonProps>;
         Switcher?: Partial<SwitcherProps>;
         Tab?: Partial<TabProps>;
@@ -5431,4 +5481,4 @@ 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, 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 };
+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 };

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');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;
+'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;
 //# 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{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';
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.62.1",
+  "version": "2.63.0",
   "description": "UI components library",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
@@ -21,7 +21,7 @@
     "npm": ">=6.x"
   },
   "dependencies": {
-    "@foxford/icon-pack": "0.11.0",
+    "@foxford/icon-pack": "0.12.0",
     "clsx": "1.1.1",
     "dompurify": "3.1.6",
     "fuse.js": "7.0.0",