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

package/components/PopoverComponent/PopoverComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","_jsx","Close","square","marginTop","SIZES_CLOSE_BUTTON","onClick","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","_Fragment","VISIBILITY_HORIZONTAL","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}
+{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","_jsx","Close","square","marginTop","SIZES_CLOSE_BUTTON","onClick","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","_Fragment","VISIBILITY_HORIZONTAL","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}

package/components/PopoverComponent/PopoverComponent.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,isValidElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_CLOSE_BUTTON,SIZES_CONTENT,SIZES_TITLE,SIZES_CAPTION,SIZES_HEADER_BADGE,SIZES}from'./sizes.mjs';import{LAYOUTS,VISIBILITY_HORIZONTAL,VISIBILITY_VERTICAL}from'./layouts.mjs';import{Root,Media,Img,Container,Content,Header,Footer,ButtonPosition}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{AspectRatio}from'../AspectRatio/AspectRatio.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Badge}from'../Badge/Badge.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const PopoverComponent=withMergedProps(forwardRef(((e,t)=>{const{size:o="s",layout:i="vertical",sizeXXS:s,sizeXS:n,sizeS:r,sizeM:a,sizeL:l,sizeXL:d,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x,root:j,badge:h,caption:f,header:E,title:I,content:y,body:T,closeButton:g,media:B,footer:z,imgSrcVertical:L,imgSrcHorizontal:R,loading:b,palette:C,closeFn:_,...w}=e;const A={size:o,sizeXXS:s,sizeXS:n,sizeS:r,sizeM:a,sizeL:l,sizeXL:d};const P={layout:i,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x};const V={...A,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:SIZES_HEADER_BADGE};const k={...A,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:SIZES_CAPTION};const Z={...A,as:'h2',appearance:'subheading',color:'inherit',marginBottom:y?'0.4em':void 0,wordBreak:'break-word',sizes:SIZES_TITLE};const O={...A,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:SIZES_CONTENT};const X={...A,icon:jsx(Close,{}),square:!0,marginTop:10,marginRight:10,sizes:SIZES_CLOSE_BUTTON,onClick:()=>{typeof _=='function'&&_()}};return jsx(Root,{...w,...A,...P,layouts:LAYOUTS,palette:C,ref:t,children:isValidElement(j)?j:typeof j=='function'?j({badgeProps:V,captionProps:k,titleProps:Z,contentProps:O,closeButtonProps:X}):jsxs(Fragment,{children:[b||B||R?jsx(Media,{...P,layouts:VISIBILITY_HORIZONTAL,children:b?jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Img,{src:R})})}):null,jsxs(Container,{children:[jsxs(Content,{children:[b?jsx(Header,{children:jsx(Skeleton,{width:"20%",children:jsx(Badge,{...V})})}):isValidElement(E)?E:typeof E=='function'?E({badgeProps:V,captionProps:k}):h||f?jsxs(Header,{children:[isValidElement(h)?h:typeof h=='function'?h(V):typeof h=='string'||typeof h=='number'?jsx(Badge,{...V,children:h}):null,isValidElement(f)?f:typeof f=='function'?f(k):typeof f=='string'||typeof f=='number'?jsx(Text,{...k,children:f}):null]}):null,b||B||L?jsx(Media,{...P,layouts:VISIBILITY_VERTICAL,children:b?jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Img,{src:L})})}):null,b?jsxs("div",{children:[jsx(Skeleton,{borderRadius:4,children:jsx(Text,{appearance:"subheading",marginBottom:"0.4em",sizes:SIZES_TITLE,...A})}),jsx(Skeleton,{borderRadius:4,width:"70%",children:jsx(Text,{appearance:"body",marginBottom:"0.4em",sizes:SIZES_CONTENT,...A})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",sizes:SIZES_CONTENT,...A})})]}):isValidElement(T)?T:typeof T=='function'?T({titleProps:Z,contentProps:O}):I||y?jsxs("div",{children:[isValidElement(I)?I:typeof I=='function'?I(Z):typeof I=='string'||typeof I=='number'?jsx(Text,{...Z,children:I}):null,isValidElement(y)?y:typeof y=='function'?y(O):typeof y=='string'||typeof y=='number'?jsx(Text,{...O,children:y}):null]}):null]}),z?jsx(Footer,{children:b?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...A})}):isValidElement(z)?z:null}):null]}),g?jsx(ButtonPosition,{children:isValidElement(g)?g:typeof g=='function'?g(X):null}):null]})})})),{displayName:'PopoverComponent',sizes:SIZES});export{PopoverComponent};
+import{forwardRef,isValidElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_CLOSE_BUTTON,SIZES_CONTENT,SIZES_TITLE,SIZES_CAPTION,SIZES_HEADER_BADGE,SIZES}from'./sizes.mjs';import{LAYOUTS,VISIBILITY_HORIZONTAL,VISIBILITY_VERTICAL}from'./layouts.mjs';import{Root,Media,Img,Container,Content,Header,Footer,ButtonPosition}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{AspectRatio}from'../AspectRatio/AspectRatio.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Badge}from'../Badge/Badge.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const PopoverComponent=withMergedProps(forwardRef((e,t)=>{const{size:o="s",layout:i="vertical",sizeXXS:s,sizeXS:n,sizeS:r,sizeM:a,sizeL:l,sizeXL:d,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x,root:j,badge:h,caption:f,header:E,title:I,content:y,body:T,closeButton:g,media:B,footer:z,imgSrcVertical:L,imgSrcHorizontal:R,loading:b,palette:C,closeFn:_,...w}=e;const A={size:o,sizeXXS:s,sizeXS:n,sizeS:r,sizeM:a,sizeL:l,sizeXL:d};const P={layout:i,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x};const V={...A,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:SIZES_HEADER_BADGE};const k={...A,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:SIZES_CAPTION};const Z={...A,as:'h2',appearance:'subheading',color:'inherit',marginBottom:y?'0.4em':void 0,wordBreak:'break-word',sizes:SIZES_TITLE};const O={...A,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:SIZES_CONTENT};const X={...A,icon:jsx(Close,{}),square:!0,marginTop:10,marginRight:10,sizes:SIZES_CLOSE_BUTTON,onClick:()=>{typeof _=='function'&&_()}};return jsx(Root,{...w,...A,...P,layouts:LAYOUTS,palette:C,ref:t,children:isValidElement(j)?j:typeof j=='function'?j({badgeProps:V,captionProps:k,titleProps:Z,contentProps:O,closeButtonProps:X}):jsxs(Fragment,{children:[b||B||R?jsx(Media,{...P,layouts:VISIBILITY_HORIZONTAL,children:b?jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Img,{src:R})})}):null,jsxs(Container,{children:[jsxs(Content,{children:[b?jsx(Header,{children:jsx(Skeleton,{width:"20%",children:jsx(Badge,{...V})})}):isValidElement(E)?E:typeof E=='function'?E({badgeProps:V,captionProps:k}):h||f?jsxs(Header,{children:[isValidElement(h)?h:typeof h=='function'?h(V):typeof h=='string'||typeof h=='number'?jsx(Badge,{...V,children:h}):null,isValidElement(f)?f:typeof f=='function'?f(k):typeof f=='string'||typeof f=='number'?jsx(Text,{...k,children:f}):null]}):null,b||B||L?jsx(Media,{...P,layouts:VISIBILITY_VERTICAL,children:b?jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Img,{src:L})})}):null,b?jsxs("div",{children:[jsx(Skeleton,{borderRadius:4,children:jsx(Text,{appearance:"subheading",marginBottom:"0.4em",sizes:SIZES_TITLE,...A})}),jsx(Skeleton,{borderRadius:4,width:"70%",children:jsx(Text,{appearance:"body",marginBottom:"0.4em",sizes:SIZES_CONTENT,...A})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",sizes:SIZES_CONTENT,...A})})]}):isValidElement(T)?T:typeof T=='function'?T({titleProps:Z,contentProps:O}):I||y?jsxs("div",{children:[isValidElement(I)?I:typeof I=='function'?I(Z):typeof I=='string'||typeof I=='number'?jsx(Text,{...Z,children:I}):null,isValidElement(y)?y:typeof y=='function'?y(O):typeof y=='string'||typeof y=='number'?jsx(Text,{...O,children:y}):null]}):null]}),z?jsx(Footer,{children:b?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...A})}):isValidElement(z)?z:null}):null]}),g?jsx(ButtonPosition,{children:isValidElement(g)?g:typeof g=='function'?g(X):null}):null]})})}),{displayName:'PopoverComponent',sizes:SIZES});export{PopoverComponent};
 //# sourceMappingURL=PopoverComponent.mjs.map

package/components/PopoverComponent/PopoverComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","_jsx","Close","square","marginTop","SIZES_CLOSE_BUTTON","onClick","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","_Fragment","VISIBILITY_HORIZONTAL","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}
+{"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","_jsx","Close","square","marginTop","SIZES_CLOSE_BUTTON","onClick","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","_Fragment","VISIBILITY_HORIZONTAL","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}

package/components/PopoverComponent/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveLayout=require('../../mixins/responsive-layout.js');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardPopoverComponentProp=style.createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)),filterLayoutProps);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardPopoverComponentProp}).withConfig({displayName:"PopoverComponent__Root",componentId:"ui__sc-hvg57g-0"})(["box-sizing:border-box;position:relative;"," "," ",""],(o=>{return`\n  color: ${(e={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}).color};\n  background-color: ${e.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${e.shadowColor});\n`;var e}),responsiveSize.responsiveSize,responsiveLayout.responsiveLayout);const ButtonPosition=styled__default.default.div.withConfig({displayName:"PopoverComponent__ButtonPosition",componentId:"ui__sc-hvg57g-1"})(["box-sizing:border-box;position:absolute;top:0;right:0;"]);const Header=styled__default.default.div.withConfig({displayName:"PopoverComponent__Header",componentId:"ui__sc-hvg57g-2"})(["box-sizing:border-box;display:flex;align-items:center;padding-right:20px;"]);const Container=styled__default.default.div.withConfig({displayName:"PopoverComponent__Container",componentId:"ui__sc-hvg57g-3"})(["box-sizing:border-box;display:flex;flex-direction:column;gap:inherit;"]);const Content=styled__default.default.div.withConfig({displayName:"PopoverComponent__Content",componentId:"ui__sc-hvg57g-4"})(["box-sizing:border-box;display:grid;grid-template-columns:100%;align-content:start;gap:inherit;"]);const Footer=styled__default.default.div.withConfig({displayName:"PopoverComponent__Footer",componentId:"ui__sc-hvg57g-5"})(["box-sizing:border-box;display:flex;align-items:end;flex-grow:1;margin-top:12px;"]);const Media=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"PopoverComponent__Media",componentId:"ui__sc-hvg57g-6"})(["box-sizing:border-box;",""],responsiveLayout.responsiveLayout);const Img=styled__default.default.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"PopoverComponent__Img",componentId:"ui__sc-hvg57g-7"})(["box-sizing:border-box;border-radius:8px;",""],(o=>o.src&&`\n      background-image: url(${o.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `));exports.ButtonPosition=ButtonPosition,exports.Container=Container,exports.Content=Content,exports.Footer=Footer,exports.Header=Header,exports.Img=Img,exports.Media=Media,exports.Root=Root;
+'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveLayout=require('../../mixins/responsive-layout.js');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardPopoverComponentProp=style.createShouldForwardProp(o=>!['black','contrast','elevated'].includes(o),filterLayoutProps);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardPopoverComponentProp}).withConfig({displayName:"PopoverComponent__Root",componentId:"ui__sc-hvg57g-0"})(["box-sizing:border-box;position:relative;"," "," ",""],o=>{return`\n  color: ${(e={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}).color};\n  background-color: ${e.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${e.shadowColor});\n`;var e},responsiveSize.responsiveSize,responsiveLayout.responsiveLayout);const ButtonPosition=styled__default.default.div.withConfig({displayName:"PopoverComponent__ButtonPosition",componentId:"ui__sc-hvg57g-1"})(["box-sizing:border-box;position:absolute;top:0;right:0;"]);const Header=styled__default.default.div.withConfig({displayName:"PopoverComponent__Header",componentId:"ui__sc-hvg57g-2"})(["box-sizing:border-box;display:flex;align-items:center;padding-right:20px;"]);const Container=styled__default.default.div.withConfig({displayName:"PopoverComponent__Container",componentId:"ui__sc-hvg57g-3"})(["box-sizing:border-box;display:flex;flex-direction:column;gap:inherit;"]);const Content=styled__default.default.div.withConfig({displayName:"PopoverComponent__Content",componentId:"ui__sc-hvg57g-4"})(["box-sizing:border-box;display:grid;grid-template-columns:100%;align-content:start;gap:inherit;"]);const Footer=styled__default.default.div.withConfig({displayName:"PopoverComponent__Footer",componentId:"ui__sc-hvg57g-5"})(["box-sizing:border-box;display:flex;align-items:end;flex-grow:1;margin-top:12px;"]);const Media=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"PopoverComponent__Media",componentId:"ui__sc-hvg57g-6"})(["box-sizing:border-box;",""],responsiveLayout.responsiveLayout);const Img=styled__default.default.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"PopoverComponent__Img",componentId:"ui__sc-hvg57g-7"})(["box-sizing:border-box;border-radius:8px;",""],o=>o.src&&`\n      background-image: url(${o.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `);exports.ButtonPosition=ButtonPosition,exports.Container=Container,exports.Content=Content,exports.Footer=Footer,exports.Header=Header,exports.Img=Img,exports.Media=Media,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/PopoverComponent/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/PopoverComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { ResponsiveLayoutInterpolationProps } from 'shared/interfaces'\nimport type { PopoverComponentPalette, StyledPopoverComponentProps, StyledPopoverImgProps, Layout } from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardPopoverComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey),\n  filterLayoutProps\n)\n\nconst template = (palette: Pick<PopoverComponentPalette, 'color' | 'backgroundColor' | 'shadowColor'>) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nexport const Root = styled.div.withConfig<StyledPopoverComponentProps>({\n  shouldForwardProp: shouldForwardPopoverComponentProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveLayout}\n`\n\nexport const ButtonPosition = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n`\n\nexport const Header = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  padding-right: 20px;\n`\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: inherit;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 100%;\n  align-content: start;\n  gap: inherit;\n`\n\nexport const Footer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: end;\n  flex-grow: 1;\n  margin-top: 12px;\n`\n\nexport const Media = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n\n  ${responsiveLayout}\n`\n\nexport const Img = styled.div.withConfig<StyledPopoverImgProps>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  box-sizing: border-box;\n  border-radius: 8px;\n  ${(props) =>\n    props.src &&\n    `\n      background-image: url(${props.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardPopoverComponentProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","template","palette","color","theme","colors","backgroundColor","shadowColor","elevated","transparent","responsiveSize","responsiveLayout","ButtonPosition","Header","Container","Content","Footer","Media","Img","src"],"mappings":"mVAOA,MAAMA,kBAAqBC,IACxB,CAAC,SAAU,YAAa,WAAY,UAAW,UAAW,UAAW,WAAY,WAAWC,SAASD,GAExG,MAAME,kCAAoCC,MAAAA,yBACvCH,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,IACzDD,mBASK,MAAMK,KAAOC,gBAAAA,QAAOC,IAAIC,WAAwC,CACrEC,kBAAmBN,oCACnBK,WAAA,CAAAE,YAAA,yBAAAC,YAAA,mBAFkBL,CAElB,CAAA,2CAAA,IAAA,IAAA,KAIGM,IACDC,MAbsG,eAAxFC,EAaL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,0BAC1BC,gBAAiBN,EAAMI,MAAMC,OAAO,qBACpCE,YAAaP,EAAMQ,SAAWR,EAAMI,MAAMC,OAAO,oBAAsBL,EAAMI,MAAMC,OAAOI,eACvFT,EAAME,UAhBIC,+BACGD,EAAQI,sDACKJ,EAAQK,kBAHzBL,KAkBZ,GAEFQ,eAAAA,eACAC,iBAAAA,wBAGSC,eAAiBlB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,mCAAAC,YAAA,mBAAVL,CAAU,CAAA,iEAO3BmB,OAASnB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,2BAAAC,YAAA,mBAAVL,CAAU,CAAA,oFAOnBoB,UAAYpB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,8BAAAC,YAAA,mBAAVL,CAAU,CAAA,gFAOtBqB,QAAUrB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,4BAAAC,YAAA,mBAAVL,CAAU,CAAA,yGAQpBsB,OAAStB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,2BAAAC,YAAA,mBAAVL,CAAU,CAAA,oFAQzB,MAAMuB,MAAQvB,gBAAAA,QAAOC,IAAIC,WAAuD,CACrFC,kBAAmBT,oBACnBQ,WAAA,CAAAE,YAAA,0BAAAC,YAAA,mBAFmBL,CAEnB,CAAA,yBAAA,IAGEiB,iBAAAA,kBAGG,MAAMO,IAAMxB,gBAAAA,QAAOC,IAAIC,WAAkC,CAC9DC,kBAAoBR,GAAYA,IAAY,QAC5CO,WAAA,CAAAE,YAAA,wBAAAC,YAAA,mBAFiBL,CAEjB,CAAA,2CAAA,KAGGM,GACDA,EAAMmB,KACN,iCAC0BnB,EAAMmB"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/PopoverComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { ResponsiveLayoutInterpolationProps } from 'shared/interfaces'\nimport type { PopoverComponentPalette, StyledPopoverComponentProps, StyledPopoverImgProps, Layout } from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardPopoverComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey),\n  filterLayoutProps\n)\n\nconst template = (palette: Pick<PopoverComponentPalette, 'color' | 'backgroundColor' | 'shadowColor'>) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nexport const Root = styled.div.withConfig<StyledPopoverComponentProps>({\n  shouldForwardProp: shouldForwardPopoverComponentProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveLayout}\n`\n\nexport const ButtonPosition = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n`\n\nexport const Header = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  padding-right: 20px;\n`\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: inherit;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 100%;\n  align-content: start;\n  gap: inherit;\n`\n\nexport const Footer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: end;\n  flex-grow: 1;\n  margin-top: 12px;\n`\n\nexport const Media = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n\n  ${responsiveLayout}\n`\n\nexport const Img = styled.div.withConfig<StyledPopoverImgProps>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  box-sizing: border-box;\n  border-radius: 8px;\n  ${(props) =>\n    props.src &&\n    `\n      background-image: url(${props.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardPopoverComponentProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","template","palette","color","theme","colors","backgroundColor","shadowColor","elevated","transparent","responsiveSize","responsiveLayout","ButtonPosition","Header","Container","Content","Footer","Media","Img","src"],"mappings":"mVAOA,MAAMA,kBAAqBC,IACxB,CAAC,SAAU,YAAa,WAAY,UAAW,UAAW,UAAW,WAAY,WAAWC,SAASD,GAExG,MAAME,kCAAoCC,MAAAA,wBACvCH,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,GACzDD,mBASK,MAAMK,KAAOC,gBAAAA,QAAOC,IAAIC,WAAwC,CACrEC,kBAAmBN,oCACnBK,WAAA,CAAAE,YAAA,yBAAAC,YAAA,mBAFkBL,CAElB,CAAA,2CAAA,IAAA,IAAA,IAIGM,IACDC,MAbsG,eAAxFC,EAaL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,0BAC1BC,gBAAiBN,EAAMI,MAAMC,OAAO,qBACpCE,YAAaP,EAAMQ,SAAWR,EAAMI,MAAMC,OAAO,oBAAsBL,EAAMI,MAAMC,OAAOI,eACvFT,EAAME,UAhBIC,+BACGD,EAAQI,sDACKJ,EAAQK,kBAHzBL,OAoBdQ,eAAAA,eACAC,iBAAAA,wBAGSC,eAAiBlB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,mCAAAC,YAAA,mBAAVL,CAAU,CAAA,iEAO3BmB,OAASnB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,2BAAAC,YAAA,mBAAVL,CAAU,CAAA,oFAOnBoB,UAAYpB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,8BAAAC,YAAA,mBAAVL,CAAU,CAAA,gFAOtBqB,QAAUrB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,4BAAAC,YAAA,mBAAVL,CAAU,CAAA,yGAQpBsB,OAAStB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,2BAAAC,YAAA,mBAAVL,CAAU,CAAA,oFAQzB,MAAMuB,MAAQvB,gBAAAA,QAAOC,IAAIC,WAAuD,CACrFC,kBAAmBT,oBACnBQ,WAAA,CAAAE,YAAA,0BAAAC,YAAA,mBAFmBL,CAEnB,CAAA,yBAAA,IAGEiB,iBAAAA,kBAGG,MAAMO,IAAMxB,gBAAAA,QAAOC,IAAIC,WAAkC,CAC9DC,kBAAoBR,GAAYA,IAAY,QAC5CO,WAAA,CAAAE,YAAA,wBAAAC,YAAA,mBAFiBL,CAEjB,CAAA,2CAAA,IAGGM,GACDA,EAAMmB,KACN,iCAC0BnB,EAAMmB"}

package/components/PopoverComponent/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveLayout}from'../../mixins/responsive-layout.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardPopoverComponentProp=createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)),filterLayoutProps);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardPopoverComponentProp}).withConfig({displayName:"PopoverComponent__Root",componentId:"ui__sc-hvg57g-0"})(["box-sizing:border-box;position:relative;"," "," ",""],(o=>{return`\n  color: ${(e={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}).color};\n  background-color: ${e.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${e.shadowColor});\n`;var e}),responsiveSize,responsiveLayout);const ButtonPosition=styled.div.withConfig({displayName:"PopoverComponent__ButtonPosition",componentId:"ui__sc-hvg57g-1"})(["box-sizing:border-box;position:absolute;top:0;right:0;"]);const Header=styled.div.withConfig({displayName:"PopoverComponent__Header",componentId:"ui__sc-hvg57g-2"})(["box-sizing:border-box;display:flex;align-items:center;padding-right:20px;"]);const Container=styled.div.withConfig({displayName:"PopoverComponent__Container",componentId:"ui__sc-hvg57g-3"})(["box-sizing:border-box;display:flex;flex-direction:column;gap:inherit;"]);const Content=styled.div.withConfig({displayName:"PopoverComponent__Content",componentId:"ui__sc-hvg57g-4"})(["box-sizing:border-box;display:grid;grid-template-columns:100%;align-content:start;gap:inherit;"]);const Footer=styled.div.withConfig({displayName:"PopoverComponent__Footer",componentId:"ui__sc-hvg57g-5"})(["box-sizing:border-box;display:flex;align-items:end;flex-grow:1;margin-top:12px;"]);const Media=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"PopoverComponent__Media",componentId:"ui__sc-hvg57g-6"})(["box-sizing:border-box;",""],responsiveLayout);const Img=styled.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"PopoverComponent__Img",componentId:"ui__sc-hvg57g-7"})(["box-sizing:border-box;border-radius:8px;",""],(o=>o.src&&`\n      background-image: url(${o.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `));export{ButtonPosition,Container,Content,Footer,Header,Img,Media,Root};
+import styled from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveLayout}from'../../mixins/responsive-layout.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardPopoverComponentProp=createShouldForwardProp(o=>!['black','contrast','elevated'].includes(o),filterLayoutProps);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardPopoverComponentProp}).withConfig({displayName:"PopoverComponent__Root",componentId:"ui__sc-hvg57g-0"})(["box-sizing:border-box;position:relative;"," "," ",""],o=>{return`\n  color: ${(e={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}).color};\n  background-color: ${e.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${e.shadowColor});\n`;var e},responsiveSize,responsiveLayout);const ButtonPosition=styled.div.withConfig({displayName:"PopoverComponent__ButtonPosition",componentId:"ui__sc-hvg57g-1"})(["box-sizing:border-box;position:absolute;top:0;right:0;"]);const Header=styled.div.withConfig({displayName:"PopoverComponent__Header",componentId:"ui__sc-hvg57g-2"})(["box-sizing:border-box;display:flex;align-items:center;padding-right:20px;"]);const Container=styled.div.withConfig({displayName:"PopoverComponent__Container",componentId:"ui__sc-hvg57g-3"})(["box-sizing:border-box;display:flex;flex-direction:column;gap:inherit;"]);const Content=styled.div.withConfig({displayName:"PopoverComponent__Content",componentId:"ui__sc-hvg57g-4"})(["box-sizing:border-box;display:grid;grid-template-columns:100%;align-content:start;gap:inherit;"]);const Footer=styled.div.withConfig({displayName:"PopoverComponent__Footer",componentId:"ui__sc-hvg57g-5"})(["box-sizing:border-box;display:flex;align-items:end;flex-grow:1;margin-top:12px;"]);const Media=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"PopoverComponent__Media",componentId:"ui__sc-hvg57g-6"})(["box-sizing:border-box;",""],responsiveLayout);const Img=styled.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"PopoverComponent__Img",componentId:"ui__sc-hvg57g-7"})(["box-sizing:border-box;border-radius:8px;",""],o=>o.src&&`\n      background-image: url(${o.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `);export{ButtonPosition,Container,Content,Footer,Header,Img,Media,Root};
 //# sourceMappingURL=style.mjs.map

package/components/PopoverComponent/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/PopoverComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { ResponsiveLayoutInterpolationProps } from 'shared/interfaces'\nimport type { PopoverComponentPalette, StyledPopoverComponentProps, StyledPopoverImgProps, Layout } from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardPopoverComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey),\n  filterLayoutProps\n)\n\nconst template = (palette: Pick<PopoverComponentPalette, 'color' | 'backgroundColor' | 'shadowColor'>) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nexport const Root = styled.div.withConfig<StyledPopoverComponentProps>({\n  shouldForwardProp: shouldForwardPopoverComponentProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveLayout}\n`\n\nexport const ButtonPosition = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n`\n\nexport const Header = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  padding-right: 20px;\n`\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: inherit;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 100%;\n  align-content: start;\n  gap: inherit;\n`\n\nexport const Footer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: end;\n  flex-grow: 1;\n  margin-top: 12px;\n`\n\nexport const Media = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n\n  ${responsiveLayout}\n`\n\nexport const Img = styled.div.withConfig<StyledPopoverImgProps>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  box-sizing: border-box;\n  border-radius: 8px;\n  ${(props) =>\n    props.src &&\n    `\n      background-image: url(${props.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardPopoverComponentProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","template","palette","color","theme","colors","backgroundColor","shadowColor","elevated","transparent","responsiveSize","responsiveLayout","ButtonPosition","Header","Container","Content","Footer","Media","Img","src"],"mappings":"sOAOA,MAAMA,kBAAqBC,IACxB,CAAC,SAAU,YAAa,WAAY,UAAW,UAAW,UAAW,WAAY,WAAWC,SAASD,GAExG,MAAME,kCAAoCC,yBACvCH,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,IACzDD,mBASK,MAAMK,KAAOC,OAAOC,IAAIC,WAAwC,CACrEC,kBAAmBN,oCACnBK,WAAA,CAAAE,YAAA,yBAAAC,YAAA,mBAFkBL,CAElB,CAAA,2CAAA,IAAA,IAAA,KAIGM,IACDC,MAbsG,eAAxFC,EAaL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,0BAC1BC,gBAAiBN,EAAMI,MAAMC,OAAO,qBACpCE,YAAaP,EAAMQ,SAAWR,EAAMI,MAAMC,OAAO,oBAAsBL,EAAMI,MAAMC,OAAOI,eACvFT,EAAME,UAhBIC,+BACGD,EAAQI,sDACKJ,EAAQK,kBAHzBL,KAkBZ,GAEFQ,eACAC,wBAGSC,eAAiBlB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,mCAAAC,YAAA,mBAAVL,CAAU,CAAA,iEAO3BmB,OAASnB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,2BAAAC,YAAA,mBAAVL,CAAU,CAAA,oFAOnBoB,UAAYpB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,8BAAAC,YAAA,mBAAVL,CAAU,CAAA,gFAOtBqB,QAAUrB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,4BAAAC,YAAA,mBAAVL,CAAU,CAAA,yGAQpBsB,OAAStB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,2BAAAC,YAAA,mBAAVL,CAAU,CAAA,oFAQzB,MAAMuB,MAAQvB,OAAOC,IAAIC,WAAuD,CACrFC,kBAAmBT,oBACnBQ,WAAA,CAAAE,YAAA,0BAAAC,YAAA,mBAFmBL,CAEnB,CAAA,yBAAA,IAGEiB,kBAGG,MAAMO,IAAMxB,OAAOC,IAAIC,WAAkC,CAC9DC,kBAAoBR,GAAYA,IAAY,QAC5CO,WAAA,CAAAE,YAAA,wBAAAC,YAAA,mBAFiBL,CAEjB,CAAA,2CAAA,KAGGM,GACDA,EAAMmB,KACN,iCAC0BnB,EAAMmB"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/PopoverComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { ResponsiveLayoutInterpolationProps } from 'shared/interfaces'\nimport type { PopoverComponentPalette, StyledPopoverComponentProps, StyledPopoverImgProps, Layout } from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardPopoverComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey),\n  filterLayoutProps\n)\n\nconst template = (palette: Pick<PopoverComponentPalette, 'color' | 'backgroundColor' | 'shadowColor'>) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nexport const Root = styled.div.withConfig<StyledPopoverComponentProps>({\n  shouldForwardProp: shouldForwardPopoverComponentProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveLayout}\n`\n\nexport const ButtonPosition = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n`\n\nexport const Header = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  padding-right: 20px;\n`\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: inherit;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 100%;\n  align-content: start;\n  gap: inherit;\n`\n\nexport const Footer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: end;\n  flex-grow: 1;\n  margin-top: 12px;\n`\n\nexport const Media = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n\n  ${responsiveLayout}\n`\n\nexport const Img = styled.div.withConfig<StyledPopoverImgProps>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  box-sizing: border-box;\n  border-radius: 8px;\n  ${(props) =>\n    props.src &&\n    `\n      background-image: url(${props.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardPopoverComponentProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","template","palette","color","theme","colors","backgroundColor","shadowColor","elevated","transparent","responsiveSize","responsiveLayout","ButtonPosition","Header","Container","Content","Footer","Media","Img","src"],"mappings":"sOAOA,MAAMA,kBAAqBC,IACxB,CAAC,SAAU,YAAa,WAAY,UAAW,UAAW,UAAW,WAAY,WAAWC,SAASD,GAExG,MAAME,kCAAoCC,wBACvCH,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,GACzDD,mBASK,MAAMK,KAAOC,OAAOC,IAAIC,WAAwC,CACrEC,kBAAmBN,oCACnBK,WAAA,CAAAE,YAAA,yBAAAC,YAAA,mBAFkBL,CAElB,CAAA,2CAAA,IAAA,IAAA,IAIGM,IACDC,MAbsG,eAAxFC,EAaL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,0BAC1BC,gBAAiBN,EAAMI,MAAMC,OAAO,qBACpCE,YAAaP,EAAMQ,SAAWR,EAAMI,MAAMC,OAAO,oBAAsBL,EAAMI,MAAMC,OAAOI,eACvFT,EAAME,UAhBIC,+BACGD,EAAQI,sDACKJ,EAAQK,kBAHzBL,OAoBdQ,eACAC,wBAGSC,eAAiBlB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,mCAAAC,YAAA,mBAAVL,CAAU,CAAA,iEAO3BmB,OAASnB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,2BAAAC,YAAA,mBAAVL,CAAU,CAAA,oFAOnBoB,UAAYpB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,8BAAAC,YAAA,mBAAVL,CAAU,CAAA,gFAOtBqB,QAAUrB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,4BAAAC,YAAA,mBAAVL,CAAU,CAAA,yGAQpBsB,OAAStB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,2BAAAC,YAAA,mBAAVL,CAAU,CAAA,oFAQzB,MAAMuB,MAAQvB,OAAOC,IAAIC,WAAuD,CACrFC,kBAAmBT,oBACnBQ,WAAA,CAAAE,YAAA,0BAAAC,YAAA,mBAFmBL,CAEnB,CAAA,yBAAA,IAGEiB,kBAGG,MAAMO,IAAMxB,OAAOC,IAAIC,WAAkC,CAC9DC,kBAAoBR,GAAYA,IAAY,QAC5CO,WAAA,CAAAE,YAAA,wBAAAC,YAAA,mBAFiBL,CAEjB,CAAA,2CAAA,IAGGM,GACDA,EAAMmB,KACN,iCAC0BnB,EAAMmB"}

package/components/Progress/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var color=require('../../mixins/color.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const move=styled.keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>styled.css(["background-color:",";"],tinycolor__default.default(o).setAlpha(.6).toString());const isLoading=styled.css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;"],move);const Root=styled__default.default.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?color.color(o.backgroundColor,bgColor):null),(o=>o.color?color.color(o.color):null));const Bar=styled__default.default.div.withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Progress__Bar",componentId:"ui__sc-1vq95i6-1"})(["width:0;transition:width 1s ease-in-out;height:100%;border-radius:inherit;color:inherit;background-color:currentcolor;"," ",""],(o=>o.isLoading?isLoading:null),(o=>o.width?styled.css(["width:","%;"],o.width):styled.css(["width:0%;"])));exports.Bar=Bar,exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var color=require('../../mixins/color.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const move=styled.keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>styled.css(["background-color:",";"],tinycolor__default.default(o).setAlpha(.6).toString());const isLoading=styled.css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;"],move);const Root=styled__default.default.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],o=>o.backgroundColor?color.color(o.backgroundColor,bgColor):null,o=>o.color?color.color(o.color):null);const Bar=styled__default.default.div.withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Progress__Bar",componentId:"ui__sc-1vq95i6-1"})(["width:0;transition:width 1s ease-in-out;height:100%;border-radius:inherit;color:inherit;background-color:currentcolor;"," ",""],o=>o.isLoading?isLoading:null,o=>o.width?styled.css(["width:","%;"],o.width):styled.css(["width:0%;"]));exports.Bar=Bar,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Progress/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport type { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (value: string) => css`\n  background-color: ${tinycolor(value).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentcolor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","value","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","displayName","componentId","props","backgroundColor","color","Bar","shouldForwardProp","width"],"mappings":"mSAKA,MAAMA,KAAOC,OAAAA,UAAS,CAAA,qEAStB,MAAMC,QAAWC,GAAkBC,OAAAA,IAAG,CAAA,oBAAA,KAChBC,2BAAUF,GAAOG,SAAS,IAAKC,YAGrD,MAAMC,UAAYJ,OAAAA,IAAG,CAAA,4NAAA,wBAYNJ,YAGFS,KAAOC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,oBAAVJ,CAAU,CAAA,+DAAA,IAAA,KAKzBK,GAAWA,EAAMC,gBAAkBC,MAAAA,MAAMF,EAAMC,gBAAiBd,SAAW,OAC3Ea,GAAWA,EAAME,MAAQA,YAAMF,EAAME,OAAS,OAG5C,MAAMC,IAAMR,gBAAAA,QAAOC,IAAIC,WAAkD,CAC9EO,kBAAmBA,KAAM,IACzBP,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAFiBJ,CAEjB,CAAA,yHAAA,IAAA,KAOGK,GAAWA,EAAMP,UAAYA,UAAY,OACzCO,GACDA,EAAMK,MACFhB,OAAAA,IAAG,CAAA,SAAA,MACQW,EAAMK,OAEjBhB,OAAAA,IAAG,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport type { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (value: string) => css`\n  background-color: ${tinycolor(value).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentcolor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","value","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","displayName","componentId","props","backgroundColor","color","Bar","shouldForwardProp","width"],"mappings":"mSAKA,MAAMA,KAAOC,OAAAA,UAAS,CAAA,qEAStB,MAAMC,QAAWC,GAAkBC,OAAAA,IAAG,CAAA,oBAAA,KAChBC,2BAAUF,GAAOG,SAAS,IAAKC,YAGrD,MAAMC,UAAYJ,OAAAA,IAAG,CAAA,4NAAA,wBAYNJ,YAGFS,KAAOC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,oBAAVJ,CAAU,CAAA,+DAAA,IAAA,IAKzBK,GAAWA,EAAMC,gBAAkBC,MAAAA,MAAMF,EAAMC,gBAAiBd,SAAW,KAC3Ea,GAAWA,EAAME,MAAQA,YAAMF,EAAME,OAAS,MAG5C,MAAMC,IAAMR,gBAAAA,QAAOC,IAAIC,WAAkD,CAC9EO,kBAAmBA,KAAM,IACzBP,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAFiBJ,CAEjB,CAAA,yHAAA,IAAA,IAOGK,GAAWA,EAAMP,UAAYA,UAAY,KACzCO,GACDA,EAAMK,MACFhB,OAAAA,IAAG,CAAA,SAAA,MACQW,EAAMK,OAEjBhB,OAAAA,IAAG,CAAA"}

package/components/Progress/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css,keyframes}from'styled-components';import tinycolor from'tinycolor2';import{color}from'../../mixins/color.mjs';const move=keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>css(["background-color:",";"],tinycolor(o).setAlpha(.6).toString());const isLoading=css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;"],move);const Root=styled.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?color(o.backgroundColor,bgColor):null),(o=>o.color?color(o.color):null));const Bar=styled.div.withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Progress__Bar",componentId:"ui__sc-1vq95i6-1"})(["width:0;transition:width 1s ease-in-out;height:100%;border-radius:inherit;color:inherit;background-color:currentcolor;"," ",""],(o=>o.isLoading?isLoading:null),(o=>o.width?css(["width:","%;"],o.width):css(["width:0%;"])));export{Bar,Root};
+import styled,{css,keyframes}from'styled-components';import tinycolor from'tinycolor2';import{color}from'../../mixins/color.mjs';const move=keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>css(["background-color:",";"],tinycolor(o).setAlpha(.6).toString());const isLoading=css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;"],move);const Root=styled.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],o=>o.backgroundColor?color(o.backgroundColor,bgColor):null,o=>o.color?color(o.color):null);const Bar=styled.div.withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Progress__Bar",componentId:"ui__sc-1vq95i6-1"})(["width:0;transition:width 1s ease-in-out;height:100%;border-radius:inherit;color:inherit;background-color:currentcolor;"," ",""],o=>o.isLoading?isLoading:null,o=>o.width?css(["width:","%;"],o.width):css(["width:0%;"]));export{Bar,Root};
 //# sourceMappingURL=style.mjs.map

package/components/Progress/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport type { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (value: string) => css`\n  background-color: ${tinycolor(value).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentcolor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","value","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","displayName","componentId","props","backgroundColor","color","Bar","shouldForwardProp","width"],"mappings":"iIAKA,MAAMA,KAAOC,UAAS,CAAA,qEAStB,MAAMC,QAAWC,GAAkBC,IAAG,CAAA,oBAAA,KAChBC,UAAUF,GAAOG,SAAS,IAAKC,YAGrD,MAAMC,UAAYJ,IAAG,CAAA,4NAAA,wBAYNJ,YAGFS,KAAOC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,oBAAVJ,CAAU,CAAA,+DAAA,IAAA,KAKzBK,GAAWA,EAAMC,gBAAkBC,MAAMF,EAAMC,gBAAiBd,SAAW,OAC3Ea,GAAWA,EAAME,MAAQA,MAAMF,EAAME,OAAS,OAG5C,MAAMC,IAAMR,OAAOC,IAAIC,WAAkD,CAC9EO,kBAAmBA,KAAM,IACzBP,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAFiBJ,CAEjB,CAAA,yHAAA,IAAA,KAOGK,GAAWA,EAAMP,UAAYA,UAAY,OACzCO,GACDA,EAAMK,MACFhB,IAAG,CAAA,SAAA,MACQW,EAAMK,OAEjBhB,IAAG,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport type { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (value: string) => css`\n  background-color: ${tinycolor(value).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentcolor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","value","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","displayName","componentId","props","backgroundColor","color","Bar","shouldForwardProp","width"],"mappings":"iIAKA,MAAMA,KAAOC,UAAS,CAAA,qEAStB,MAAMC,QAAWC,GAAkBC,IAAG,CAAA,oBAAA,KAChBC,UAAUF,GAAOG,SAAS,IAAKC,YAGrD,MAAMC,UAAYJ,IAAG,CAAA,4NAAA,wBAYNJ,YAGFS,KAAOC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,oBAAVJ,CAAU,CAAA,+DAAA,IAAA,IAKzBK,GAAWA,EAAMC,gBAAkBC,MAAMF,EAAMC,gBAAiBd,SAAW,KAC3Ea,GAAWA,EAAME,MAAQA,MAAMF,EAAME,OAAS,MAG5C,MAAMC,IAAMR,OAAOC,IAAIC,WAAkD,CAC9EO,kBAAmBA,KAAM,IACzBP,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAFiBJ,CAEjB,CAAA,yHAAA,IAAA,IAOGK,GAAWA,EAAMP,UAAYA,UAAY,KACzCO,GACDA,EAAMK,MACFhB,IAAG,CAAA,SAAA,MACQW,EAAMK,OAEjBhB,IAAG,CAAA"}

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

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

package/components/Progress.Circle/Progress.Circle.mjs.map

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

package/components/Progress.Circle/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>e==='children'}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0;}.line{fill:none;display:block;","}.bg{stroke:",";fill:rgba(255,255,255,0);&.fail{stroke:#f1512c;}&.success{stroke:#7bb909;}&.started{stroke:#459ff3;}}"],(e=>e.size?`${e.size}px`:'84px'),(e=>e.size?`${e.size}px`:'84px'),(e=>e.resultColor?color.color(e.resultColor,'stroke'):null),(e=>e.strokeBGColor?color.getColor(e.strokeBGColor,e):"rgba(0, 0, 0, 0.12)"));const Content=styled__default.default.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-yu7d34-1"})(["position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;img{border-radius:50%;}"]);exports.Content=Content,exports.Root=Root;
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>e==='children'}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0;}.line{fill:none;display:block;","}.bg{stroke:",";fill:rgba(255,255,255,0);&.fail{stroke:#f1512c;}&.success{stroke:#7bb909;}&.started{stroke:#459ff3;}}"],e=>e.size?`${e.size}px`:'84px',e=>e.size?`${e.size}px`:'84px',e=>e.resultColor?color.color(e.resultColor,'stroke'):null,e=>e.strokeBGColor?color.getColor(e.strokeBGColor,e):"rgba(0, 0, 0, 0.12)");const Content=styled__default.default.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-yu7d34-1"})(["position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;img{border-radius:50%;}"]);exports.Content=Content,exports.Root=Root;
 //# sourceMappingURL=style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport type { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","size","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"6MAIO,MAAMA,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,uBAAAC,YAAA,mBAFkBN,CAElB,CAAA,2BAAA,WAAA,wFAAA,eAAA,2GAEUO,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAC3CD,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAUlDD,GAAWA,EAAME,YAAcC,MAAAA,MAAMH,EAAME,YAAa,UAAY,OAG5DF,GAAWA,EAAMI,cAAgBC,MAAAA,SAASL,EAAMI,cAAeJ,GAAS,8BAc1EM,QAAUb,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,0BAAAC,YAAA,mBAAVN,CAAU,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport type { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","size","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"6MAIO,MAAMA,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,uBAAAC,YAAA,mBAFkBN,CAElB,CAAA,2BAAA,WAAA,wFAAA,eAAA,0GAEUO,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,OAC3CD,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,OAUlDD,GAAWA,EAAME,YAAcC,MAAAA,MAAMH,EAAME,YAAa,UAAY,KAG5DF,GAAWA,EAAMI,cAAgBC,MAAAA,SAASL,EAAMI,cAAeJ,GAAS,6BAc1EM,QAAUb,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,0BAAAC,YAAA,mBAAVN,CAAU,CAAA"}

package/components/Progress.Circle/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{color,getColor}from'../../mixins/color.mjs';const Root=styled.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0;}.line{fill:none;display:block;","}.bg{stroke:",";fill:rgba(255,255,255,0);&.fail{stroke:#f1512c;}&.success{stroke:#7bb909;}&.started{stroke:#459ff3;}}"],(o=>o.size?`${o.size}px`:'84px'),(o=>o.size?`${o.size}px`:'84px'),(o=>o.resultColor?color(o.resultColor,'stroke'):null),(o=>o.strokeBGColor?getColor(o.strokeBGColor,o):"rgba(0, 0, 0, 0.12)"));const Content=styled.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-yu7d34-1"})(["position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;img{border-radius:50%;}"]);export{Content,Root};
+import styled from'styled-components';import{color,getColor}from'../../mixins/color.mjs';const Root=styled.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0;}.line{fill:none;display:block;","}.bg{stroke:",";fill:rgba(255,255,255,0);&.fail{stroke:#f1512c;}&.success{stroke:#7bb909;}&.started{stroke:#459ff3;}}"],o=>o.size?`${o.size}px`:'84px',o=>o.size?`${o.size}px`:'84px',o=>o.resultColor?color(o.resultColor,'stroke'):null,o=>o.strokeBGColor?getColor(o.strokeBGColor,o):"rgba(0, 0, 0, 0.12)");const Content=styled.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-yu7d34-1"})(["position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;img{border-radius:50%;}"]);export{Content,Root};
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport type { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","size","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"yFAIO,MAAMA,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,uBAAAC,YAAA,mBAFkBN,CAElB,CAAA,2BAAA,WAAA,wFAAA,eAAA,2GAEUO,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAC3CD,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAUlDD,GAAWA,EAAME,YAAcC,MAAMH,EAAME,YAAa,UAAY,OAG5DF,GAAWA,EAAMI,cAAgBC,SAASL,EAAMI,cAAeJ,GAAS,8BAc1EM,QAAUb,OAAOC,IAAGC,WAAA,CAAAG,YAAA,0BAAAC,YAAA,mBAAVN,CAAU,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport type { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","size","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"yFAIO,MAAMA,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,uBAAAC,YAAA,mBAFkBN,CAElB,CAAA,2BAAA,WAAA,wFAAA,eAAA,0GAEUO,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,OAC3CD,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,OAUlDD,GAAWA,EAAME,YAAcC,MAAMH,EAAME,YAAa,UAAY,KAG5DF,GAAWA,EAAMI,cAAgBC,SAASL,EAAMI,cAAeJ,GAAS,6BAc1EM,QAAUb,OAAOC,IAAGC,WAAA,CAAAG,YAAA,0BAAAC,YAAA,mBAAVN,CAAU,CAAA"}

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

@@ -1,2 +1,2 @@
-'use strict';var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');function ProgressSegmented(e){const{percent:r,segments:s,className:t,style:o,percentColor:n,separatorColor:a,haveCircle:l,isActive:c}=e;return jsxRuntime.jsxs(style.Root,{className:t,style:o,percent:r,haveCircle:l,percentColor:n,isActive:c,children:[jsxRuntime.jsx(style.Progress,{percent:r,percentColor:n}),jsxRuntime.jsx(style.Separators,{children:Array.from(new Array(s+1).keys()).map(((e,r)=>jsxRuntime.jsx(style.Separator,{separatorColor:a},r)))})]})}ProgressSegmented.defaultProps={percent:0,percentColor:'#7fc92e',separatorColor:'#ffffff',segments:9,haveCircle:!0},ProgressSegmented.displayName='Progress.Segmented',exports.ProgressSegmented=ProgressSegmented;
+'use strict';var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');function ProgressSegmented(e){const{percent:r,segments:s,className:t,style:o,percentColor:n,separatorColor:a,haveCircle:l,isActive:c}=e;return jsxRuntime.jsxs(style.Root,{className:t,style:o,percent:r,haveCircle:l,percentColor:n,isActive:c,children:[jsxRuntime.jsx(style.Progress,{percent:r,percentColor:n}),jsxRuntime.jsx(style.Separators,{children:Array.from(new Array(s+1).keys()).map((e,r)=>jsxRuntime.jsx(style.Separator,{separatorColor:a},r))})]})}ProgressSegmented.defaultProps={percent:0,percentColor:'#7fc92e',separatorColor:'#ffffff',segments:9,haveCircle:!0},ProgressSegmented.displayName='Progress.Segmented',exports.ProgressSegmented=ProgressSegmented;
 //# sourceMappingURL=Progress.Segmented.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.Segmented.js","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\nfunction ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((_, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\nexport { ProgressSegmented }\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled","children","_jsx","Array","from","keys","map","_","key","defaultProps","displayName"],"mappings":"yFA8BA,SAASA,kBAAkBC,GACzB,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,QAAWC,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,SAAEA,GAAaR,EAEpG,OACES,WAAAA,KAACC,MAAAA,KAAW,CACVP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EAASG,SAAA,CAEnBC,WAAAA,IAACF,eAAe,CAACT,QAASA,EAASI,aAAcA,IACjDO,WAAAA,IAACF,iBAAiB,CAAAC,SACfE,MAAMC,KAAK,IAAID,MAAMX,EAAW,GAAGa,QAAQC,KAAI,CAACC,EAAGC,IAClDN,WAAAA,IAACF,MAAAA,UAAgB,CAACJ,eAAgBA,GAAqBY,SAKjE,CAEAnB,kBAAkBoB,aAAe,CAC/BlB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,YAAY,GAGdR,kBAAkBqB,YAAc"}
+{"version":3,"file":"Progress.Segmented.js","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\nfunction ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((_, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\nexport { ProgressSegmented }\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled","children","_jsx","Array","from","keys","map","_","key","defaultProps","displayName"],"mappings":"yFA8BA,SAASA,kBAAkBC,GACzB,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,QAAWC,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,SAAEA,GAAaR,EAEpG,OACES,WAAAA,KAACC,MAAAA,KAAW,CACVP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EAASG,SAAA,CAEnBC,WAAAA,IAACF,eAAe,CAACT,QAASA,EAASI,aAAcA,IACjDO,WAAAA,IAACF,iBAAiB,CAAAC,SACfE,MAAMC,KAAK,IAAID,MAAMX,EAAW,GAAGa,QAAQC,IAAI,CAACC,EAAGC,IAClDN,WAAAA,IAACF,MAAAA,UAAgB,CAACJ,eAAgBA,GAAqBY,QAKjE,CAEAnB,kBAAkBoB,aAAe,CAC/BlB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,YAAY,GAGdR,kBAAkBqB,YAAc"}

package/components/Progress.Segmented/Progress.Segmented.mjs

@@ -1,2 +1,2 @@
-import{Root,Progress,Separators,Separator}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';function ProgressSegmented(e){const{percent:r,segments:s,className:o,style:t,percentColor:a,separatorColor:n,haveCircle:c,isActive:p}=e;return jsxs(Root,{className:o,style:t,percent:r,haveCircle:c,percentColor:a,isActive:p,children:[jsx(Progress,{percent:r,percentColor:a}),jsx(Separators,{children:Array.from(new Array(s+1).keys()).map(((e,r)=>jsx(Separator,{separatorColor:n},r)))})]})}ProgressSegmented.defaultProps={percent:0,percentColor:'#7fc92e',separatorColor:'#ffffff',segments:9,haveCircle:!0},ProgressSegmented.displayName='Progress.Segmented';export{ProgressSegmented};
+import{Root,Progress,Separators,Separator}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';function ProgressSegmented(e){const{percent:r,segments:s,className:o,style:t,percentColor:a,separatorColor:n,haveCircle:c,isActive:p}=e;return jsxs(Root,{className:o,style:t,percent:r,haveCircle:c,percentColor:a,isActive:p,children:[jsx(Progress,{percent:r,percentColor:a}),jsx(Separators,{children:Array.from(new Array(s+1).keys()).map((e,r)=>jsx(Separator,{separatorColor:n},r))})]})}ProgressSegmented.defaultProps={percent:0,percentColor:'#7fc92e',separatorColor:'#ffffff',segments:9,haveCircle:!0},ProgressSegmented.displayName='Progress.Segmented';export{ProgressSegmented};
 //# sourceMappingURL=Progress.Segmented.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.Segmented.mjs","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\nfunction ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((_, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\nexport { ProgressSegmented }\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled","children","_jsx","Array","from","keys","map","_","key","defaultProps","displayName"],"mappings":"oGA8BA,SAASA,kBAAkBC,GACzB,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,SAAEA,GAAaR,EAEpG,OACES,KAACC,KAAW,CACVP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EAASG,SAAA,CAEnBC,IAACF,SAAe,CAACT,QAASA,EAASI,aAAcA,IACjDO,IAACF,WAAiB,CAAAC,SACfE,MAAMC,KAAK,IAAID,MAAMX,EAAW,GAAGa,QAAQC,KAAI,CAACC,EAAGC,IAClDN,IAACF,UAAgB,CAACJ,eAAgBA,GAAqBY,SAKjE,CAEAnB,kBAAkBoB,aAAe,CAC/BlB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,YAAY,GAGdR,kBAAkBqB,YAAc"}
+{"version":3,"file":"Progress.Segmented.mjs","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\nfunction ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((_, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\nexport { ProgressSegmented }\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled","children","_jsx","Array","from","keys","map","_","key","defaultProps","displayName"],"mappings":"oGA8BA,SAASA,kBAAkBC,GACzB,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,SAAEA,GAAaR,EAEpG,OACES,KAACC,KAAW,CACVP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EAASG,SAAA,CAEnBC,IAACF,SAAe,CAACT,QAASA,EAASI,aAAcA,IACjDO,IAACF,WAAiB,CAAAC,SACfE,MAAMC,KAAK,IAAID,MAAMX,EAAW,GAAGa,QAAQC,IAAI,CAACC,EAAGC,IAClDN,IAACF,UAAgB,CAACJ,eAAgBA,GAAqBY,QAKjE,CAEAnB,kBAAkBoB,aAAe,CAC/BlB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,YAAY,GAGdR,kBAAkBqB,YAAc"}

package/components/Progress.Segmented/style.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport type { ProgressSegmentedProps } from './Progress.Segmented'\n\nexport const Progress = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'percentColor'>>`\n  height: 100%;\n  border-radius: 10px;\n  width: ${(props) => `${props.percent || 0}%`};\n  ${(props) =>\n    props.percentColor ? color(props.percentColor, 'background') : color(DefaultColorNames.atlantis, 'background')};\n`\n\nexport const Separators = styled.div`\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 4px;\n  z-index: 3;\n`\n\nexport const Separator = styled.div<Pick<ProgressSegmentedProps, 'separatorColor'>>`\n  width: 2px;\n  height: 100%;\n  &:first-child,\n  &:last-child {\n    width: 0;\n  }\n  ${(props) =>\n    props.separatorColor ? color(props.separatorColor, 'background') : color(DefaultColorNames.white, 'background')}\n`\n\nconst haveCircle = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  margin-left: 8px;\n  border-radius: 0 10px 10px 0;\n  & ${Progress} {\n    border-radius: 0 10px 10px 0;\n  }\n  & ${Separator} {\n    &:first-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        display: block;\n        content: '';\n        left: -8px;\n        top: -2px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)};\n      }\n    }\n  }\n`\n\nconst isDone = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  & ${Separator} {\n    &:last-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: block;\n        content: '';\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)}\n          url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K')\n          center no-repeat;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n      }\n    }\n  }\n`\n\nconst isEmpty = css`\n  & ${Separator} {\n    &:first-child {\n      &:before {\n        background: rgba(0, 0, 0, 0.1);\n      }\n    }\n  }\n`\n\nexport const Root = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'haveCircle' | 'isActive' | 'percentColor'>>`\n  position: relative;\n  height: 4px;\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  ${(props) => (props.haveCircle ? haveCircle(props) : null)}\n  ${(props) => (props.percent === 100 ? isDone(props) : null)}\n  ${(props) => (props.percent === 0 ? isEmpty : null)}\n`\n"],"names":["Progress","styled","div","withConfig","displayName","componentId","props","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor","isDone"],"mappings":"+PAMaA,SAAWC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,oBAAVJ,CAAU,CAAA,wCAAA,IAAA,MAGtBK,GAAU,GAAGA,EAAMC,SAAW,OACrCD,GACoBE,MAAAA,MAArBF,EAAMG,aAAqBH,EAAMG,aAAoCC,yBAAkBC,SAAxC,sBAGtCC,WAAaX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAVJ,CAAU,CAAA,8GAUvBY,UAAYZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,oBAAVJ,CAAU,CAAA,6DAAA,KAO9BK,GACsBE,MAAAA,MAAvBF,EAAMQ,eAAuBR,EAAMQ,eAAsCJ,OAAAA,kBAAkBK,MAAxC,gBAgDvD,MAAMC,QAAUC,OAAAA,IAAG,CAAA,KAAA,0DACbJ,iBASOK,KAAOjB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVJ,CAAU,CAAA,8EAAA,IAAA,IAAA,KAKzBK,GAAWA,EAAMa,WA5DFb,IAAkFW,WAAG,CAAA,iDAAA,mCAAA,6JAAA,QAGnGjB,SAGAa,UAYgBO,MAAAA,SAASd,EAAMG,cAAgBC,OAAAA,kBAAkBC,SAAUL,IA0C9Ca,CAAWb,GAAS,OAClDA,GAAWA,EAAMC,UAAY,IArClBD,IAAkFW,OAAAA,IAAG,CAAA,KAAA,sHAAA,oWAC/FJ,UASgBO,MAAAA,SAASd,EAAMG,cAAgBC,OAAAA,kBAAkBC,SAAUL,IA2BzCe,CAAOf,GAAS,OACnDA,GAAWA,EAAMC,UAAY,EAAIS,QAAU"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport type { ProgressSegmentedProps } from './Progress.Segmented'\n\nexport const Progress = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'percentColor'>>`\n  height: 100%;\n  border-radius: 10px;\n  width: ${(props) => `${props.percent || 0}%`};\n  ${(props) =>\n    props.percentColor ? color(props.percentColor, 'background') : color(DefaultColorNames.atlantis, 'background')};\n`\n\nexport const Separators = styled.div`\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 4px;\n  z-index: 3;\n`\n\nexport const Separator = styled.div<Pick<ProgressSegmentedProps, 'separatorColor'>>`\n  width: 2px;\n  height: 100%;\n  &:first-child,\n  &:last-child {\n    width: 0;\n  }\n  ${(props) =>\n    props.separatorColor ? color(props.separatorColor, 'background') : color(DefaultColorNames.white, 'background')}\n`\n\nconst haveCircle = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  margin-left: 8px;\n  border-radius: 0 10px 10px 0;\n  & ${Progress} {\n    border-radius: 0 10px 10px 0;\n  }\n  & ${Separator} {\n    &:first-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        display: block;\n        content: '';\n        left: -8px;\n        top: -2px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)};\n      }\n    }\n  }\n`\n\nconst isDone = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  & ${Separator} {\n    &:last-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: block;\n        content: '';\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)}\n          url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K')\n          center no-repeat;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n      }\n    }\n  }\n`\n\nconst isEmpty = css`\n  & ${Separator} {\n    &:first-child {\n      &:before {\n        background: rgba(0, 0, 0, 0.1);\n      }\n    }\n  }\n`\n\nexport const Root = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'haveCircle' | 'isActive' | 'percentColor'>>`\n  position: relative;\n  height: 4px;\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  ${(props) => (props.haveCircle ? haveCircle(props) : null)}\n  ${(props) => (props.percent === 100 ? isDone(props) : null)}\n  ${(props) => (props.percent === 0 ? isEmpty : null)}\n`\n"],"names":["Progress","styled","div","withConfig","displayName","componentId","props","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor","isDone"],"mappings":"+PAMaA,SAAWC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,oBAAVJ,CAAU,CAAA,wCAAA,IAAA,KAGtBK,GAAU,GAAGA,EAAMC,SAAW,KACrCD,GACoBE,MAAAA,MAArBF,EAAMG,aAAqBH,EAAMG,aAAoCC,yBAAkBC,SAAxC,qBAGtCC,WAAaX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAVJ,CAAU,CAAA,8GAUvBY,UAAYZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,oBAAVJ,CAAU,CAAA,6DAAA,IAO9BK,GACsBE,MAAAA,MAAvBF,EAAMQ,eAAuBR,EAAMQ,eAAsCJ,OAAAA,kBAAkBK,MAAxC,eAgDvD,MAAMC,QAAUC,OAAAA,IAAG,CAAA,KAAA,0DACbJ,iBASOK,KAAOjB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVJ,CAAU,CAAA,8EAAA,IAAA,IAAA,IAKzBK,GAAWA,EAAMa,WA5DFb,IAAkFW,WAAG,CAAA,iDAAA,mCAAA,6JAAA,QAGnGjB,SAGAa,UAYgBO,MAAAA,SAASd,EAAMG,cAAgBC,OAAAA,kBAAkBC,SAAUL,IA0C9Ca,CAAWb,GAAS,KAClDA,GAAWA,EAAMC,UAAY,IArClBD,IAAkFW,OAAAA,IAAG,CAAA,KAAA,sHAAA,oWAC/FJ,UASgBO,MAAAA,SAASd,EAAMG,cAAgBC,OAAAA,kBAAkBC,SAAUL,IA2BzCe,CAAOf,GAAS,KACnDA,GAAWA,EAAMC,UAAY,EAAIS,QAAU"}