@foxford/ui 2.36.0 → 2.37.0-beta-badf94e-20240808

package/components/Modal/Close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Close.js","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon name='tinyCross' color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["ModalClose","_ref","className","onClick","_jsx","Styled.ModalClose","children","Icon","name","color"],"mappings":"gJAQO,SAASA,EAAoDC,GAAA,IAAzCC,UAAEA,EAAFC,QAAaA,GAA4BF,EAClE,OACEG,EAACC,EAAD,CAAmBH,UAAWA,EAAWC,QAASA,EAAlDG,SACEF,EAACG,EAAD,CAAMC,KAAK,YAAYC,MAAM"}

package/components/Modal/Modal.js

@@ -1,2 +0,0 @@
-import e from'react-modal';import{ModalClose as l}from'./Close.js';import{Modal as o}from'./style.js';import{jsx as a}from'react/jsx-runtime';var s;function n(e){var{blurredOverlay:l,children:s,closeTimeoutMS:n,contentLabel:r,isOpen:t,onAfterOpen:d,onRequestClose:i,overlayClassName:m,role:c,shouldCloseOnOverlayClick:p,width:u,valign:y,className:C,style:O,zIndex:v}=e;return a(o,{blurredOverlay:l,closeTimeoutMS:n,contentLabel:r,isOpen:Boolean(t),onAfterOpen:d,onRequestClose:i,portalClassName:C,overlayClassName:m,bodyOpenClassName:"modal--open",role:c,zIndex:v,valign:y,width:u,shouldCloseOnOverlayClick:p,children:a("div",{style:O,children:s})})}'undefined'!=typeof window&&(s=document.body)&&s instanceof HTMLElement&&e.setAppElement(s),n.defaultProps={blurredOverlay:!1,closeTimeoutMS:0,zIndex:9e3,contentLabel:'',isOpen:!1,role:'dialog',shouldCloseOnOverlayClick:!0,width:'m',valign:'center',className:'modal'},n.Close=l,n.displayName='Modal';export{n as Modal};
-//# sourceMappingURL=Modal.js.map

package/components/Modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n  const appElement = document.body\n\n  if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\n// eslint-disable-next-line prettier/prettier\nif (typeof window !== 'undefined') {\n  setAppModalElement()\n}\n\nexport interface ModalProps extends BaseProps, ResponsiveNamedProperty<'width'> {\n  /**\n   * Primary content.\n   */\n  /**\n   * Boolean indicating if the overlay background should be blurred\n   */\n  blurredOverlay?: boolean\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Modal class name\n   */\n  className?: string\n  /**\n   * Number indicating the milliseconds to wait before closing the modal.\n   */\n  closeTimeoutMS?: number\n  /**\n   * String indicating how the content container should be announced to screenreaders\n   */\n  contentLabel?: string\n  /**\n   * Boolean describing if the modal should be shown or not.\n   */\n  isOpen?: boolean\n  /**\n   * Function that will be run after the modal has opened.\n   */\n  onAfterOpen?(): void\n  /**\n   * Function that will be run when the modal is requested to be closed, prior to actually closing.\n   */\n  onRequestClose?(): void\n  /**\n   * Custom overlay CSS class name\n   */\n  overlayClassName?: string | Classes\n  /**\n   * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n   */\n  role?: string\n  /**\n   * Boolean indicating if the overlay should close the modal\n   */\n  shouldCloseOnOverlayClick?: boolean\n  /**\n   * Vertical align\n   */\n  valign?: 'top' | 'center' | 'bottom'\n  /**\n   * z-index\n   */\n  zIndex?: number\n}\n\nModal.defaultProps = {\n  blurredOverlay: false,\n  closeTimeoutMS: 0,\n  zIndex: 9000,\n  contentLabel: '',\n  isOpen: false,\n  role: 'dialog',\n  shouldCloseOnOverlayClick: true,\n  width: 'm',\n  valign: 'center',\n  className: 'modal',\n}\n\nModal.Close = ModalClose\nModal.displayName = 'Modal'\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n  const {\n    blurredOverlay,\n    children,\n    closeTimeoutMS,\n    contentLabel,\n    isOpen,\n    onAfterOpen,\n    onRequestClose,\n    overlayClassName,\n    role,\n    shouldCloseOnOverlayClick,\n    width,\n    valign,\n    className,\n    style,\n    zIndex,\n  } = props\n\n  return (\n    <Styled.Modal\n      blurredOverlay={blurredOverlay}\n      closeTimeoutMS={closeTimeoutMS}\n      contentLabel={contentLabel}\n      isOpen={Boolean(isOpen)}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onRequestClose}\n      portalClassName={className}\n      overlayClassName={overlayClassName}\n      bodyOpenClassName='modal--open'\n      role={role}\n      zIndex={zIndex}\n      valign={valign}\n      width={width}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    >\n      <div style={style}>{children}</div>\n    </Styled.Modal>\n  )\n}\n"],"names":["appElement","Modal","props","blurredOverlay","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled.Modal","Boolean","portalClassName","bodyOpenClassName","window","document","body","HTMLElement","ReactModal","setAppElement","defaultProps","Close","ModalClose","displayName"],"mappings":"8IAMA,IACQA,EA2FD,SAASC,EAAMC,GACpB,IAAMC,eACJA,EADIC,SAEJA,EAFIC,eAGJA,EAHIC,aAIJA,EAJIC,OAKJA,EALIC,YAMJA,EANIC,eAOJA,EAPIC,iBAQJA,EARIC,KASJA,EATIC,0BAUJA,EAVIC,MAWJA,EAXIC,OAYJA,EAZIC,UAaJA,EAbIC,MAcJA,EAdIC,OAeJA,GACEf,EAEJ,OACEgB,EAACC,EAAD,CACEhB,eAAgBA,EAChBE,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAd7BR,SAgBEc,EAAA,MAAA,CAAKF,MAAOA,EAAZZ,SAAoBA,MAzHJ,oBAAXmB,SANHvB,EAAawB,SAASC,OAEVzB,aAAsB0B,aAAaC,EAAWC,cAAc5B,GAkEhFC,EAAM4B,aAAe,CACnB1B,gBAAAA,EACAE,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAAA,EACAI,KAAM,SACNC,2BAAAA,EACAC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbd,EAAM6B,MAAQC,EACd9B,EAAM+B,YAAc"}

package/components/Modal/adapter.js

@@ -1,2 +0,0 @@
-import a from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import r from'react-modal';import o from'clsx';import{jsx as s}from'react/jsx-runtime';var t=["className","isOpen","overlayClassName","style"];var l=l=>{var{className:m,isOpen:p,overlayClassName:c}=l,i=e(l,t);var n="".concat(m,"__content");var v="".concat(m,"__overlay");return s(r,a({portalClassName:m,className:n,isOpen:Boolean(p),overlayClassName:o(v,c)},i))};export{l as ReactModalAdapter};
-//# sourceMappingURL=adapter.js.map

package/components/Modal/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport cx from 'clsx'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n  className,\n  isOpen,\n  overlayClassName,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  style: _style,\n  ...props\n}: ModalProps) => {\n  const contentClassName = `${className}__content`\n  const overlayClassNameLocal = `${className}__overlay`\n\n  return (\n    <ReactModal\n      portalClassName={className}\n      className={contentClassName}\n      isOpen={Boolean(isOpen)}\n      overlayClassName={cx(overlayClassNameLocal, overlayClassName)}\n      {...props}\n    />\n  )\n}\n"],"names":["ReactModalAdapter","_ref","className","isOpen","overlayClassName","props","_objectWithoutProperties","_excluded","contentClassName","overlayClassNameLocal","_jsx","ReactModal","_objectSpread","portalClassName","Boolean","cx"],"mappings":"iQAIO,IAAMA,EAA0CC,IAOrC,IAPsCC,UACtDA,EADsDC,OAEtDA,EAFsDC,iBAGtDA,GAIgBH,EADbI,EACaC,EAAAL,EAAAM,GAChB,IAAMC,EAAsBN,GAAAA,OAAAA,EAA5B,aACA,IAAMO,EAA2BP,GAAAA,OAAAA,EAAjC,aAEA,OACEQ,EAACC,EAADC,EAAA,CACEC,gBAAiBX,EACjBA,UAAWM,EACXL,OAAQW,QAAQX,GAChBC,iBAAkBW,EAAGN,EAAuBL,IACxCC"}

package/components/Modal/style.js

@@ -1,2 +0,0 @@
-import e,{css as t,createGlobalStyle as o}from'styled-components';import{property as r}from'../../mixins/responsive-property.js';import{ReactModalAdapter as a}from'./adapter.js';var i={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};var n=e(a).withConfig({componentId:"fox-ui__sc-1ilisuf-0"})(["&__overlay{z-index:",";display:flex;flex-direction:row;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:none;overflow-y:auto;"," &.ReactModal__Overlay--after-open{","}&.ReactModal__Overlay--before-close{}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}"," &.ReactModal__Content--after-open{}&.ReactModal__Content--before-close{}}"],(e=>e.zIndex||e.theme.zIndex.modal),(e=>e.valign?t(["align-items:",";"],(e=>{switch(e){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(e.valign)):null),(e=>e.overlayClassName?null:t(e.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"])),(e=>e.width?r((e=>'number'==typeof e.width?e.width:e.width&&'string'==typeof e.width&&i[e.width]?i[e.width]:'auto')(e),'max-width'):null));var l=e.span.withConfig({componentId:"fox-ui__sc-1ilisuf-1"})(["opacity:1;transition:0.3s;position:absolute;right:20px;top:20px;cursor:pointer;z-index:10;svg{width:18px;height:18px;}&:hover{opacity:0.5;}"]);o([".bodyOpen{overflow:hidden;}"]);export{n as Modal,l as ModalClose};
-//# sourceMappingURL=style.js.map

package/components/Modal/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\nimport ReactModal from 'react-modal'\nimport { property, PossibleValues } from 'mixins/responsive-property'\nimport { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n  zIndex?: ModalProps['zIndex']\n  valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n  xxxs: 100,\n  xxs: 200,\n  xs: 300,\n  s: 400,\n  m: 500,\n  l: 600,\n  xl: 740,\n  xxl: 800,\n  xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n  if (typeof props.width === 'number') return props.width\n\n  if (props.width && typeof props.width === 'string' && WIDTHS[props.width]) return WIDTHS[props.width]\n\n  return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n  switch (valign) {\n    case 'top':\n      return 'flex-start'\n    case 'bottom':\n      return 'flex-end'\n    case 'center':\n      return 'center'\n    default:\n      return 'center'\n  }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n  &__overlay {\n    z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow-x: none;\n    overflow-y: auto;\n    ${(props) =>\n      props.valign\n        ? css`\n            align-items: ${getPosition(props.valign)};\n          `\n        : null}\n    &.ReactModal__Overlay--after-open {\n      ${(props) => {\n        if (props.overlayClassName) return null\n\n        if (props.blurredOverlay) {\n          return css`\n            background: rgba(246, 247, 251, 0.3);\n            backdrop-filter: blur(3.5px);\n          `\n        }\n\n        return css`\n          background: rgba(246, 247, 251, 0.9);\n        `\n      }}\n    }\n    &.ReactModal__Overlay--before-close {\n    }\n  }\n\n  &__content {\n    width: 100%;\n    max-height: 100%;\n    position: relative;\n    &:focus {\n      outline: 0;\n    }\n    ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n    &.ReactModal__Content--after-open {\n    }\n    &.ReactModal__Content--before-close {\n    }\n  }\n`\n\nexport const ModalClose = styled.span`\n  opacity: 1;\n  transition: 0.3s;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  cursor: pointer;\n  z-index: 10;\n  svg {\n    width: 18px;\n    height: 18px;\n  }\n  &:hover {\n    opacity: 0.5;\n  }\n`\n\nexport const GlobalRoot = createGlobalStyle`\n  .bodyOpen {\n    overflow: hidden;\n  }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","ReactModalAdapter","withConfig","componentId","props","zIndex","theme","modal","valign","css","overlayClassName","blurredOverlay","width","property","ModalClose","span","createGlobalStyle"],"mappings":"kLAWA,IAAMA,EAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,SAwBKC,EAAQC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,sBAAA,wIAAA,sCAAA,qHAAA,+EAEFI,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,EADJ,CAAA,eAAA,KA3BeD,CAAAA,IACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,WATQA,CA6BkBJ,EAAMI,SAEnC,OAEDJ,GACGA,EAAMM,iBAAyB,KAG1BD,EADLL,EAAMO,eACR,CAAA,iEAMF,CAAA,wCAgBDP,GAAWA,EAAMQ,MAAQC,EAnENT,CAAAA,GACG,iBAAhBA,EAAMQ,MAA2BR,EAAMQ,MAE9CR,EAAMQ,OAAgC,iBAAhBR,EAAMQ,OAAsBvB,EAAOe,EAAMQ,OAAevB,EAAOe,EAAMQ,OAExF,OALiBR,CAmEgCA,GAAQ,aAAe,OAQpEU,IAAAA,EAAad,EAAOe,KAAVb,WAAA,CAAAC,YAAA,wBAAGH,CAAnB,CAAA,gJAiBmBgB,EAAnB,CAAA"}

package/components/Paper/Paper.js

@@ -1,2 +0,0 @@
-import a from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{useClassname as r}from'../../hooks/useClassname.js';import{Root as s}from'./style.js';import{jsx as o}from'react/jsx-runtime';var m=["padding","rounded","shadow","className"];function t(d){var{padding:p="m",rounded:i=!0,shadow:n=!0,className:l}=d,u=e(d,m);var c=r(t.displayName,l);return o(s,a({padding:p,rounded:i,shadow:n,className:c},u))}t.displayName='Paper';export{t as Paper};
-//# sourceMappingURL=Paper.js.map

package/components/Paper/Paper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { useClassname } from 'hooks/useClassname'\nimport { SpacerProps } from 'components/Spacer'\nimport * as Styled from './style'\n\nexport interface PaperProps extends SpacerProps, ColorProperty, ResponsiveNamedProperty<'padding'> {\n  /**\n   * Set to true to generate a circlular paper container\n   */\n  circle?: boolean\n  /**\n   * Paper with rounded corners\n   */\n  rounded?: boolean\n  /**\n   * Paper with shadow\n   */\n  shadow?: boolean\n  /**\n   * This number represents the zDepth of the paper shadow\n   */\n  zDepth?: false | 0 | 1 | 2 | 3 | 4\n  /**\n   * Text align\n   */\n  textAlign?: 'left' | 'center' | 'right'\n}\n\nPaper.displayName = 'Paper'\n\n/**\n * Расширен:\n * - [`SpacerProps`](#/Разметка%20и%20позиционирование/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, className, ...props }: PaperProps) {\n  const _className = useClassname(Paper.displayName, className)\n\n  return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} className={_className} {...props} />\n}\n"],"names":["Paper","_ref","padding","rounded","shadow","className","props","_objectWithoutProperties","_excluded","_className","useClassname","displayName","_jsx","Styled.Root","_objectSpread"],"mappings":"wSAqCO,SAASA,EAAyFC,GAAA,IAAnFC,QAAEA,EAAU,IAAZC,QAAiBA,GAAAA,EAAjBC,OAAiCA,GAAS,EAA1CC,UAAgDA,GAAmCJ,EAArBK,EAAqBC,EAAAN,EAAAO,GACvG,IAAMC,EAAaC,EAAaV,EAAMW,YAAaN,GAEnD,OAAOO,EAACC,EAADC,EAAA,CAAaZ,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWI,GAAgBH,IAXrGN,EAAMW,YAAc"}

package/components/Paper/style.js

@@ -1,2 +0,0 @@
-import o,{css as r}from'styled-components';import{color as e}from'../../mixins/color.js';import{Spacer as a}from'../Spacer/Spacer.js';var t={0:r(["box-shadow:0 2px 0 0 rgba(0,0,0,0.11);"]),1:r(["box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);"]),2:r(["box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);"]),3:r(["box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);"]),4:r(["box-shadow:0 10px 40px 0 rgba(0,0,0,0.14);"])};var i=r(["border-radius:50%;justify-content:center;display:flex;align-items:center;min-width:100px;min-height:100px;"]);var l=r(["border-radius:",";"],(o=>o.theme.borderRadius));var n=o(a).withConfig({componentId:"fox-ui__sc-1tlpowq-0"})(["box-sizing:border-box;background-color:",";"," "," "," "," ",""],(o=>o.theme.colors.white),(o=>o.textAlign?r(["text-align:",";"],o.textAlign):null),(o=>o.color?e(o.color,'background-color'):null),(o=>'number'==typeof o.zDepth&&o.shadow?t[o.zDepth]:null),(o=>o.rounded?l:null),(o=>o.circle?i:null));export{n as Root};
-//# sourceMappingURL=style.js.map

package/components/Paper/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport { PaperProps } from './Paper'\n\nconst zDepth = {\n  0: css`\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n  `,\n  1: css`\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  `,\n  2: css`\n    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n  `,\n  3: css`\n    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n  `,\n  4: css`\n    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n  `,\n}\n\nconst circle = css`\n  border-radius: 50%;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  min-width: 100px;\n  min-height: 100px;\n`\n\nconst rounded = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n  box-sizing: border-box;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.rounded ? rounded : null)}\n  ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","Spacer","withConfig","componentId","colors","white","textAlign","color","shadow"],"mappings":"sIAKA,IAAMA,EAAS,CACb,EAAGC,EADU,CAAA,2CAIb,EAAGA,EAJU,CAAA,6CAOb,EAAGA,EAPU,CAAA,6CAUb,EAAGA,EAVU,CAAA,+CAab,EAAGA,EAAH,CAAA,gDAKF,IAAMC,EAASD,EAAf,CAAA,+GASA,IAAME,EAAUF,EACIG,CAAAA,iBAAAA,MAAAA,GAAUA,EAAMC,MAAMC,mBAG7BC,EAAOC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEMJ,GAAUA,EAAMC,MAAMO,OAAOC,QAC/CT,GACDA,EAAMU,UACFb,EACgBG,CAAAA,cAAAA,KAAAA,EAAMU,WAEtB,OACHV,GAAWA,EAAMW,MAAQA,EAAMX,EAAMW,MAAO,oBAAsB,OAClEX,GAAmC,iBAAjBA,EAAMJ,QAAuBI,EAAMY,OAAShB,EAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,EAAU,OACrCC,GAAWA,EAAMF,OAASA,EAAS"}

package/components/Popover/Popover.js

@@ -1,2 +0,0 @@
-import o from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{mergeDeepLeft as r}from'ramda';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Tooltip as i}from'../Tooltip/Tooltip.js';import{PopoverComponent as n}from'../PopoverComponent/PopoverComponent.js';import{jsx as p}from'react/jsx-runtime';import{SIZES_LANDSCAPE as a,SIZES as m}from'../PopoverComponent/constants.js';var l=["size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls"];var c='Popover';var P=Object.assign(s(e(((e,s)=>{var{size:a="s",styles:m={},sizes:c,sizeUnits:P,palette:d,orientation:f,loading:b,badge:g,caption:v,captionProps:z,titleProps:j,contentProps:h,controlsDirection:C,media:S,controls:u}=e,D=t(e,l);return p(i,o(o({},D),{},{preset:"brand",size:a,ref:s,styles:r(m,{arrow:{spread:20,length:12}}),component:p(n,{sizes:c,sizeUnits:P,palette:d,orientation:f,loading:b,badge:g,caption:v,captionProps:z,title:D.title,titleProps:j,content:D.content,contentProps:h,controlsDirection:C,media:S,controls:u})}))})),{displayName:"Popover",sizes:o=>'landscape'===o.orientation?a:m}),{Component:n});export{c as COMPONENT_NAME,P as Popover};
-//# sourceMappingURL=Popover.js.map

package/components/Popover/Popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to popover component root.\n *\n * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        sizes,\n        sizeUnits,\n        palette,\n        orientation,\n        loading,\n        badge,\n        caption,\n        captionProps,\n        titleProps,\n        contentProps,\n        controlsDirection,\n        media,\n        controls,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          size={size}\n          ref={ref}\n          styles={mergeDeepLeft(styles, {\n            arrow: {\n              spread: 20,\n              length: 12,\n            },\n          })}\n          component={\n            <PopoverComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              palette={palette}\n              orientation={orientation}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              captionProps={captionProps}\n              title={restProps.title}\n              titleProps={titleProps}\n              content={restProps.content}\n              contentProps={contentProps}\n              controlsDirection={controlsDirection}\n              media={media}\n              controls={controls}\n            />\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: (props) => {\n        return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n      },\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls","restProps","_excluded","_jsx","Tooltip","_objectSpread","preset","mergeDeepLeft","arrow","spread","length","component","PopoverComponent","title","content","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"8pBAOMA,IAAAA,EAAiB,UAYvB,IAAMC,EAAkGC,OAAOC,OAC7GC,EACEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,OAEJA,EAAS,GAFLC,MAGJA,EAHIC,UAIJA,EAJIC,QAKJA,EALIC,YAMJA,EANIC,QAOJA,EAPIC,MAQJA,EARIC,QASJA,EATIC,aAUJA,EAVIC,WAWJA,EAXIC,aAYJA,EAZIC,kBAaJA,EAbIC,MAcJA,EAdIC,SAeJA,GAEEhB,EADCiB,IACDjB,EAjBJkB,GAmBA,OACEC,EAACC,EAADC,EAAAA,EAAA,GACMJ,GADN,GAAA,CAEEK,OAAO,QACPpB,KAAMA,EACND,IAAKA,EACLE,OAAQoB,EAAcpB,EAAQ,CAC5BqB,MAAO,CACLC,OAAQ,GACRC,OAAQ,MAGZC,UACER,EAACS,EAAD,CACExB,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdkB,MAAOZ,EAAUY,MACjBjB,WAAYA,EACZkB,QAASb,EAAUa,QACnBjB,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,SAAUA,UAMpB,CACEe,YArEiB,UAsEjB3B,MAAQJ,GACuB,cAAtBA,EAAMO,YAA8ByB,EAAkBC,IAInE,CACEC,UAAWN"}

package/components/PopoverComponent/PopoverComponent.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{Badge as r}from'../Badge/Badge.js';import{Text as n}from'../Text/Text.js';import{Button as s}from'../Button/Button.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Skeleton as c}from'../Skeleton/Skeleton.js';import{SIZES_LANDSCAPE as l,SIZES as p}from'./constants.js';export{SIZES,SIZES_LANDSCAPE}from'./constants.js';import{Root as d,CloseButton as m,MediaLandscape as h,Media as u,Video as z,Container as b,Content as g,Header as P,Footer as f}from'./style.js';import{jsxs as S,jsx as v,Fragment as j}from'react/jsx-runtime';var B=["size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton"];var C='PopoverComponent';var x=i(o(((o,i)=>{var l,p;var{size:C="s",orientation:x="portrait",controlsDirection:y="row",badge:w={},captionProps:R={},titleProps:X={},contentProps:L={},closeButtonProps:M={},media:I={},controls:k={},sizeXXS:E,sizeXS:D,sizeS:N,sizeM:U,sizeL:A,sizeXL:F,loading:T,caption:Z,title:_,content:O,closeFn:H,palette:V,showCloseButton:W}=o,q=t(o,B);var G={size:C,sizeXXS:E,sizeXS:D,sizeS:N,sizeM:U,sizeL:A,sizeXL:F};var{badgeProps:J={}}=w;var{imgProps:K={},videoProps:Q={}}=I;var{text:Y,buttonProps:$={}}=null!==(l=k.secondary)&&void 0!==l?l:{};var{text:ee,buttonProps:te={}}=null!==(p=k.primary)&&void 0!==p?p:{};return S(d,e(e(e({},q),G),{},{palette:V,orientation:x,controlsDirection:y,ref:i,children:[W&&v(m,e(e({},M),{},{onClick:e=>{'function'==typeof H&&H(),'function'==typeof M.onClick&&M.onClick(e)},palette:V,type:"button",children:v(a,{as:"span",name:"close",size:24})})),'landscape'===x&&S(j,{children:[T&&v(h,{children:v(u,{aspectRatio:"1:1",children:v(c,{})})}),!T&&(K.src||Q.src)&&v(h,{children:v(u,{aspectRatio:"1:1",children:K.src?v("img",e({alt:""},K)):v(z,e({controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0},Q))})})]}),S(b,{children:[S(g,{children:[(w.text||Z||T||W)&&v(P,{children:T?v(c,{width:"20%",children:v(r,e(e({},G),{},{resetDefaultMargin:!0},J))}):S(j,{children:[w.text&&v(r,e(e(e({},G),{},{borderRadius:8,marginRight:12,resetDefaultMargin:!0},J),{},{children:w.text})),Z&&v(n,e(e({as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700},R),{},{children:Z}))]})}),'portrait'===x&&S(j,{children:[T&&v(u,{aspectRatio:"16:9",children:v(c,{})}),!T&&(K.src||Q.src)&&v(u,{aspectRatio:"16:9",children:K.src?v("img",e({alt:""},K)):v(z,e({controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0},Q))})]}),(_||O||T)&&v("div",{children:S(j,T?{children:[v(c,{borderRadius:4,marginBottom:.6,marginUnits:"em",children:v(n,e({appearance:"subheading",size:1.4,sizeUnits:"em"},X))}),v(c,{borderRadius:4,width:"70%",marginBottom:.4,marginUnits:"em",children:v(n,e({appearance:"body",size:"inherit"},L))}),v(c,{borderRadius:4,width:"50%",children:v(n,e({appearance:"body",size:"inherit"},L))})]}:{children:[_&&v(n,e(e({as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:O?.4:void 0,sizeUnits:"em",marginUnits:"em"},X),{},{children:_})),O&&v(n,e(e({as:"p",appearance:"body",size:"inherit",color:"inherit"},L),{},{children:O}))]})})]}),(Y||ee||T)&&v(f,{children:T?v(c,{width:"100%",children:v(s,e({preset:"brand"},G))}):S(j,{children:[Y&&v(s,e(e(e({preset:"brand",black:!0,outline:!0,type:"button",marginRight:'row'===y?6:void 0,marginBottom:'column'===y?6:void 0},G),$),{},{children:Y})),ee&&v(s,e(e(e({preset:"brand",black:!0,type:"button"},G),te),{},{children:ee}))]})})]})]}))})),{displayName:"PopoverComponent",sizes:e=>'landscape'===e.orientation?l:p});export{C as COMPONENT_NAME,x as PopoverComponent};
-//# sourceMappingURL=PopoverComponent.js.map

package/components/PopoverComponent/PopoverComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      orientation = 'portrait',\n      controlsDirection = 'row',\n      badge = {},\n      captionProps = {},\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      media = {},\n      controls = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      loading,\n      caption,\n      title,\n      content,\n      closeFn,\n      palette,\n      showCloseButton,\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 { badgeProps = {} } = badge\n\n    const { imgProps = {}, videoProps = {} } = media\n\n    const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n    const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        palette={palette}\n        orientation={orientation}\n        controlsDirection={controlsDirection}\n        ref={ref}\n      >\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n            }}\n            palette={palette}\n            type='button'\n          >\n            <Icon as='span' name='close' size={24} />\n          </Styled.CloseButton>\n        )}\n        {orientation === 'landscape' && (\n          <>\n            {loading && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  <Skeleton />\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n            {!loading && (imgProps.src || videoProps.src) && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  {imgProps.src ? (\n                    <img alt='' {...imgProps} />\n                  ) : (\n                    <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                  )}\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n          </>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {(badge.text || caption || loading || showCloseButton) && (\n              <Styled.Header>\n                {loading ? (\n                  <Skeleton width='20%'>\n                    <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n                  </Skeleton>\n                ) : (\n                  <>\n                    {badge.text && (\n                      <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n                        {badge.text}\n                      </Badge>\n                    )}\n                    {caption && (\n                      <Text\n                        as='span'\n                        appearance='caption'\n                        size={0.9}\n                        sizeUnits='em'\n                        color='content-onmain-tertiary'\n                        weight={700}\n                        {...captionProps}\n                      >\n                        {caption}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </Styled.Header>\n            )}\n            {orientation === 'portrait' && (\n              <>\n                {loading && (\n                  <Styled.Media aspectRatio='16:9'>\n                    <Skeleton />\n                  </Styled.Media>\n                )}\n                {!loading && (imgProps.src || videoProps.src) && (\n                  <Styled.Media aspectRatio='16:9'>\n                    {imgProps.src ? (\n                      <img alt='' {...imgProps} />\n                    ) : (\n                      <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                    )}\n                  </Styled.Media>\n                )}\n              </>\n            )}\n            {(title || content || loading) && (\n              <div>\n                {loading ? (\n                  <>\n                    <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n                      <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                  </>\n                ) : (\n                  <>\n                    {title && (\n                      <Text\n                        as='h2'\n                        appearance='subheading'\n                        size={1.4}\n                        color='inherit'\n                        marginBottom={content ? 0.4 : undefined}\n                        sizeUnits='em'\n                        marginUnits='em'\n                        {...titleProps}\n                      >\n                        {title}\n                      </Text>\n                    )}\n                    {content && (\n                      <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n                        {content}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </div>\n            )}\n          </Styled.Content>\n          {(secondaryButtonText || primaryButtonText || loading) && (\n            <Styled.Footer>\n              {loading ? (\n                <Skeleton width='100%'>\n                  <Button preset='brand' {...sizeProps} />\n                </Skeleton>\n              ) : (\n                <>\n                  {secondaryButtonText && (\n                    <Button\n                      preset='brand'\n                      black\n                      outline\n                      type='button'\n                      marginRight={controlsDirection === 'row' ? 6 : undefined}\n                      marginBottom={controlsDirection === 'column' ? 6 : undefined}\n                      {...sizeProps}\n                      {...secondaryButtonProps}\n                    >\n                      {secondaryButtonText}\n                    </Button>\n                  )}\n                  {primaryButtonText && (\n                    <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n                      {primaryButtonText}\n                    </Button>\n                  )}\n                </>\n              )}\n            </Styled.Footer>\n          )}\n        </Styled.Container>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n    },\n  }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["COMPONENT_NAME","PopoverComponent","withMergedProps","forwardRef","props","ref","_controls$secondary","_controls$primary","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","_excluded","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled.Root","children","_jsx","Styled.CloseButton","onClick","evt","type","Icon","as","name","_Fragment","Styled.MediaLandscape","Styled.Media","aspectRatio","Skeleton","src","_objectSpread","alt","Styled.Video","controlsList","disablePictureInPicture","Styled.Container","Styled.Content","Styled.Header","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","undefined","Styled.Footer","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}

package/components/PopoverComponent/constants.js

@@ -1,2 +0,0 @@
-var d={xxxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:560,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:356,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:280,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12}};var i={xxxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:792,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:600,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:520,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12}};export{d as SIZES,i as SIZES_LANDSCAPE};
-//# sourceMappingURL=constants.js.map

package/components/PopoverComponent/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/PopoverComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xxl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  l: {\n    width: 560,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 20,\n  },\n  m: {\n    width: 356,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 16,\n  },\n  s: {\n    width: 280,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 14,\n  },\n  xs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n}\n\nexport const SIZES_LANDSCAPE: Sizes = {\n  xxxl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xxl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  l: {\n    width: 792,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 20,\n  },\n  m: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 16,\n  },\n  s: {\n    width: 520,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 14,\n  },\n  xs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n}\n"],"names":["SIZES","xxxl","width","padding","borderRadius","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_LANDSCAPE"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,KAIP,IAAMS,EAAyB,CACpCb,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU"}

package/components/PopoverComponent/style.js

@@ -1,2 +0,0 @@
-import o from'@babel/runtime/helpers/objectSpread2';import n from'styled-components';import r from'tinycolor2';import{responsiveSize as e}from'../../mixins/responsive-size.js';import{focus as i}from'../../mixins/focus.js';import{createShouldForwardProp as t}from'../../shared/utils/style.js';var c=t((o=>!['orientation','controlsDirection','black','contrast','elevated'].includes(o)));var a=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-0"})(["box-sizing:border-box;flex-shrink:0;width:45%;margin-right:1.6em;"]);var l=n.div.withConfig({shouldForwardProp:o=>'aspectRatio'!==o}).withConfig({componentId:"fox-ui__sc-hvg57g-1"})(["",""],(o=>"\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ".concat('16:9'===o.aspectRatio?'56.25%':'100%',";\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  ")));var s=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-2"})(["display:flex;flex-wrap:wrap;margin-top:1.6em;"]);var d=n.div.withConfig({shouldForwardProp:c}).attrs((o=>({dynamicSizeDeclaration:(n,r)=>({fontSize:'string'==typeof n?n:"".concat(n).concat(r),width:'portrait'===o.orientation?'28em':'40em',padding:'1.6em',borderRadius:16})}))).withConfig({componentId:"fox-ui__sc-hvg57g-3"})(["box-sizing:border-box;display:inline-flex;isolation:isolate;position:relative;"," "," ",""],(o=>"\n    flex-direction: ".concat('landscape'===o.orientation?'row':'column',";\n    & ").concat(s," {\n      flex-direction: ").concat(o.controlsDirection,";\n    }\n  ")),(n=>{return r=o({color:n.theme.colors['content-onmain-primary'],backgroundColor:n.theme.colors['bg-onmain-primary'],shadowColor:n.elevated?n.theme.colors['bg-oncolor-hover']:n.theme.colors.transparent,mediaPlaceholderColor:n.theme.colors['bg-oncolor-hover']},n.palette),"\n  color: ".concat(r.color,";\n  background-color: ").concat(r.backgroundColor,";\n  filter: drop-shadow(0 6px 10px ").concat(r.shadowColor,");\n\n  & ").concat(l," img,\n  & ").concat(l," video {\n    background-color: ").concat(r.mediaPlaceholderColor,";\n  }\n");var r}),e);var g=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-4"})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;"]);var p=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-5"})(["box-sizing:border-box;display:flex;align-items:center;margin-right:20px;"]);var m=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-6"})(["box-sizing:border-box;word-break:break-word;& > *:not(:last-child){margin-bottom:1.6em;}"]);var h=n.video.withConfig({componentId:"fox-ui__sc-hvg57g-7"})(["",""],i);var b=n.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({componentId:"fox-ui__sc-hvg57g-8"})(["box-sizing:border-box;position:absolute;top:10px;right:10px;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(n=>{return e=o({closeColor:n.theme.colors['content-onmain-tertiary'],closeBackgroundColor:n.theme.colors.transparent,closeColorHover:n.theme.colors['content-onmain-primary'],closeBackgroundColorHover:r(n.theme.colors['bg-oncolor-hover']).lighten(20).toString(),closeColorActive:n.theme.colors['content-onmain-primary'],closeBackgroundColorActive:n.theme.colors['bg-oncolor-hover'],closeColorDisabled:n.theme.colors['content-disabled'],closeBackgroundColorDisabled:n.theme.colors.transparent},n.palette),"\n  color: ".concat(e.closeColor,";\n  background-color: ").concat(e.closeBackgroundColor,";\n  &:hover {\n    color: ").concat(e.closeColorHover,";\n    background-color: ").concat(e.closeBackgroundColorHover,";\n  }\n  &:active {\n    color: ").concat(e.closeColorActive,";\n    background-color: ").concat(e.closeBackgroundColorActive,";\n  }\n  &:disabled {\n    color: ").concat(e.closeColorDisabled,";\n    background-color: ").concat(e.closeBackgroundColorDisabled,";\n  }\n");var e}),i);export{b as CloseButton,g as Container,m as Content,s as Footer,p as Header,l as Media,a as MediaLandscape,d as Root,h as Video};
-//# sourceMappingURL=style.js.map

package/components/PopoverComponent/style.js.map

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

package/components/Progress/Progress.js

@@ -1,2 +0,0 @@
-import{ProgressSegmented as r}from'../Progress.Segmented/Progress.Segmented.js';import{ProgressCircle as e}from'../Progress.Circle/Progress.Circle.js';import{Root as o,Bar as s}from'./style.js';import{jsx as a}from'react/jsx-runtime';function t(r){var{className:e,isLoading:t,backgroundColor:n,color:g,percent:i}=r;var l='string'==typeof i?parseInt(i,10):i||0;return l>100&&(l=100),l<0&&(l=0),a(o,{className:e,backgroundColor:n,color:g,children:a(s,{width:l,isLoading:Boolean(t)})})}t.defaultProps={percent:0,color:'green',backgroundColor:'alto',isLoading:!1},t.Circle=e,t.Segmented=r,t.displayName='Progress';export{t as Progress};
-//# sourceMappingURL=Progress.js.map

package/components/Progress/Progress.js.map

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

package/components/Progress/style.js

@@ -1,2 +0,0 @@
-import o,{keyframes as r,css as i}from'styled-components';import n from'tinycolor2';import{color as a}from'../../mixins/color.js';var t=r(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var d=o=>i(["background-color:",";"],n(o).setAlpha(.6).toString());var s=i(["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;"],t);var e=o.div.withConfig({componentId:"fox-ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?a(o.backgroundColor,d):null),(o=>o.color?a(o.color):null));var l=o.div.withConfig({shouldForwardProp:()=>!1}).withConfig({componentId:"fox-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?s:null),(o=>o.width?i(["width:","%;"],o.width):i(["width:0%;"])));export{l as Bar,e as Root};
-//# sourceMappingURL=style.js.map

package/components/Progress/style.js.map

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

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

@@ -1,2 +0,0 @@
-import{PureComponent as r}from'react';import{Root as e,Content as s}from'./style.js';import{jsxs as t,jsx as o}from'react/jsx-runtime';function a(r,e,s,t){var o=(t-90)*Math.PI/180;return{x:r+s*Math.cos(o),y:e+s*Math.sin(o)}}function i(r,e,s,t,o,i){var n=arguments.length>5&&void 0!==i&&i;var c=a(r,e,s,o);var l=a(r,e,s,t);var d=o-t;var h=d<0?-d:d;var g=h<=180?'1':'0';var p=n?+!+g:g;return['M',c.x,c.y,'A',s,s,0,p,0,l.x,l.y].join(' ')}class n extends r{constructor(r){super(r),this.renderSvg=()=>{var{size:r,progress:e,strokeLineWidth:s,strokeBGWidth:t,progressStartAngle:o}=this.props;var a=s>t?s:t;var n=r/2+a/2;var c=o;var l=c-.5;var d=n-a/2;var h=n-a/2;var g=n-a;var p=c-l;var v=i(d,h,g,o,o-.5+ +e/100*360,!0);var u=i(d,h,g,c,l);this.setState({describeArcProgress:v,describeArcBg:u,bgAngleDiff:p<0?-p:p})},this.state={bgAngleDiff:0,describeArcProgress:null,describeArcBg:null}}componentDidMount(){this.renderSvg()}componentDidUpdate(r){var{progress:e,size:s}=this.props;var{progress:t,size:o}=r;e===t&&s===o||this.renderSvg()}render(){var{size:r,children:a,content:i,strokeLineWidth:n,strokeBGWidth:c,resultColor:l,strokeBGColor:d,status:h,progress:g,className:p,style:v}=this.props;var{bgAngleDiff:u,describeArcProgress:m,describeArcBg:f}=this.state;return t(e,{className:p,style:v,size:r,strokeBGColor:d,resultColor:l,status:h,children:[o("svg",{width:r,height:r,viewBox:"0 0 ".concat(r," ").concat(r),children:t("g",{className:'pathBox',children:[o("path",{className:"bg",d:u<360&&f?f:'',fill:"none",strokeWidth:c,strokeLinecap:"round"}),o("path",{className:"line",d:Boolean(+g)&&m?m:'',strokeWidth:n,strokeLinecap:"round"})]})}),(a||i)&&o(s,{children:a||i})]})}}n.displayName='Progress.Circle',n.defaultProps={size:84,progress:0,strokeLineWidth:2,strokeBGWidth:2,resultColor:'accent',progressStartAngle:180};export{n as ProgressCircle};
-//# sourceMappingURL=Progress.Circle.js.map

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

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

package/components/Progress.Circle/style.js

@@ -1,2 +0,0 @@
-import o from'styled-components';import{color as t,getColor as i}from'../../mixins/color.js';var e=o.div.withConfig({shouldForwardProp:o=>'children'===o}).withConfig({componentId:"fox-ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0px;}.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?"".concat(o.size,"px"):'84px'),(o=>o.size?"".concat(o.size,"px"):'84px'),(o=>o.resultColor?t(o.resultColor,'stroke'):null),(o=>o.strokeBGColor?i(o.strokeBGColor,o):"rgba(0, 0, 0, 0.12)"));var s=o.div.withConfig({componentId:"fox-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{s as Content,e as Root};
-//# sourceMappingURL=style.js.map

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

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

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

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

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

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

package/components/Progress.Segmented/style.js

@@ -1,2 +0,0 @@
-import o,{css as i}from'styled-components';import{color as r,getColor as t}from'../../mixins/color.js';import{DefaultColorNames as e}from'../../theme/colors.js';var a=o.div.withConfig({componentId:"fox-ui__sc-10x2wrn-0"})(["height:100%;border-radius:10px;width:",";",";"],(o=>"".concat(o.percent||0,"%")),(o=>r(o.percentColor?o.percentColor:e.atlantis,'background')));var s=o.div.withConfig({componentId:"fox-ui__sc-10x2wrn-1"})(["position:absolute;top:0;display:flex;justify-content:space-between;width:100%;height:4px;z-index:3;"]);var n=o.div.withConfig({componentId:"fox-ui__sc-10x2wrn-2"})(["width:2px;height:100%;&:first-child,&:last-child{width:0;}",""],(o=>r(o.separatorColor?o.separatorColor:e.white,'background')));var p=i(["& ","{&:first-child{&:before{background:rgba(0,0,0,0.1);}}}"],n);var d=o.div.withConfig({componentId:"fox-ui__sc-10x2wrn-3"})(["position:relative;height:4px;background:rgba(0,0,0,0.1);border-radius:10px;"," "," ",""],(o=>o.haveCircle?(o=>i(["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:",";}}}"],a,n,t(o.percentColor||e.atlantis,o)))(o):null),(o=>100===o.percent?(o=>i(["& ","{&: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%;}}}"],n,t(o.percentColor||e.atlantis,o)))(o):null),(o=>0===o.percent?p:null));export{a as Progress,d as Root,n as Separator,s as Separators};
-//# sourceMappingURL=style.js.map

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

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

package/components/Radio/Group.js

@@ -1,2 +0,0 @@
-import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{Group as o}from'./style.js';import{jsx as t}from'react/jsx-runtime';var i=["children"];function m(m){var{children:p}=m,a=e(m,i);return t(o,r(r({},a),{},{children:p}))}export{m as RadioGroup};
-//# sourceMappingURL=Group.js.map

package/components/Radio/Group.js.map

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

package/components/Radio/Radio.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/objectSpread2';import a from'@babel/runtime/helpers/objectWithoutProperties';import r from'clsx';import{useTheme as s}from'styled-components';import{useClassname as l}from'../../hooks/useClassname.js';import{InputRadio as i}from'../InputRadio/InputRadio.js';import{RadioGroup as o}from'./Group.js';import{Root as d}from'./style.js';import{jsxs as t,jsx as c}from'react/jsx-runtime';var m=["children","disabled","error","id","name","size","value","label","className","width","style","fluid","display"];function n(i){var o=void 0===i.checked;var p=s();var{children:u,disabled:h,error:f,id:v,name:b,size:y,value:k,label:x,className:j,width:w=p.defaultInputControlsWidth,style:R,fluid:g,display:C}=i,N=a(i,m);var I=l(n.displayName);var z=r(I,j,i.checked&&!o?"".concat(I,"--checked"):null);var G="".concat(I,"__label");var W=o?{defaultChecked:i.defaultChecked}:{checked:i.checked};return t(d,{className:z,style:R,disabled:h,error:f,htmlFor:v||b,size:y,width:w,display:C,fluid:g,children:[c("input",e(e({},N),{},{id:v||b,name:b,type:"radio",value:k,disabled:h},W)),t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[c("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),c("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(x||u)&&c("span",{className:G,children:x||u})]})}n.defaultProps={disabled:!1,size:'medium',display:'inline-flex',onChange:e=>console.log(e,e.target.value)},n.Input=i,n.Group=o,n.displayName='Radio';export{n as Radio};
-//# sourceMappingURL=Radio.js.map

package/components/Radio/Radio.js.map

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

package/components/Radio/style.js

@@ -1,2 +0,0 @@
-import i from'@babel/runtime/helpers/taggedTemplateLiteral';import l,{css as r}from'styled-components';import{screenMaxS as e}from'../../mixins/screen.js';import{responsiveProperty as n}from'../../mixins/responsive-property.js';import{display as o}from'../../mixins/display.js';var t;var a=function(i){var l=arguments.length>0&&void 0!==i?i:14;return r(["font-size:","px;svg{width:","px;height:","px;}"],l,l,l)};var s=r(["cursor:not-allowed;color:#d4d4d4;svg{circle:nth-child(1){stroke:#d4d4d4;}circle:nth-child(2){fill:#d4d4d4;}}& > span{cursor:not-allowed;}"]);var d=r(["svg{circle{fill:#ffeef0;stroke:#ffa3a3;}circle:nth-child(2){fill:#ffa3a3;}}"]);var c=l.label.withConfig({shouldForwardProp:i=>['children','htmlFor'].includes(i)}).withConfig({componentId:"fox-ui__sc-1u0nc40-0"})(["align-items:baseline;user-select:none;cursor:pointer;width:auto;svg{position:relative;top:2px;flex-shrink:0;circle:nth-child(2){opacity:0;transition:all 0.2s ease;}}& + &{margin-left:15px;}input{display:none;appearance:none;&:checked + svg{circle:nth-child(2){opacity:1;transform:scale(1);}","}}> span{margin-left:10px;cursor:pointer;}"," "," "," "," "," "," "," ",""],(i=>i.error?null:r(["circle:not(:disabled){stroke:#48a1e6;}circle:not(:disabled):last-child{fill:#48a1e6;}"])),(i=>'small'===i.size?a(14):null),(i=>'medium'===i.size?a(16):null),(i=>'large'===i.size?a(18):null),(i=>i.disabled?s:null),(i=>i.error?d:null),(i=>i.display?o(i.display):null),(i=>n('width',i.fluid&&'auto'!==i.width&&!Array.isArray(i.width)?'max-width':'width')),(i=>i.fluid?r(["width:100%;"]):null));var p=l.div.withConfig({shouldForwardProp:i=>'inline'!==i}).withConfig({componentId:"fox-ui__sc-1u0nc40-1"})(["display:flex;flex-direction:column;line-height:normal;> ","{margin-left:0;&:not(:first-child){margin-top:15px;}}",""],c,(l=>l.inline?r(["flex-direction:row;&&& > ","{margin-top:0;}> "," + ","{margin-left:15px;}",""],c,c,c,e()(t||(t=i(["\n            flex-direction: column;\n            > &{Root} {\n              margin-top: 0;\n            }\n            > "," + "," {\n              margin-left: 0;\n              margin-top: 15px;\n            }\n          "])),c,c)):null));export{p as Group,c as Root};
-//# sourceMappingURL=style.js.map

package/components/Radio/style.js.map

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

package/components/Scrollable/Scrollable.js

@@ -1,2 +0,0 @@
-import t from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{PureComponent as r}from'react';import{Scrollbars as o}from'rc-scrollbars';import{withTheme as a}from'styled-components';import{jsx as l,jsxs as s}from'react/jsx-runtime';var i=["style"],h=["style"],c=["children","withShadow","shadowHeight","shadowColor","shadowOpacity","className","thumbColor","thumbOpacity","thumbBorderRadius","thumbWidth","trackColor","trackOpacity","trackBorderRadius","trackWidth","isolate","style","disabled"];class n extends r{constructor(){super(...arguments),this.scrollable=null,this.ts=0,this.state={scrollTop:0,scrollHeight:0,clientHeight:0},this.handleTouchStart=t=>{this.ts=t.touches[0].clientY},this.handleTouchMove=t=>{if(!this.props.isolate||!this.scrollable)return!0;var e=this.scrollable.parentNode;if(e){var r=t.changedTouches[0].clientY;var o=this.ts>r?-1:1;var a=1===o&&0===e.scrollTop;var l=-1===o&&Math.floor(e.scrollTop)===e.scrollHeight-e.clientHeight;return(a||l)&&(t.preventDefault(),this.ts=r),!0}},this.handleScroll=t=>{if(!this.props.isolate||!this.scrollable)return!0;var e=this.scrollable.parentNode;if(e){var r=(t.deltaY||t.detail)<0?1:-1;return(1===r&&0===e.scrollTop||-1===r&&e.scrollTop===e.scrollHeight-e.clientHeight)&&t.preventDefault(),!0}},this.handleUpdate=t=>{var{scrollTop:e,scrollHeight:r,clientHeight:o}=t;this.setState({scrollTop:e,scrollHeight:r,clientHeight:o})},this.hexToRgb=t=>{var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null},this.renderTrack=(r,o)=>{var{style:a}=r,s=e(r,i);var{trackColor:h,trackOpacity:c,trackBorderRadius:n,trackWidth:d}=this.props;var p=h?this.hexToRgb(h):null;var u=t({background:p?"rgba(".concat(p.r,", ").concat(p.g,", ").concat(p.b,", ").concat(c,")"):"rgba(255,255,255,0)",borderRadius:"".concat(n,"px"),zIndex:14},'vertical'===o?{right:4,top:2,bottom:2,width:"".concat(d,"px")}:{bottom:4,left:2,right:2,height:"".concat(d,"px")});return l("div",t({style:t(t({},a),u)},s))},this.renderThumb=r=>{var{style:o}=r,a=e(r,h);var{thumbColor:s,thumbOpacity:i,thumbBorderRadius:c,thumbWidth:n}=this.props;var d={opacity:i,backgroundColor:this.props.theme.colors[s]||this.props.theme.colors[s],borderRadius:"".concat(c,"px"),width:"".concat(n,"px")};return l("div",t({style:t(t({},o),d)},a))}}componentDidMount(){this.scrollable&&this.scrollable.parentNode&&(this.scrollable.parentNode.addEventListener('touchstart',this.handleTouchStart,!1),this.scrollable.parentNode.addEventListener('touchmove',this.handleTouchMove,!1),this.scrollable.parentNode.addEventListener('wheel',this.handleScroll,!1),this.scrollable.parentNode.addEventListener('scroll',this.handleScroll,!1))}componentWillUnmount(){this.scrollable&&this.scrollable.parentNode&&(this.scrollable.parentNode.removeEventListener('touchstart',this.handleTouchStart),this.scrollable.parentNode.removeEventListener('touchmove',this.handleTouchMove),this.scrollable.parentNode.removeEventListener('wheel',this.handleScroll),this.scrollable.parentNode.removeEventListener('scroll',this.handleScroll))}calculateShadowOffset(){var{scrollTop:t,scrollHeight:e,clientHeight:r}=this.state;var{shadowHeight:o=50}=this.props;var a=e-r||0;return Math.floor(o*(100*t/(a<=0?1:a))/100-o)}render(){var r=this.props,{children:a,withShadow:i,shadowHeight:h,shadowColor:n,shadowOpacity:d,className:p,style:u,disabled:b}=r,m=e(r,c);if(b)return l("div",{children:a});var{scrollHeight:v,clientHeight:g}=this.state;var f=this.calculateShadowOffset();return s("div",{style:t(t({},u),{},{position:'relative'}),className:p,children:[i&&v>g&&f!==-h&&l("div",{style:{position:'absolute',display:'block',height:"".concat(h,"px"),left:0,right:0,top:"-".concat(h,"px"),opacity:d,backgroundImage:"linear-gradient(to bottom, ".concat(this.props.theme.colors[n]," 20%, rgba(255, 255, 255, 0) 100%)"),transform:"translateY(".concat(h+f,"px)"),zIndex:10}}),i&&v>g&&f<0&&l("div",{style:{position:'absolute',display:'block',height:"".concat(h,"px"),left:0,right:0,bottom:0,opacity:d,backgroundImage:"linear-gradient(to top, ".concat(this.props.theme.colors[n]," 20%, rgba(255, 255, 255, 0) 100%)"),transform:"translateY(".concat(h+f,"px)"),zIndex:10}}),l(o,t(t({renderTrackVertical:e=>this.renderTrack(t({},e),'vertical'),renderTrackHorizontal:e=>this.renderTrack(t({},e),'horizontal'),renderThumbHorizontal:this.renderThumb,renderThumbVertical:this.renderThumb,onUpdate:this.handleUpdate,hideTracksWhenNotNeeded:!0},m),{},{children:l("div",{ref:t=>{this.scrollable=t},children:a})}))]})}}n.displayName='Scrollable',n.defaultProps={autoHide:!1,autoHideTimeout:1e3,autoHideDuration:200,autoHeight:!1,withShadow:!1,shadowHeight:50,shadowOpacity:.15,shadowColor:'mineShaft',thumbColor:'mineShaft',thumbOpacity:.15,thumbBorderRadius:1,thumbWidth:4,trackColor:'#333333',trackOpacity:.15,trackBorderRadius:1,trackWidth:4,disabled:!1,isolate:!0};var d=a(n);d.displayName='Scrollable';export{d as Scrollable};
-//# sourceMappingURL=Scrollable.js.map

package/components/Scrollable/Scrollable.js.map

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

package/components/Section/Section.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/objectSpread2';import{Root as r}from'./style.js';import{jsx as t}from'react/jsx-runtime';function o(o){return t(r,e({},o))}o.displayName='Section';export{o as Section};
-//# sourceMappingURL=Section.js.map

package/components/Section/Section.js.map

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

package/components/Section/style.js

@@ -1,2 +0,0 @@
-import o,{css as p}from'styled-components';import{color as x}from'../../mixins/color.js';import{Spacer as r}from'../Spacer/Spacer.js';var a={1:p(["box-shadow:0 15px 20px 0 rgba(27,55,147,0.06);"]),2:p(["box-shadow:rgba(0,0,0,0.156863) 0px 3px 10px,rgba(0,0,0,0.227451) 0px 3px 10px;"]),3:p(["box-shadow:rgba(0,0,0,0.188235) 0px 10px 30px,rgba(0,0,0,0.227451) 0px 6px 10px;"]),4:p(["box-shadow:rgba(0,0,0,0.247059) 0px 14px 45px,rgba(0,0,0,0.219608) 0px 10px 18px;"]),5:p(["box-shadow:rgba(0,0,0,0.298039) 0px 19px 60px,rgba(0,0,0,0.219608) 0px 15px 20px;"])};var l=o(r).withConfig({componentId:"fox-ui__sc-1l4ghqg-0"})(["display:block;color:#000;background-color:",";"," "," ",""],(o=>o.theme.colors.white),(o=>o.textAlign?p(["text-align:",";"],o.textAlign):null),(o=>'number'==typeof o.zDepth?a[o.zDepth]:null),(o=>o.color?x(o.color,'background-color'):null));export{l as Root};
-//# sourceMappingURL=style.js.map

package/components/Section/style.js.map

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

package/components/Select/Select.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/objectSpread2';import a from'@babel/runtime/helpers/objectWithoutProperties';import l,{AsyncCreatable as r,Async as t,Creatable as s}from'react-select';import{useTheme as o}from'styled-components';import{useClassname as i}from'../../hooks/useClassname.js';import{Root as c}from'./style.js';import{jsx as m}from'react/jsx-runtime';var p=["fluid","error","className","style","display","width"];function d(n){var u=o();var{fluid:b,error:h,className:f,style:y,display:x,width:C=u.defaultInputControlsWidth}=n,T=a(n,p);var j=i(d.displayName,f);return m(c,{className:j,style:y,error:h,fluid:b,width:C,display:x,children:m(n.loadOptions?n.allowCreate?r:t:n.allowCreate?s:l,e(e({},T),{},{promptTextCreator:e=>"Добавить \"".concat(e,"\"")}))})}d.defaultProps={allowCreate:!1,searchable:!0,clearable:!1,addLabelText:'Добавить "{label}"?',backspaceToRemoveMessage:'Нажмите клавишу Backspace, чтобы удалить {last label}',clearAllText:'Очистить все',clearValueText:'Очистить значение',noResultsText:'Результатов не найдено',placeholder:'Выбрать ...',searchPromptText:'Введите поисковый запрос',loadingPlaceholder:'Загрузка...',autoload:!0,loadOptions:!1,display:'inline-block'},d.displayName='Select';export{d as Select};
-//# sourceMappingURL=Select.js.map

package/components/Select/Select.js.map

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

package/components/Select/style.js

@@ -1,2 +0,0 @@
-import e,{keyframes as l,css as o}from'styled-components';import i from'tinycolor2';import{display as t}from'../../mixins/display.js';import{responsiveProperty as c}from'../../mixins/responsive-property.js';import{errorStyle as a}from'../Input/style.js';var r=l(["from{opacity:0;}to{opacity:1;}"]);var M=l(["to{transform:rotate(1turn);}"]);var n=o(["width:100%;.Select{max-width:100%;width:100%;}"]);var s=o([".Select-control{","}"],a);var d=e.span.withConfig({shouldForwardProp:e=>['children'].includes(e)}).withConfig({componentId:"fox-ui__sc-ps043s-0"})([".Select{position:relative;}.Select,.Select div,.Select input,.Select span{box-sizing:border-box;}.Select.is-disabled > .Select-control{cursor:not-allowed;background-color:#f5f5f5;}.Select.is-disabled .Select-value-label{color:rgba(0,0,0,0.16) !important;}.Select.is-disabled > .Select-control:hover{box-shadow:none;}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:0.35;}.Select.is-clearable{.Select-placeholder,&.Select--single > .Select-control .Select-value{padding-right:70px;}}.Select-control{background-color:",";border:solid 1px ",";border-radius:4px;color:",";cursor:default;display:table;border-spacing:0;border-collapse:separate;height:50px;outline:none;overflow:hidden;position:relative;width:100%;}.Select-control .Select-input:focus{outline:none;}.is-searchable.is-open > .Select-control{cursor:text;}.is-open > .Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;border:1px solid ",";outline:none;}.is-open > .Select-control .Select-arrow{transform:rotate(180deg);}.is-searchable.is-focused:not(.is-open) > .Select-control{cursor:text;}.is-focused:not(.is-open) > .Select-control{border:1px solid ",";}.Select-placeholder,.Select--single > .Select-control .Select-value{bottom:0;color:",";left:0;font-size:16px;line-height:50px;padding-left:20px;padding-right:35px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.has-value.Select--single > .Select-control .Select-value .Select-value-label,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label{color:",";}.has-value.Select--single > .Select-control .Select-value a.Select-value-label,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none;}.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus{color:#007eff;outline:none;text-decoration:underline;}.Select-input{height:50px;padding-left:20px;padding-right:15px;vertical-align:middle;}.Select-input > input{width:100%;background:none transparent;border:0 none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:16px;margin:0;outline:none;line-height:30px;padding:10px 0;-webkit-appearance:none;}.is-focused .Select-input > input{cursor:text;}.is-focused .Select-arrow,.Select-arrow-zone:hover > .Select-arrow{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM0OGExZTYiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=');}.has-value.is-pseudo-focused .Select-input{opacity:0;}.Select-control:not(.is-searchable) > .Select-input{outline:none;}.Select-loading-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:16px;}.Select-loading{animation:"," 400ms infinite linear;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid ",";border-right-color:",";display:inline-block;position:relative;vertical-align:middle;}.Select-clear-zone{animation:"," 200ms;color:",";cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:35px;line-height:0;.Select-clear{position:relative;top:-1px;}}.Select-clear-zone:hover{color:#d0021b;}.Select-clear{display:inline-block;font-size:0px;line-height:1;color:transparent;overflow:hidden;width:12px;height:12px;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4KICA8cGF0aAogICAgZD0nTTExLjYgOS41TDE5LjIgMmMuNC0uNi40LTEuMyAwLTEuNy0uNC0uNC0xLjItLjQtMS42IDBMMTAgOCAyLjQuMkMyIDAgMS4yIDAgLjguMy40LjcuNCAxLjMuOCAybDcuNiA3LjUtOCA4Yy0uNS41LS41IDEuMiAwIDEuNy4yLjIuNC4zLjcuMy40IDAgLjcgMCAxLS4zbDgtOCA4IDhjLjMuMi42LjMgMSAuMy4yIDAgLjQgMCAuNy0uMy40LS41LjQtMS4yIDAtMS42bC04LTh6JwogICAgZmlsbD0nI0Q5RDlEOScKICAgIGZpbGxSdWxlPSdldmVub2RkJwogIC8+Cjwvc3ZnPgo=') no-repeat;background-size:cover;}.Select--multi .Select-clear-zone{width:17px;}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:35px;line-height:0;}.Select-arrow{background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNiOGI4YjgiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=') no-repeat;display:inline-block;background-size:12px;height:7px;width:12px;position:relative;transition:0.3s;transform:rotate(0deg);}.is-open .Select-arrow,.Select-arrow-zone:hover > .Select-arrow{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM0OGExZTYiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=');}.Select--multi .Select-multi-value-wrapper{display:inline-block;padding-left:20px;}.Select--multi .Select-multi-value-wrapper{.Select-placeholder + .Select-input{margin-left:0;}}.Select--single{.Select-multi-value-wrapper{display:block;width:100%;}.Select-input .react-select-2--value{display:block;width:100%;}}.Select .Select-aria-only{display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left;}.Select-menu-outer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:",";border:1px solid ",";box-shadow:0 3px 10px 0 rgba(0,0,0,0.2);box-sizing:border-box;margin-top:-1px;max-height:270px;position:absolute;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch;}.Select-menu{max-height:226px;overflow-x:auto;overflow-y:auto;font-size:16px;}.Select-option{box-sizing:border-box;background-color:",";line-height:30px;color:",";cursor:pointer;display:block;padding:10px 15px 10px 20px;transition:background 0.2s ease;}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px;}.Select-option.is-selected{background-color:",";}.Select-option.is-focused{background-color:",";}.Select-option.is-disabled{color:rgba(0,0,0,0.16);cursor:not-allowed;}.Select-noresults{box-sizing:border-box;color:",";cursor:default;display:block;padding:10px 20px;}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0;}.Select--multi.has-value .Select-input{margin-left:5px;}.Select--multi .Select-value{background-color:",";background-color:",";border-radius:4px;border:1px solid ",";border:1px solid rgba(0,126,255,0.24);color:",";display:inline-block;font-size:0.9em;line-height:1.4;margin-left:4px;margin-top:4px;vertical-align:top;}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle;}.Select--multi .Select-value-icon{font-size:1.5em;line-height:100%;vertical-align:middle;box-sizing:border-box;padding:5px 4px 2px;color:",";}.Select--multi .Select-value-label{border-bottom-right-radius:4px;border-top-right-radius:4px;cursor:default;padding:2px 4px;line-height:1;max-width:90%;overflow:hidden;text-overflow:ellipsis;}.Select--multi a.Select-value-label{color:",";cursor:pointer;text-decoration:none;}.Select--multi a.Select-value-label:hover{text-decoration:underline;}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:4px;border-top-left-radius:4px;border-right:1px solid ",";border-right:1px solid rgba(0,126,255,0.24);font-size:1.5em;line-height:100%;box-sizing:border-box;padding:5px 4px 2px;color:",";}.Select--multi .Select-value-icon:hover,.Select--multi .Select-value-icon:focus{background-color:#d8eafd;background-color:rgba(0,113,230,0.08);color:",";}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color:rgba(0,126,255,0.24);}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:",";}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3;}.Select--multi.is-disabled .Select-value-icon:hover,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:active{background-color:#fcfcfc;}width:auto;"," "," "," ",""],(e=>e.theme.colors.white),(e=>e.theme.colors.alto),(e=>e.theme.colors.mineShaft),(e=>e.theme.colors.accent),(e=>e.theme.colors.accent),(e=>e.theme.colors.silver),(e=>e.theme.colors.mineShaft),M,(e=>e.theme.colors.alto),(e=>e.theme.colors.mineShaft),r,(e=>e.theme.colors.alto),(e=>e.theme.colors.white),(e=>e.theme.colors.onahau),(e=>e.theme.colors.white),(e=>e.theme.colors.mineShaft),(e=>e.theme.colors.onahau),(e=>e.theme.colors.onahau),(e=>e.theme.colors.silver),(e=>e.theme.colors.nebula),(e=>i(e.theme.colors.nebula).setAlpha(.1).toString()),(e=>e.theme.colors.onahau),(e=>e.theme.colors.mineShaft),(e=>e.theme.colors.accent),(e=>e.theme.colors.accent),(e=>e.theme.colors.onahau),(e=>e.theme.colors.accent),(e=>e.theme.colors.accent),(e=>e.theme.colors.mineShaft),(e=>e.error?s:null),(e=>e.display?t(e.display):null),(e=>c('width',e.fluid&&'auto'!==e.width&&!Array.isArray(e.width)?'max-width':'width')),(e=>e.fluid?n:null));export{d as Root};
-//# sourceMappingURL=style.js.map