@foxford/ui 2.39.0-beta-86953e6-20240820 → 2.39.0-beta-22709eb-20240820

package/components/Indicator/style.js

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');const shouldForwardIndicatorProp=style.createShouldForwardProp((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));const pulseAnimation=styled.keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled.span.withConfig({componentId:"fox-ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})))},default:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({componentId:"fox-ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?r.grey:o.black?r.black:o.secondary?r.secondary:r.primary}),(o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `),(o=>o.pulse&&styled.css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite')),responsiveSize.responsiveSize);exports.Foreground=Foreground,exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardIndicatorProp=style.createShouldForwardProp((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));const pulseAnimation=styled.keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled__default.default.span.withConfig({displayName:"Indicator__Foreground",componentId:"ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})))},default:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs((o=>({dynamicSizeDeclaration:(e,r)=>({fontSize:typeof e=='string'?e:`${e}${r}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"Indicator__Root",componentId:"ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?e.grey:o.black?e.black:o.secondary?e.secondary:e.primary}),(o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `),(o=>o.pulse&&styled.css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite')),responsiveSize.responsiveSize);exports.Foreground=Foreground,exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/Indicator/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Indicator/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledIndicatorProps, IndicatorPalette } from './types'\n\nconst shouldForwardIndicatorProp = createShouldForwardProp((propKey) => {\n  return !['square', 'black', 'grey', 'onColored', 'pulse', 'pulseIterationCount', 'frame'].includes(propKey)\n})\n\nconst pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    transform: scale(4);\n  }\n`\n\nexport const Foreground = styled.span`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  border-radius: inherit;\n  background-color: inherit;\n`\n\nconst template = (palette: IndicatorPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${palette.shadowColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-secondary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-divider'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledIndicatorProps>({\n    shouldForwardProp: shouldForwardIndicatorProp,\n  })\n  .attrs<StyledIndicatorProps>(\n    (props): Required<Pick<StyledIndicatorProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.square ? 'min-content' : '1em',\n        minWidth: props.square ? '1.6em' : undefined,\n        height: props.square ? '1.6em' : '1em',\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n  display: inline-block;\n  flex-shrink: 0;\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.grey) return schema.grey\n    if (props.black) return schema.black\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${(props) =>\n    !props.frame &&\n    `\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `}\n\n  ${(props) =>\n    props.pulse &&\n    css`\n      &::before,\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        background-color: inherit;\n        border-radius: inherit;\n        animation-name: ${pulseAnimation};\n        animation-duration: 3200ms;\n        animation-iteration-count: ${typeof props.pulseIterationCount === 'number'\n          ? props.pulseIterationCount\n          : 'infinite'};\n      }\n\n      &::after {\n        animation-delay: 800ms;\n      }\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIndicatorProp","createShouldForwardProp","propKey","includes","pulseAnimation","keyframes","Foreground","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","onColored","primary","css","props","theme","colors","secondary","black","grey","default","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","square","minWidth","undefined","height","borderRadius","schema","frame","pulse","pulseIterationCount","responsiveSize"],"mappings":"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"}

package/components/Indicator/style.mjs

@@ -1 +1,2 @@
-import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardIndicatorProp=createShouldForwardProp((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));const pulseAnimation=keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled.span.withConfig({componentId:"fox-ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),grey:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})))},default:{primary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),grey:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({componentId:"fox-ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?r.grey:o.black?r.black:o.secondary?r.secondary:r.primary}),(o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `),(o=>o.pulse&&css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite')),responsiveSize);export{Foreground,Root};
+import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardIndicatorProp=createShouldForwardProp((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));const pulseAnimation=keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled.span.withConfig({displayName:"Indicator__Foreground",componentId:"ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),grey:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})))},default:{primary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),grey:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"Indicator__Root",componentId:"ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?r.grey:o.black?r.black:o.secondary?r.secondary:r.primary}),(o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `),(o=>o.pulse&&css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite')),responsiveSize);export{Foreground,Root};
+//# sourceMappingURL=style.mjs.map

package/components/Indicator/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Indicator/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledIndicatorProps, IndicatorPalette } from './types'\n\nconst shouldForwardIndicatorProp = createShouldForwardProp((propKey) => {\n  return !['square', 'black', 'grey', 'onColored', 'pulse', 'pulseIterationCount', 'frame'].includes(propKey)\n})\n\nconst pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    transform: scale(4);\n  }\n`\n\nexport const Foreground = styled.span`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  border-radius: inherit;\n  background-color: inherit;\n`\n\nconst template = (palette: IndicatorPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${palette.shadowColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-secondary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-divider'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledIndicatorProps>({\n    shouldForwardProp: shouldForwardIndicatorProp,\n  })\n  .attrs<StyledIndicatorProps>(\n    (props): Required<Pick<StyledIndicatorProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.square ? 'min-content' : '1em',\n        minWidth: props.square ? '1.6em' : undefined,\n        height: props.square ? '1.6em' : '1em',\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n  display: inline-block;\n  flex-shrink: 0;\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.grey) return schema.grey\n    if (props.black) return schema.black\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${(props) =>\n    !props.frame &&\n    `\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `}\n\n  ${(props) =>\n    props.pulse &&\n    css`\n      &::before,\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        background-color: inherit;\n        border-radius: inherit;\n        animation-name: ${pulseAnimation};\n        animation-duration: 3200ms;\n        animation-iteration-count: ${typeof props.pulseIterationCount === 'number'\n          ? props.pulseIterationCount\n          : 'infinite'};\n      }\n\n      &::after {\n        animation-delay: 800ms;\n      }\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIndicatorProp","createShouldForwardProp","propKey","includes","pulseAnimation","keyframes","Foreground","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","onColored","primary","css","props","theme","colors","secondary","black","grey","default","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","square","minWidth","undefined","height","borderRadius","schema","frame","pulse","pulseIterationCount","responsiveSize"],"mappings":"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"}

package/components/Input/Input.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var styled=require('styled-components');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Input_Phone=require('../Input.Phone/Input.Phone.js');var constants=require('../FormInputLabel/constants.js');var FormInputLabel=require('../FormInputLabel/FormInputLabel.js');var Icon=require('../Icon/Icon.js');var Spacer=require('../Spacer/Spacer.js');const Input=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const r=styled.useTheme();const{size:n="m",mask:i="",rounded:o=!0,color:a="mineShaft",placeholderColor:s="silver",width:c=r.defaultInputControlsWidth,type:u="text",labelPosition:m="dynamic",textProps:l={},iconProps:p={},controls:g={},preset:d,className:h,style:f,sizeXXS:X,sizeXS:S,sizeS:y,sizeM:b,sizeL:L,sizeXL:v,sizeUnits:I,sizes:R,margin:x,marginXXS:z,marginXS:P,marginS:$,marginM:T,marginL:q,marginXL:w,marginTop:C,marginTopXXS:M,marginTopXS:j,marginTopS:B,marginTopM:F,marginTopL:k,marginTopXL:A,marginRight:E,marginRightXXS:N,marginRightXS:U,marginRightS:V,marginRightM:O,marginRightL:_,marginRightXL:D,marginBottom:H,marginBottomXXS:W,marginBottomXS:Z,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:ee,marginLeftXS:te,marginLeftS:re,marginLeftM:ne,marginLeftL:ie,marginLeftXL:oe,marginUnits:ae,palette:se,widthXXS:ce,widthXS:ue,widthS:me,widthM:le,widthL:pe,widthXL:ge,error:de,success:he,label:fe,icon:Xe,text:Se,primary:ye,secondary:be,onColored:Le,fluid:ve,disabled:Ie,inline:Re,inputRef:xe,...ze}=e;const{icon:Pe,iconProps:$e={},buttonProps:Te={}}=g.additional??{};const{icon:qe,iconProps:we={},buttonProps:Ce=[]}=g.number??{};const[Me,je]=Array.isArray(qe)?qe:[qe];const Be=(Array.isArray(Ce)?Ce[0]:Ce)??{};const Fe=(Array.isArray(Ce)?Ce[1]:{})??{};const ke=React.useRef(null);React.useImperativeHandle(t,(()=>ke.current),[]);const Ae=typeof ze.value=='string'||typeof ze.value=='number'||typeof ze.defaultValue=='string'||typeof ze.defaultValue=='number';const[Ee,Ne]=React.useState(Ae);const[Ue,Ve]=React.useState(Ae);const[Oe,_e]=React.useState((()=>{if(u!=='number'||ze.min===void 0)return!1;const{value:e=1/0,defaultValue:t=1/0}=ze;const r=typeof e=='number'?e:parseFloat(e);const n=typeof t=='number'?t:parseFloat(t);const i=typeof ze.min=='number'?ze.min:parseFloat(ze.min);return Math.min(r,n)<=i}));const[De,He]=React.useState((()=>{if(u!=='number'||ze.max===void 0)return!1;const{value:e=-1/0,defaultValue:t=-1/0}=ze;const r=typeof e=='number'?e:parseFloat(e);const n=typeof t=='number'?t:parseFloat(t);const i=typeof ze.max=='number'?ze.max:parseFloat(ze.max);return Math.max(r,n)>=i}));return d!=='brand'?require$$0.jsx(style.Root,{...ze,inputRef:xe??(e=>{ke.current=e}),className:h,style:f,size:typeof n=='number'?n:void 0,mask:i,rounded:o,color:a,placeholderColor:s,width:c,widthXXS:ce,widthXS:ue,widthS:me,widthM:le,widthL:pe,widthXL:ge,error:de,type:u,fluid:ve,disabled:Ie}):require$$0.jsx(FormInputLabel.FormInputLabel,{className:h,style:f,size:n,sizeXXS:X,sizeXS:S,sizeS:y,sizeM:b,sizeL:L,sizeXL:v,sizeUnits:I,sizes:R,margin:x,marginXXS:z,marginXS:P,marginS:$,marginM:T,marginL:q,marginXL:w,marginTop:C,marginTopXXS:M,marginTopXS:j,marginTopS:B,marginTopM:F,marginTopL:k,marginTopXL:A,marginRight:E,marginRightXXS:N,marginRightXS:U,marginRightS:V,marginRightM:O,marginRightL:_,marginRightXL:D,marginBottom:H,marginBottomXXS:W,marginBottomXS:Z,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:ee,marginLeftXS:te,marginLeftS:re,marginLeftM:ne,marginLeftL:ie,marginLeftXL:oe,marginUnits:ae,palette:se,error:de,success:he,label:fe,labelPosition:m,icon:Xe,text:Se,primary:ye,secondary:be,onColored:Le,disabled:Ie,inline:Re,active:Ee,textProps:l,iconProps:{size:24,color:Ie?'content-disabled':'content-onmain-tertiary',...p},onClick:()=>{ke.current&&ke.current.focus()},onFocus:e=>{e.target!==e.currentTarget&&Ne(!0)},onBlur:e=>{e.target===e.currentTarget||Ue||Ne(!1)},input:require$$0.jsx(style.Input,{...ze,inputRef:e=>{ke.current=e},mask:i,palette:se,type:u,label:fe,labelPosition:m,disabled:Ie,active:Ee,onChange:e=>{if(ze.onChange&&ze.onChange(e),u==='number'){const t=parseFloat(e.currentTarget.value);const r=t<=parseFloat(e.currentTarget.min);const n=t>=parseFloat(e.currentTarget.max);_e(r),He(n),(r||n)&&e.currentTarget.focus()}},onBlur:e=>{e.stopPropagation(),ze.onBlur&&ze.onBlur(e),Ve(Boolean(e.currentTarget.value)),Ne(Boolean(e.currentTarget.value))}}),controls:Pe||u==='number'?require$$0.jsxs(require$$0.Fragment,{children:[Pe&&require$$0.jsx(style.InputControl,{...Te,type:"button",palette:se,disabled:Ie,onClick:e=>{e.stopPropagation(),Te.onClick&&Te.onClick(e)},children:require$$0.jsx(Icon.Icon,{as:"span",size:24,color:"inherit",name:typeof Pe=='string'?Pe:void 0,icon:typeof Pe!='string'?Pe:void 0,...$e})}),u==='number'&&require$$0.jsxs(Spacer.Spacer,{display:"flex",marginLeft:4,children:[require$$0.jsx(style.InputControl,{...Be,type:"button",palette:se,disabled:Ie||Oe,onClick:e=>{e.stopPropagation(),Be.onClick&&Be.onClick(e);try{if(ke.current){const e=ke.current.value;if(ke.current.stepDown(),e!==ke.current.value){const e=new Event('input',{bubbles:!0});ke.current.dispatchEvent(e)}}}catch(e){console.error(e)}},children:require$$0.jsx(Icon.Icon,Me===void 0?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand",...we}:{as:"span",size:24,color:"inherit",name:typeof Me=='string'?Me:void 0,icon:typeof Me!='string'?Me:void 0,...we})}),require$$0.jsx(style.InputControl,{...Fe,type:"button",palette:se,disabled:Ie||De,onClick:e=>{e.stopPropagation(),Fe.onClick&&Fe.onClick(e);try{if(ke.current){const e=ke.current.value;if(ke.current.stepUp(),e!==ke.current.value){const e=new Event('input',{bubbles:!0});ke.current.dispatchEvent(e)}}}catch(e){console.error(e)}},children:require$$0.jsx(Icon.Icon,je===void 0?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand",...we}:{as:"span",size:24,color:"inherit",name:typeof je=='string'?je:void 0,icon:typeof je!='string'?je:void 0,...we})})]})]}):void 0})})),{sizes:constants.SIZES,displayName:"Input"}),{Phone:Input_Phone.InputPhone});exports.COMPONENT_NAME="Input",exports.Input=Input;
+//# sourceMappingURL=Input.js.map

package/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { Icon } from 'components/Icon'\nimport { InputPhone } from 'components/Input.Phone'\nimport { Spacer } from 'components/Spacer'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Component accepts all \\<input\\> attributes and \"react-input-mask\" v2.0.4 props.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        mask = '',\n        rounded = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        textProps = {},\n        iconProps = {},\n        controls = {},\n        preset,\n        className,\n        style,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        margin,\n        marginXXS,\n        marginXS,\n        marginS,\n        marginM,\n        marginL,\n        marginXL,\n        marginTop,\n        marginTopXXS,\n        marginTopXS,\n        marginTopS,\n        marginTopM,\n        marginTopL,\n        marginTopXL,\n        marginRight,\n        marginRightXXS,\n        marginRightXS,\n        marginRightS,\n        marginRightM,\n        marginRightL,\n        marginRightXL,\n        marginBottom,\n        marginBottomXXS,\n        marginBottomXS,\n        marginBottomS,\n        marginBottomM,\n        marginBottomL,\n        marginBottomXL,\n        marginLeft,\n        marginLeftXXS,\n        marginLeftXS,\n        marginLeftS,\n        marginLeftM,\n        marginLeftL,\n        marginLeftXL,\n        marginUnits,\n        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        primary,\n        secondary,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const {\n        icon: additionalControlIcon,\n        iconProps: additionalControlIconProps = {},\n        buttonProps: additionalControlButtonProps = {},\n      } = controls.additional ?? {}\n\n      const {\n        icon: numberControlIcon,\n        iconProps: numberControlIconProps = {},\n        buttonProps: numberControlButtonProps = [],\n      } = controls.number ?? {}\n\n      const [minus, plus] = Array.isArray(numberControlIcon) ? numberControlIcon : [numberControlIcon]\n\n      const minusButtonProps =\n        (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[0] : numberControlButtonProps) ?? {}\n\n      const plusButtonProps = (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[1] : {}) ?? {}\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const hasInitValue =\n        typeof inputProps.value === 'string' ||\n        typeof inputProps.value === 'number' ||\n        typeof inputProps.defaultValue === 'string' ||\n        typeof inputProps.defaultValue === 'number'\n\n      const [active, setActive] = useState(hasInitValue)\n      const [hasValue, setHasValue] = useState(hasInitValue)\n\n      const [minusDisabled, setMinusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.min === undefined) return false\n\n        const { value = Infinity, defaultValue = Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const minValue = typeof inputProps.min === 'number' ? inputProps.min : parseFloat(inputProps.min)\n\n        return Math.min(initValue, initDefaultValue) <= minValue\n      })\n\n      const [plusDisabled, setPlusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.max === undefined) return false\n\n        const { value = -Infinity, defaultValue = -Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const maxValue = typeof inputProps.max === 'number' ? inputProps.max : parseFloat(inputProps.max)\n\n        return Math.max(initValue, initDefaultValue) >= maxValue\n      })\n\n      if (preset !== 'brand') {\n        return (\n          <Styled.Root\n            {...inputProps}\n            inputRef={\n              inputRef ??\n              ((input) => {\n                ref.current = input\n              })\n            }\n            className={className}\n            style={style}\n            size={typeof size === 'number' ? size : undefined}\n            mask={mask}\n            rounded={rounded}\n            color={color}\n            placeholderColor={placeholderColor}\n            width={width}\n            widthXXS={widthXXS}\n            widthXS={widthXS}\n            widthS={widthS}\n            widthM={widthM}\n            widthL={widthL}\n            widthXL={widthXL}\n            error={error}\n            type={type}\n            fluid={fluid}\n            disabled={disabled}\n          />\n        )\n      }\n\n      return (\n        <FormInputLabel\n          className={className}\n          style={style}\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizeUnits={sizeUnits}\n          sizes={sizes}\n          margin={margin}\n          marginXXS={marginXXS}\n          marginXS={marginXS}\n          marginS={marginS}\n          marginM={marginM}\n          marginL={marginL}\n          marginXL={marginXL}\n          marginTop={marginTop}\n          marginTopXXS={marginTopXXS}\n          marginTopXS={marginTopXS}\n          marginTopS={marginTopS}\n          marginTopM={marginTopM}\n          marginTopL={marginTopL}\n          marginTopXL={marginTopXL}\n          marginRight={marginRight}\n          marginRightXXS={marginRightXXS}\n          marginRightXS={marginRightXS}\n          marginRightS={marginRightS}\n          marginRightM={marginRightM}\n          marginRightL={marginRightL}\n          marginRightXL={marginRightXL}\n          marginBottom={marginBottom}\n          marginBottomXXS={marginBottomXXS}\n          marginBottomXS={marginBottomXS}\n          marginBottomS={marginBottomS}\n          marginBottomM={marginBottomM}\n          marginBottomL={marginBottomL}\n          marginBottomXL={marginBottomXL}\n          marginLeft={marginLeft}\n          marginLeftXXS={marginLeftXXS}\n          marginLeftXS={marginLeftXS}\n          marginLeftS={marginLeftS}\n          marginLeftM={marginLeftM}\n          marginLeftL={marginLeftL}\n          marginLeftXL={marginLeftXL}\n          marginUnits={marginUnits}\n          palette={palette}\n          error={error}\n          success={success}\n          label={label}\n          labelPosition={labelPosition}\n          icon={icon}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          active={active}\n          textProps={textProps}\n          iconProps={{\n            size: 24,\n            color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n            ...iconProps,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setActive(true)\n            }\n          }}\n          onBlur={(evt) => {\n            if (evt.target !== evt.currentTarget && !hasValue) {\n              setActive(false)\n            }\n          }}\n          input={\n            <Styled.Input\n              {...inputProps}\n              inputRef={(input) => {\n                ref.current = input\n              }}\n              mask={mask}\n              palette={palette}\n              type={type}\n              label={label}\n              labelPosition={labelPosition}\n              disabled={disabled}\n              active={active}\n              onChange={(evt) => {\n                if (inputProps.onChange) {\n                  inputProps.onChange(evt)\n                }\n\n                if (type === 'number') {\n                  const currentValue = parseFloat(evt.currentTarget.value)\n\n                  const minValueReached = currentValue <= parseFloat(evt.currentTarget.min)\n                  const maxValueReached = currentValue >= parseFloat(evt.currentTarget.max)\n\n                  setMinusDisabled(minValueReached)\n                  setPlusDisabled(maxValueReached)\n\n                  if (minValueReached || maxValueReached) {\n                    evt.currentTarget.focus()\n                  }\n                }\n              }}\n              onBlur={(evt) => {\n                evt.stopPropagation()\n                if (inputProps.onBlur) {\n                  inputProps.onBlur(evt)\n                }\n\n                setHasValue(Boolean(evt.currentTarget.value))\n                setActive(Boolean(evt.currentTarget.value))\n              }}\n            />\n          }\n          controls={\n            additionalControlIcon || type === 'number' ? (\n              <>\n                {additionalControlIcon && (\n                  <Styled.InputControl\n                    {...additionalControlButtonProps}\n                    type='button'\n                    palette={palette}\n                    disabled={disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (additionalControlButtonProps.onClick) {\n                        additionalControlButtonProps.onClick(evt)\n                      }\n                    }}\n                  >\n                    <Icon\n                      as='span'\n                      size={24}\n                      color='inherit'\n                      name={typeof additionalControlIcon === 'string' ? additionalControlIcon : undefined}\n                      icon={typeof additionalControlIcon !== 'string' ? additionalControlIcon : undefined}\n                      {...additionalControlIconProps}\n                    />\n                  </Styled.InputControl>\n                )}\n                {type === 'number' && (\n                  <Spacer display='flex' marginLeft={4}>\n                    <Styled.InputControl\n                      {...minusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || minusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (minusButtonProps.onClick) {\n                          minusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepDown()\n\n                            const decremented = ref.current.value\n                            if (prev !== decremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {minus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='minus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof minus === 'string' ? minus : undefined}\n                          icon={typeof minus !== 'string' ? minus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                    <Styled.InputControl\n                      {...plusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || plusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (plusButtonProps.onClick) {\n                          plusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepUp()\n\n                            const incremented = ref.current.value\n                            if (prev !== incremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {plus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='plus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof plus === 'string' ? plus : undefined}\n                          icon={typeof plus !== 'string' ? plus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                  </Spacer>\n                )}\n              </>\n            ) : undefined\n          }\n        />\n      )\n    }),\n    {\n      sizes: SIZES,\n      displayName: COMPONENT_NAME,\n    }\n  ),\n  {\n    Phone: InputPhone,\n  }\n)\n\nexport { Input, COMPONENT_NAME }\n"],"names":["Input","Object","assign","withMergedProps","forwardRef","props","forwardedRef","theme","useTheme","size","mask","rounded","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef","inputProps","additionalControlIcon","additionalControlIconProps","buttonProps","additionalControlButtonProps","additional","numberControlIcon","numberControlIconProps","numberControlButtonProps","number","minus","plus","Array","isArray","minusButtonProps","plusButtonProps","ref","useRef","useImperativeHandle","current","hasInitValue","value","defaultValue","active","setActive","useState","hasValue","setHasValue","minusDisabled","setMinusDisabled","min","undefined","Infinity","initValue","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","_jsx","Styled","input","FormInputLabel","onClick","focus","onFocus","evt","target","currentTarget","onBlur","jsx","onChange","currentValue","minValueReached","maxValueReached","stopPropagation","Boolean","_jsxs","_Fragment","children","Icon","as","name","Spacer","display","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}

package/components/Input/Input.mjs

@@ -1 +1,2 @@
 import{forwardRef,useRef,useImperativeHandle,useState}from'react';import{useTheme}from'styled-components';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Input as Input$1,InputControl}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{InputPhone}from'../Input.Phone/Input.Phone.mjs';import{SIZES}from'../FormInputLabel/constants.mjs';import{FormInputLabel}from'../FormInputLabel/FormInputLabel.mjs';import{Icon}from'../Icon/Icon.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const COMPONENT_NAME='Input';const Input=Object.assign(withMergedProps(forwardRef(((t,n)=>{const e=useTheme();const{size:r="m",mask:o="",rounded:i=!0,color:a="mineShaft",placeholderColor:s="silver",width:m=e.defaultInputControlsWidth,type:p="text",labelPosition:c="dynamic",textProps:l={},iconProps:u={},controls:g={},preset:d,className:f,style:h,sizeXXS:S,sizeXS:X,sizeS:b,sizeM:L,sizeL:y,sizeXL:v,sizeUnits:I,sizes:x,margin:z,marginXXS:T,marginXS:P,marginS:C,marginM:M,marginL:R,marginXL:j,marginTop:w,marginTopXXS:B,marginTopXS:F,marginTopS:k,marginTopM:E,marginTopL:N,marginTopXL:A,marginRight:O,marginRightXXS:U,marginRightXS:V,marginRightS:H,marginRightM:Z,marginRightL:$,marginRightXL:_,marginBottom:D,marginBottomXXS:W,marginBottomXS:q,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:tt,marginLeftXS:nt,marginLeftS:et,marginLeftM:rt,marginLeftL:ot,marginLeftXL:at,marginUnits:st,palette:mt,widthXXS:pt,widthXS:ct,widthS:lt,widthM:ut,widthL:gt,widthXL:dt,error:ft,success:ht,label:St,icon:Xt,text:bt,primary:Lt,secondary:yt,onColored:vt,fluid:It,disabled:xt,inline:zt,inputRef:Tt,...Pt}=t;const{icon:Ct,iconProps:Mt={},buttonProps:Rt={}}=g.additional??{};const{icon:jt,iconProps:wt={},buttonProps:Bt=[]}=g.number??{};const[Ft,kt]=Array.isArray(jt)?jt:[jt];const Et=(Array.isArray(Bt)?Bt[0]:Bt)??{};const Nt=(Array.isArray(Bt)?Bt[1]:{})??{};const At=useRef(null);useImperativeHandle(n,(()=>At.current),[]);const Ot=typeof Pt.value=='string'||typeof Pt.value=='number'||typeof Pt.defaultValue=='string'||typeof Pt.defaultValue=='number';const[Ut,Vt]=useState(Ot);const[Ht,Zt]=useState(Ot);const[$t,_t]=useState((()=>{if(p!=='number'||Pt.min===void 0)return!1;const{value:t=1/0,defaultValue:n=1/0}=Pt;const e=typeof t=='number'?t:parseFloat(t);const r=typeof n=='number'?n:parseFloat(n);const o=typeof Pt.min=='number'?Pt.min:parseFloat(Pt.min);return Math.min(e,r)<=o}));const[Dt,Wt]=useState((()=>{if(p!=='number'||Pt.max===void 0)return!1;const{value:t=-1/0,defaultValue:n=-1/0}=Pt;const e=typeof t=='number'?t:parseFloat(t);const r=typeof n=='number'?n:parseFloat(n);const o=typeof Pt.max=='number'?Pt.max:parseFloat(Pt.max);return Math.max(e,r)>=o}));return d!=='brand'?jsx(Root,{...Pt,inputRef:Tt??(t=>{At.current=t}),className:f,style:h,size:typeof r=='number'?r:void 0,mask:o,rounded:i,color:a,placeholderColor:s,width:m,widthXXS:pt,widthXS:ct,widthS:lt,widthM:ut,widthL:gt,widthXL:dt,error:ft,type:p,fluid:It,disabled:xt}):jsx(FormInputLabel,{className:f,style:h,size:r,sizeXXS:S,sizeXS:X,sizeS:b,sizeM:L,sizeL:y,sizeXL:v,sizeUnits:I,sizes:x,margin:z,marginXXS:T,marginXS:P,marginS:C,marginM:M,marginL:R,marginXL:j,marginTop:w,marginTopXXS:B,marginTopXS:F,marginTopS:k,marginTopM:E,marginTopL:N,marginTopXL:A,marginRight:O,marginRightXXS:U,marginRightXS:V,marginRightS:H,marginRightM:Z,marginRightL:$,marginRightXL:_,marginBottom:D,marginBottomXXS:W,marginBottomXS:q,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:tt,marginLeftXS:nt,marginLeftS:et,marginLeftM:rt,marginLeftL:ot,marginLeftXL:at,marginUnits:st,palette:mt,error:ft,success:ht,label:St,labelPosition:c,icon:Xt,text:bt,primary:Lt,secondary:yt,onColored:vt,disabled:xt,inline:zt,active:Ut,textProps:l,iconProps:{size:24,color:xt?'content-disabled':'content-onmain-tertiary',...u},onClick:()=>{At.current&&At.current.focus()},onFocus:t=>{t.target!==t.currentTarget&&Vt(!0)},onBlur:t=>{t.target===t.currentTarget||Ht||Vt(!1)},input:jsx(Input$1,{...Pt,inputRef:t=>{At.current=t},mask:o,palette:mt,type:p,label:St,labelPosition:c,disabled:xt,active:Ut,onChange:t=>{if(Pt.onChange&&Pt.onChange(t),p==='number'){const n=parseFloat(t.currentTarget.value);const e=n<=parseFloat(t.currentTarget.min);const r=n>=parseFloat(t.currentTarget.max);_t(e),Wt(r),(e||r)&&t.currentTarget.focus()}},onBlur:t=>{t.stopPropagation(),Pt.onBlur&&Pt.onBlur(t),Zt(Boolean(t.currentTarget.value)),Vt(Boolean(t.currentTarget.value))}}),controls:Ct||p==='number'?jsxs(Fragment,{children:[Ct&&jsx(InputControl,{...Rt,type:"button",palette:mt,disabled:xt,onClick:t=>{t.stopPropagation(),Rt.onClick&&Rt.onClick(t)},children:jsx(Icon,{as:"span",size:24,color:"inherit",name:typeof Ct=='string'?Ct:void 0,icon:typeof Ct!='string'?Ct:void 0,...Mt})}),p==='number'&&jsxs(Spacer,{display:"flex",marginLeft:4,children:[jsx(InputControl,{...Et,type:"button",palette:mt,disabled:xt||$t,onClick:t=>{t.stopPropagation(),Et.onClick&&Et.onClick(t);try{if(At.current){const t=At.current.value;if(At.current.stepDown(),t!==At.current.value){const t=new Event('input',{bubbles:!0});At.current.dispatchEvent(t)}}}catch(t){console.error(t)}},children:jsx(Icon,Ft===void 0?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand",...wt}:{as:"span",size:24,color:"inherit",name:typeof Ft=='string'?Ft:void 0,icon:typeof Ft!='string'?Ft:void 0,...wt})}),jsx(InputControl,{...Nt,type:"button",palette:mt,disabled:xt||Dt,onClick:t=>{t.stopPropagation(),Nt.onClick&&Nt.onClick(t);try{if(At.current){const t=At.current.value;if(At.current.stepUp(),t!==At.current.value){const t=new Event('input',{bubbles:!0});At.current.dispatchEvent(t)}}}catch(t){console.error(t)}},children:jsx(Icon,kt===void 0?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand",...wt}:{as:"span",size:24,color:"inherit",name:typeof kt=='string'?kt:void 0,icon:typeof kt!='string'?kt:void 0,...wt})})]})]}):void 0})})),{sizes:SIZES,displayName:"Input"}),{Phone:InputPhone});export{COMPONENT_NAME,Input};
+//# sourceMappingURL=Input.mjs.map

package/components/Input/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { Icon } from 'components/Icon'\nimport { InputPhone } from 'components/Input.Phone'\nimport { Spacer } from 'components/Spacer'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Component accepts all \\<input\\> attributes and \"react-input-mask\" v2.0.4 props.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        mask = '',\n        rounded = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        textProps = {},\n        iconProps = {},\n        controls = {},\n        preset,\n        className,\n        style,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        margin,\n        marginXXS,\n        marginXS,\n        marginS,\n        marginM,\n        marginL,\n        marginXL,\n        marginTop,\n        marginTopXXS,\n        marginTopXS,\n        marginTopS,\n        marginTopM,\n        marginTopL,\n        marginTopXL,\n        marginRight,\n        marginRightXXS,\n        marginRightXS,\n        marginRightS,\n        marginRightM,\n        marginRightL,\n        marginRightXL,\n        marginBottom,\n        marginBottomXXS,\n        marginBottomXS,\n        marginBottomS,\n        marginBottomM,\n        marginBottomL,\n        marginBottomXL,\n        marginLeft,\n        marginLeftXXS,\n        marginLeftXS,\n        marginLeftS,\n        marginLeftM,\n        marginLeftL,\n        marginLeftXL,\n        marginUnits,\n        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        primary,\n        secondary,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const {\n        icon: additionalControlIcon,\n        iconProps: additionalControlIconProps = {},\n        buttonProps: additionalControlButtonProps = {},\n      } = controls.additional ?? {}\n\n      const {\n        icon: numberControlIcon,\n        iconProps: numberControlIconProps = {},\n        buttonProps: numberControlButtonProps = [],\n      } = controls.number ?? {}\n\n      const [minus, plus] = Array.isArray(numberControlIcon) ? numberControlIcon : [numberControlIcon]\n\n      const minusButtonProps =\n        (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[0] : numberControlButtonProps) ?? {}\n\n      const plusButtonProps = (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[1] : {}) ?? {}\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const hasInitValue =\n        typeof inputProps.value === 'string' ||\n        typeof inputProps.value === 'number' ||\n        typeof inputProps.defaultValue === 'string' ||\n        typeof inputProps.defaultValue === 'number'\n\n      const [active, setActive] = useState(hasInitValue)\n      const [hasValue, setHasValue] = useState(hasInitValue)\n\n      const [minusDisabled, setMinusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.min === undefined) return false\n\n        const { value = Infinity, defaultValue = Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const minValue = typeof inputProps.min === 'number' ? inputProps.min : parseFloat(inputProps.min)\n\n        return Math.min(initValue, initDefaultValue) <= minValue\n      })\n\n      const [plusDisabled, setPlusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.max === undefined) return false\n\n        const { value = -Infinity, defaultValue = -Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const maxValue = typeof inputProps.max === 'number' ? inputProps.max : parseFloat(inputProps.max)\n\n        return Math.max(initValue, initDefaultValue) >= maxValue\n      })\n\n      if (preset !== 'brand') {\n        return (\n          <Styled.Root\n            {...inputProps}\n            inputRef={\n              inputRef ??\n              ((input) => {\n                ref.current = input\n              })\n            }\n            className={className}\n            style={style}\n            size={typeof size === 'number' ? size : undefined}\n            mask={mask}\n            rounded={rounded}\n            color={color}\n            placeholderColor={placeholderColor}\n            width={width}\n            widthXXS={widthXXS}\n            widthXS={widthXS}\n            widthS={widthS}\n            widthM={widthM}\n            widthL={widthL}\n            widthXL={widthXL}\n            error={error}\n            type={type}\n            fluid={fluid}\n            disabled={disabled}\n          />\n        )\n      }\n\n      return (\n        <FormInputLabel\n          className={className}\n          style={style}\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizeUnits={sizeUnits}\n          sizes={sizes}\n          margin={margin}\n          marginXXS={marginXXS}\n          marginXS={marginXS}\n          marginS={marginS}\n          marginM={marginM}\n          marginL={marginL}\n          marginXL={marginXL}\n          marginTop={marginTop}\n          marginTopXXS={marginTopXXS}\n          marginTopXS={marginTopXS}\n          marginTopS={marginTopS}\n          marginTopM={marginTopM}\n          marginTopL={marginTopL}\n          marginTopXL={marginTopXL}\n          marginRight={marginRight}\n          marginRightXXS={marginRightXXS}\n          marginRightXS={marginRightXS}\n          marginRightS={marginRightS}\n          marginRightM={marginRightM}\n          marginRightL={marginRightL}\n          marginRightXL={marginRightXL}\n          marginBottom={marginBottom}\n          marginBottomXXS={marginBottomXXS}\n          marginBottomXS={marginBottomXS}\n          marginBottomS={marginBottomS}\n          marginBottomM={marginBottomM}\n          marginBottomL={marginBottomL}\n          marginBottomXL={marginBottomXL}\n          marginLeft={marginLeft}\n          marginLeftXXS={marginLeftXXS}\n          marginLeftXS={marginLeftXS}\n          marginLeftS={marginLeftS}\n          marginLeftM={marginLeftM}\n          marginLeftL={marginLeftL}\n          marginLeftXL={marginLeftXL}\n          marginUnits={marginUnits}\n          palette={palette}\n          error={error}\n          success={success}\n          label={label}\n          labelPosition={labelPosition}\n          icon={icon}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          active={active}\n          textProps={textProps}\n          iconProps={{\n            size: 24,\n            color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n            ...iconProps,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setActive(true)\n            }\n          }}\n          onBlur={(evt) => {\n            if (evt.target !== evt.currentTarget && !hasValue) {\n              setActive(false)\n            }\n          }}\n          input={\n            <Styled.Input\n              {...inputProps}\n              inputRef={(input) => {\n                ref.current = input\n              }}\n              mask={mask}\n              palette={palette}\n              type={type}\n              label={label}\n              labelPosition={labelPosition}\n              disabled={disabled}\n              active={active}\n              onChange={(evt) => {\n                if (inputProps.onChange) {\n                  inputProps.onChange(evt)\n                }\n\n                if (type === 'number') {\n                  const currentValue = parseFloat(evt.currentTarget.value)\n\n                  const minValueReached = currentValue <= parseFloat(evt.currentTarget.min)\n                  const maxValueReached = currentValue >= parseFloat(evt.currentTarget.max)\n\n                  setMinusDisabled(minValueReached)\n                  setPlusDisabled(maxValueReached)\n\n                  if (minValueReached || maxValueReached) {\n                    evt.currentTarget.focus()\n                  }\n                }\n              }}\n              onBlur={(evt) => {\n                evt.stopPropagation()\n                if (inputProps.onBlur) {\n                  inputProps.onBlur(evt)\n                }\n\n                setHasValue(Boolean(evt.currentTarget.value))\n                setActive(Boolean(evt.currentTarget.value))\n              }}\n            />\n          }\n          controls={\n            additionalControlIcon || type === 'number' ? (\n              <>\n                {additionalControlIcon && (\n                  <Styled.InputControl\n                    {...additionalControlButtonProps}\n                    type='button'\n                    palette={palette}\n                    disabled={disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (additionalControlButtonProps.onClick) {\n                        additionalControlButtonProps.onClick(evt)\n                      }\n                    }}\n                  >\n                    <Icon\n                      as='span'\n                      size={24}\n                      color='inherit'\n                      name={typeof additionalControlIcon === 'string' ? additionalControlIcon : undefined}\n                      icon={typeof additionalControlIcon !== 'string' ? additionalControlIcon : undefined}\n                      {...additionalControlIconProps}\n                    />\n                  </Styled.InputControl>\n                )}\n                {type === 'number' && (\n                  <Spacer display='flex' marginLeft={4}>\n                    <Styled.InputControl\n                      {...minusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || minusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (minusButtonProps.onClick) {\n                          minusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepDown()\n\n                            const decremented = ref.current.value\n                            if (prev !== decremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {minus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='minus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof minus === 'string' ? minus : undefined}\n                          icon={typeof minus !== 'string' ? minus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                    <Styled.InputControl\n                      {...plusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || plusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (plusButtonProps.onClick) {\n                          plusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepUp()\n\n                            const incremented = ref.current.value\n                            if (prev !== incremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {plus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='plus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof plus === 'string' ? plus : undefined}\n                          icon={typeof plus !== 'string' ? plus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                  </Spacer>\n                )}\n              </>\n            ) : undefined\n          }\n        />\n      )\n    }),\n    {\n      sizes: SIZES,\n      displayName: COMPONENT_NAME,\n    }\n  ),\n  {\n    Phone: InputPhone,\n  }\n)\n\nexport { Input, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Input","Object","assign","withMergedProps","forwardRef","props","forwardedRef","theme","useTheme","size","mask","rounded","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef","inputProps","additionalControlIcon","additionalControlIconProps","buttonProps","additionalControlButtonProps","additional","numberControlIcon","numberControlIconProps","numberControlButtonProps","number","minus","plus","Array","isArray","minusButtonProps","plusButtonProps","ref","useRef","useImperativeHandle","current","hasInitValue","value","defaultValue","active","setActive","useState","hasValue","setHasValue","minusDisabled","setMinusDisabled","min","undefined","Infinity","initValue","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","_jsx","Styled","input","FormInputLabel","onClick","focus","onFocus","evt","target","currentTarget","onBlur","onChange","currentValue","minValueReached","maxValueReached","stopPropagation","Boolean","_jsxs","_Fragment","children","Icon","as","name","Spacer","display","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}

package/components/Input/helpers.js

@@ -1 +1,2 @@
 'use strict';var sizeInput=require('../../shared/enums/sizeInput.js');exports.chooseWidthValue=e=>e==='auto'?'auto':typeof e=='number'||typeof e=='boolean'?e:e&&sizeInput.SizeInput[e]?sizeInput.SizeInput[e]:'auto';
+//# sourceMappingURL=helpers.js.map

package/components/Input/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/components/Input/helpers.ts"],"sourcesContent":["import { PossibleValues } from 'mixins/responsive-property'\nimport { SizeInput } from 'shared/enums/sizeInput'\n\nexport const chooseWidthValue = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && SizeInput[width]) return SizeInput[width]\n\n  return 'auto'\n}\n"],"names":["width","SizeInput"],"mappings":"+FAGiCA,GAC3BA,IAAU,OAAe,cAClBA,GAAU,iBACVA,GAAU,UADiBA,EAGlCA,GAASC,UAAAA,UAAUD,GAAeC,UAAAA,UAAUD,GAEzC"}

package/components/Input/helpers.mjs

@@ -1 +1,2 @@
 import{SizeInput}from'../../shared/enums/sizeInput.mjs';const chooseWidthValue=e=>e==='auto'?'auto':typeof e=='number'||typeof e=='boolean'?e:e&&SizeInput[e]?SizeInput[e]:'auto';export{chooseWidthValue};
+//# sourceMappingURL=helpers.mjs.map

package/components/Input/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","sources":["../../../../src/components/Input/helpers.ts"],"sourcesContent":["import { PossibleValues } from 'mixins/responsive-property'\nimport { SizeInput } from 'shared/enums/sizeInput'\n\nexport const chooseWidthValue = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && SizeInput[width]) return SizeInput[width]\n\n  return 'auto'\n}\n"],"names":["chooseWidthValue","width","SizeInput"],"mappings":"wDAGaA,MAAAA,iBAAoBC,GAC3BA,IAAU,OAAe,cAClBA,GAAU,iBACVA,GAAU,UADiBA,EAGlCA,GAASC,UAAUD,GAAeC,UAAUD,GAEzC"}

package/components/Input/style.js

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');var InputMask=require('react-input-mask');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('./helpers.js');var focus=require('../../mixins/focus.js');const errorStyle=styled.css(["border:1px solid ",";background-color:",";"],(o=>o.theme.colors.pomegranate),(o=>tinycolor(o.theme.colors.pomegranate).setAlpha(.1).toString()));const disabledStyle=styled.css(["background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;&:disabled{background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;}"]);const focusStyle=styled.css(["&:focus{border:1px solid ",";outline:none;}"],(o=>o.theme.colors.accent));const roundedStyle=styled.css(["border-radius:",";"],(o=>o.theme.borderRadius));const baseInputStyle=o=>styled.css(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],o.theme.colors.white,o.theme.colors.alto,o.color?color.color(o.color):null,o.placeholderColor?color.color(o.placeholderColor):null,focusStyle,o.disabled?disabledStyle:null,o.rounded?roundedStyle:null,o.width?responsiveProperty.property(helpers.chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null,responsiveProperty.responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue}),o.fluid?styled.css(["width:100%;"]):null,o.error?errorStyle:null);const Root=styled(InputMask).withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({componentId:"fox-ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(o=>baseInputStyle(o)));const Input=styled(InputMask).withConfig({shouldForwardProp:o=>!['palette','label','labelPosition','active'].includes(o)}).withConfig({componentId:"fox-ui__sc-1gazj3c-1"})([""," ",""],(o=>{let r='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(r=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(r=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${r};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &[type="number"]::-webkit-outer-spin-button,\n      &[type="number"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(r={inputColor:o.theme.colors['content-onmain-primary'],inputPlaceholderColor:o.theme.colors['content-onmain-secondary'],inputColorDisabled:o.theme.colors['content-disabled'],inputPlaceholderColorDisabled:o.theme.colors['content-disabled'],...o.palette}).inputColor};\n  &::placeholder {\n    color: ${r.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${r.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${r.inputPlaceholderColorDisabled};\n  }\n`;var r}));const InputControl=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({componentId:"fox-ui__sc-1gazj3c-2"})(["box-sizing:border-box;appearance:none;position:relative;padding:5px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;cursor:",";&:first-child{margin-left:4px;}&:not(:first-child){margin-left:9px;}&:not(:first-child)::before{content:'';position:absolute;width:1px;height:60%;top:50%;left:-5px;transform:translateY(-50%);}"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={controlsColor:o.theme.colors['content-onmain-tertiary'],controlsColorHover:o.theme.colors['content-onmain-primary'],controlsColorActive:o.theme.colors['content-onmain-primary'],controlsColorDisabled:o.theme.colors['content-disabled'],controlsBackgroundColor:o.theme.colors.transparent,controlsBackgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),controlsBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],controlsBackgroundColorDisabled:o.theme.colors.transparent,controlsSeparatorColor:o.theme.colors['border-onmain-default-large'],...o.palette}).controlsColor};\n  background-color: ${r.controlsBackgroundColor};\n  &:hover {\n    color: ${r.controlsColorHover};\n    background-color: ${r.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${r.controlsColorActive};\n    background-color: ${r.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${r.controlsColorDisabled};\n    background-color: ${r.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${r.controlsSeparatorColor};\n  }\n`;var r}),focus.focus);exports.Input=Input,exports.InputControl=InputControl,exports.Root=Root,exports.baseInputStyle=baseInputStyle,exports.disabledStyle=disabledStyle,exports.errorStyle=errorStyle,exports.focusStyle=focusStyle,exports.roundedStyle=roundedStyle;
+'use strict';var styled=require('styled-components');var InputMask=require('react-input-mask');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('./helpers.js');var focus=require('../../mixins/focus.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var InputMask__default=_interopDefault(InputMask);const errorStyle=styled.css(["border:1px solid ",";background-color:",";"],(o=>o.theme.colors.pomegranate),(o=>tinycolor.default(o.theme.colors.pomegranate).setAlpha(.1).toString()));const disabledStyle=styled.css(["background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;&:disabled{background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;}"]);const focusStyle=styled.css(["&:focus{border:1px solid ",";outline:none;}"],(o=>o.theme.colors.accent));const roundedStyle=styled.css(["border-radius:",";"],(o=>o.theme.borderRadius));const baseInputStyle=o=>styled.css(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],o.theme.colors.white,o.theme.colors.alto,o.color?color.color(o.color):null,o.placeholderColor?color.color(o.placeholderColor):null,focusStyle,o.disabled?disabledStyle:null,o.rounded?roundedStyle:null,o.width?responsiveProperty.property(helpers.chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null,responsiveProperty.responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue}),o.fluid?styled.css(["width:100%;"]):null,o.error?errorStyle:null);const Root=styled__default.default(InputMask__default.default).withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({displayName:"Input__Root",componentId:"ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(o=>baseInputStyle(o)));const Input=styled__default.default(InputMask__default.default).withConfig({shouldForwardProp:o=>!['palette','label','labelPosition','active'].includes(o)}).withConfig({displayName:"Input",componentId:"ui__sc-1gazj3c-1"})([""," ",""],(o=>{let e='1';let r='0px';return o.label&&o.labelPosition==='dynamic'&&(e=""+(o.active?1:0),r='0.8em'),o.label&&o.labelPosition==='top'&&(r='0.8em'),o.label&&o.labelPosition==='center'&&(e=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${e};\n      padding-top: ${r};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &[type="number"]::-webkit-outer-spin-button,\n      &[type="number"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(e={inputColor:o.theme.colors['content-onmain-primary'],inputPlaceholderColor:o.theme.colors['content-onmain-secondary'],inputColorDisabled:o.theme.colors['content-disabled'],inputPlaceholderColorDisabled:o.theme.colors['content-disabled'],...o.palette}).inputColor};\n  &::placeholder {\n    color: ${e.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${e.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${e.inputPlaceholderColorDisabled};\n  }\n`;var e}));const InputControl=styled__default.default.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"Input__InputControl",componentId:"ui__sc-1gazj3c-2"})(["box-sizing:border-box;appearance:none;position:relative;padding:5px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;cursor:",";&:first-child{margin-left:4px;}&:not(:first-child){margin-left:9px;}&:not(:first-child)::before{content:'';position:absolute;width:1px;height:60%;top:50%;left:-5px;transform:translateY(-50%);}"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(e={controlsColor:o.theme.colors['content-onmain-tertiary'],controlsColorHover:o.theme.colors['content-onmain-primary'],controlsColorActive:o.theme.colors['content-onmain-primary'],controlsColorDisabled:o.theme.colors['content-disabled'],controlsBackgroundColor:o.theme.colors.transparent,controlsBackgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),controlsBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],controlsBackgroundColorDisabled:o.theme.colors.transparent,controlsSeparatorColor:o.theme.colors['border-onmain-default-large'],...o.palette}).controlsColor};\n  background-color: ${e.controlsBackgroundColor};\n  &:hover {\n    color: ${e.controlsColorHover};\n    background-color: ${e.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${e.controlsColorActive};\n    background-color: ${e.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${e.controlsColorDisabled};\n    background-color: ${e.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${e.controlsSeparatorColor};\n  }\n`;var e}),focus.focus);exports.Input=Input,exports.InputControl=InputControl,exports.Root=Root,exports.baseInputStyle=baseInputStyle,exports.disabledStyle=disabledStyle,exports.errorStyle=errorStyle,exports.focusStyle=focusStyle,exports.roundedStyle=roundedStyle;
+//# sourceMappingURL=style.js.map

package/components/Input/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Input/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport tinycolor from 'tinycolor2'\nimport type { StyledProps } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from 'components/Input/helpers'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledBaseInputProps, StyledInputProps, StyledInputControlsProps, InputPalette } from './types'\n\nconst template = (\n  palette: Pick<\n    InputPalette,\n    'inputColor' | 'inputPlaceholderColor' | 'inputColorDisabled' | 'inputPlaceholderColorDisabled'\n  >\n) => `\n  color: ${palette.inputColor};\n  &::placeholder {\n    color: ${palette.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${palette.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.inputPlaceholderColorDisabled};\n  }\n`\n\nconst controlsTemplate = (\n  palette: Pick<\n    InputPalette,\n    | 'controlsColor'\n    | 'controlsBackgroundColor'\n    | 'controlsColorHover'\n    | 'controlsBackgroundColorHover'\n    | 'controlsColorActive'\n    | 'controlsBackgroundColorActive'\n    | 'controlsColorDisabled'\n    | 'controlsBackgroundColorDisabled'\n    | 'controlsSeparatorColor'\n  >\n) => `\n  color: ${palette.controlsColor};\n  background-color: ${palette.controlsBackgroundColor};\n  &:hover {\n    color: ${palette.controlsColorHover};\n    background-color: ${palette.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.controlsColorActive};\n    background-color: ${palette.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.controlsColorDisabled};\n    background-color: ${palette.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${palette.controlsSeparatorColor};\n  }\n`\n\nexport const errorStyle = css`\n  border: 1px solid ${(props) => props.theme.colors.pomegranate};\n  background-color: ${(props) => tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n`\n\nexport const disabledStyle = css`\n  background-color: rgba(0, 0, 0, 0.04);\n  border-color: rgba(0, 0, 0, 0.04);\n  color: rgba(0, 0, 0, 0.16);\n  cursor: not-allowed;\n  &:disabled {\n    background-color: rgba(0, 0, 0, 0.04);\n    border-color: rgba(0, 0, 0, 0.04);\n    color: rgba(0, 0, 0, 0.16);\n    cursor: not-allowed;\n  }\n`\n\nexport const focusStyle = css`\n  &:focus {\n    border: 1px solid ${(props) => props.theme.colors.accent};\n    outline: none;\n  }\n`\n\nexport const roundedStyle = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const baseInputStyle = (\n  props: StyledProps<\n    Pick<\n      StyledBaseInputProps,\n      | 'color'\n      | 'placeholderColor'\n      | 'disabled'\n      | 'rounded'\n      | 'width'\n      | 'widthXS'\n      | 'widthS'\n      | 'widthM'\n      | 'widthL'\n      | 'widthXL'\n      | 'fluid'\n      | 'error'\n    >\n  >\n) => css`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${props.theme.colors.white};\n  border: solid 1px ${props.theme.colors.alto};\n  width: auto;\n  appearance: none;\n  font-size: 16px;\n  ${props.color ? color(props.color) : null};\n  &::placeholder {\n    ${props.placeholderColor ? color(props.placeholderColor) : null}\n  }\n  ${focusStyle}\n  ${props.disabled ? disabledStyle : null}\n  ${props.rounded ? roundedStyle : null}\n\n  ${props.width\n    ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n    : null}\n  ${responsiveNamedProperty({\n    sizes: {\n      widthXS: props.widthXS,\n      widthS: props.widthS,\n      widthM: props.widthM,\n      widthL: props.widthL,\n      widthXL: props.widthXL,\n    },\n    cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n    customSizeHandler: chooseWidthValue,\n  })}\n  ${props.fluid\n    ? css`\n        width: 100%;\n      `\n    : null}\n  ${props.error ? errorStyle : null}\n`\n\nexport const Root: React.ComponentType<StyledBaseInputProps> = styled(InputMask).withConfig<StyledBaseInputProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  line-height: 24px;\n  padding: 15px 20px 11px;\n  ${(props) => baseInputStyle(props)}\n`\n\nexport const Input: React.ComponentType<StyledInputProps> = styled(InputMask).withConfig<StyledInputProps>({\n  shouldForwardProp: (propKey) => !['palette', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &[type=\"number\"]::-webkit-outer-spin-button,\n      &[type=\"number\"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      inputColor: props.theme.colors['content-onmain-primary'],\n      inputPlaceholderColor: props.theme.colors['content-onmain-secondary'],\n      inputColorDisabled: props.theme.colors['content-disabled'],\n      inputPlaceholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n\nexport const InputControl = styled.button.withConfig<StyledInputControlsProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  position: relative;\n  padding: 5px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 8px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  &:first-child {\n    margin-left: 4px;\n  }\n  &:not(:first-child) {\n    margin-left: 9px;\n  }\n  &:not(:first-child)::before {\n    content: '';\n    position: absolute;\n    width: 1px;\n    height: 60%;\n    top: 50%;\n    left: -5px;\n    transform: translateY(-50%);\n  }\n  ${(props) =>\n    controlsTemplate({\n      controlsColor: props.theme.colors['content-onmain-tertiary'],\n      controlsColorHover: props.theme.colors['content-onmain-primary'],\n      controlsColorActive: props.theme.colors['content-onmain-primary'],\n      controlsColorDisabled: props.theme.colors['content-disabled'],\n      controlsBackgroundColor: props.theme.colors.transparent,\n      controlsBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover'])\n        .lighten(20)\n        .toString() as CSSColor,\n      controlsBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      controlsBackgroundColorDisabled: props.theme.colors.transparent,\n      controlsSeparatorColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["errorStyle","css","props","theme","colors","pomegranate","tinycolor","default","setAlpha","toString","disabledStyle","focusStyle","accent","roundedStyle","borderRadius","baseInputStyle","white","alto","color","placeholderColor","disabled","rounded","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","Root","styled","InputMask","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Input","propKey","opacity","paddingTop","label","labelPosition","active","template","palette","inputColor","inputPlaceholderColor","inputColorDisabled","inputPlaceholderColorDisabled","InputControl","button","controlsTemplate","controlsColor","controlsColorHover","controlsColorActive","controlsColorDisabled","controlsBackgroundColor","transparent","controlsBackgroundColorHover","lighten","controlsBackgroundColorActive","controlsBackgroundColorDisabled","controlsSeparatorColor","focus"],"mappings":"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"}

package/components/Input/style.mjs

@@ -1 +1,2 @@
-import styled,{css}from'styled-components';import InputMask from'react-input-mask';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'./helpers.mjs';import{focus}from'../../mixins/focus.mjs';const errorStyle=css(["border:1px solid ",";background-color:",";"],(o=>o.theme.colors.pomegranate),(o=>tinycolor(o.theme.colors.pomegranate).setAlpha(.1).toString()));const disabledStyle=css(["background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;&:disabled{background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;}"]);const focusStyle=css(["&:focus{border:1px solid ",";outline:none;}"],(o=>o.theme.colors.accent));const roundedStyle=css(["border-radius:",";"],(o=>o.theme.borderRadius));const baseInputStyle=o=>css(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],o.theme.colors.white,o.theme.colors.alto,o.color?color(o.color):null,o.placeholderColor?color(o.placeholderColor):null,focusStyle,o.disabled?disabledStyle:null,o.rounded?roundedStyle:null,o.width?property(chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null,responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:chooseWidthValue}),o.fluid?css(["width:100%;"]):null,o.error?errorStyle:null);const Root=styled(InputMask).withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({componentId:"fox-ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(o=>baseInputStyle(o)));const Input=styled(InputMask).withConfig({shouldForwardProp:o=>!['palette','label','labelPosition','active'].includes(o)}).withConfig({componentId:"fox-ui__sc-1gazj3c-1"})([""," ",""],(o=>{let r='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(r=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(r=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${r};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &[type="number"]::-webkit-outer-spin-button,\n      &[type="number"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(r={inputColor:o.theme.colors['content-onmain-primary'],inputPlaceholderColor:o.theme.colors['content-onmain-secondary'],inputColorDisabled:o.theme.colors['content-disabled'],inputPlaceholderColorDisabled:o.theme.colors['content-disabled'],...o.palette}).inputColor};\n  &::placeholder {\n    color: ${r.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${r.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${r.inputPlaceholderColorDisabled};\n  }\n`;var r}));const InputControl=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({componentId:"fox-ui__sc-1gazj3c-2"})(["box-sizing:border-box;appearance:none;position:relative;padding:5px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;cursor:",";&:first-child{margin-left:4px;}&:not(:first-child){margin-left:9px;}&:not(:first-child)::before{content:'';position:absolute;width:1px;height:60%;top:50%;left:-5px;transform:translateY(-50%);}"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={controlsColor:o.theme.colors['content-onmain-tertiary'],controlsColorHover:o.theme.colors['content-onmain-primary'],controlsColorActive:o.theme.colors['content-onmain-primary'],controlsColorDisabled:o.theme.colors['content-disabled'],controlsBackgroundColor:o.theme.colors.transparent,controlsBackgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),controlsBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],controlsBackgroundColorDisabled:o.theme.colors.transparent,controlsSeparatorColor:o.theme.colors['border-onmain-default-large'],...o.palette}).controlsColor};\n  background-color: ${r.controlsBackgroundColor};\n  &:hover {\n    color: ${r.controlsColorHover};\n    background-color: ${r.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${r.controlsColorActive};\n    background-color: ${r.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${r.controlsColorDisabled};\n    background-color: ${r.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${r.controlsSeparatorColor};\n  }\n`;var r}),focus);export{Input,InputControl,Root,baseInputStyle,disabledStyle,errorStyle,focusStyle,roundedStyle};
+import styled,{css}from'styled-components';import InputMask from'react-input-mask';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'./helpers.mjs';import{focus}from'../../mixins/focus.mjs';const errorStyle=css(["border:1px solid ",";background-color:",";"],(o=>o.theme.colors.pomegranate),(o=>tinycolor(o.theme.colors.pomegranate).setAlpha(.1).toString()));const disabledStyle=css(["background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;&:disabled{background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;}"]);const focusStyle=css(["&:focus{border:1px solid ",";outline:none;}"],(o=>o.theme.colors.accent));const roundedStyle=css(["border-radius:",";"],(o=>o.theme.borderRadius));const baseInputStyle=o=>css(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],o.theme.colors.white,o.theme.colors.alto,o.color?color(o.color):null,o.placeholderColor?color(o.placeholderColor):null,focusStyle,o.disabled?disabledStyle:null,o.rounded?roundedStyle:null,o.width?property(chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null,responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:chooseWidthValue}),o.fluid?css(["width:100%;"]):null,o.error?errorStyle:null);const Root=styled(InputMask).withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({displayName:"Input__Root",componentId:"ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(o=>baseInputStyle(o)));const Input=styled(InputMask).withConfig({shouldForwardProp:o=>!['palette','label','labelPosition','active'].includes(o)}).withConfig({displayName:"Input",componentId:"ui__sc-1gazj3c-1"})([""," ",""],(o=>{let r='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(r=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(r=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${r};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &[type="number"]::-webkit-outer-spin-button,\n      &[type="number"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(r={inputColor:o.theme.colors['content-onmain-primary'],inputPlaceholderColor:o.theme.colors['content-onmain-secondary'],inputColorDisabled:o.theme.colors['content-disabled'],inputPlaceholderColorDisabled:o.theme.colors['content-disabled'],...o.palette}).inputColor};\n  &::placeholder {\n    color: ${r.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${r.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${r.inputPlaceholderColorDisabled};\n  }\n`;var r}));const InputControl=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"Input__InputControl",componentId:"ui__sc-1gazj3c-2"})(["box-sizing:border-box;appearance:none;position:relative;padding:5px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;cursor:",";&:first-child{margin-left:4px;}&:not(:first-child){margin-left:9px;}&:not(:first-child)::before{content:'';position:absolute;width:1px;height:60%;top:50%;left:-5px;transform:translateY(-50%);}"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={controlsColor:o.theme.colors['content-onmain-tertiary'],controlsColorHover:o.theme.colors['content-onmain-primary'],controlsColorActive:o.theme.colors['content-onmain-primary'],controlsColorDisabled:o.theme.colors['content-disabled'],controlsBackgroundColor:o.theme.colors.transparent,controlsBackgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),controlsBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],controlsBackgroundColorDisabled:o.theme.colors.transparent,controlsSeparatorColor:o.theme.colors['border-onmain-default-large'],...o.palette}).controlsColor};\n  background-color: ${r.controlsBackgroundColor};\n  &:hover {\n    color: ${r.controlsColorHover};\n    background-color: ${r.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${r.controlsColorActive};\n    background-color: ${r.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${r.controlsColorDisabled};\n    background-color: ${r.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${r.controlsSeparatorColor};\n  }\n`;var r}),focus);export{Input,InputControl,Root,baseInputStyle,disabledStyle,errorStyle,focusStyle,roundedStyle};
+//# sourceMappingURL=style.mjs.map

package/components/Input/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Input/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport tinycolor from 'tinycolor2'\nimport type { StyledProps } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from 'components/Input/helpers'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledBaseInputProps, StyledInputProps, StyledInputControlsProps, InputPalette } from './types'\n\nconst template = (\n  palette: Pick<\n    InputPalette,\n    'inputColor' | 'inputPlaceholderColor' | 'inputColorDisabled' | 'inputPlaceholderColorDisabled'\n  >\n) => `\n  color: ${palette.inputColor};\n  &::placeholder {\n    color: ${palette.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${palette.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.inputPlaceholderColorDisabled};\n  }\n`\n\nconst controlsTemplate = (\n  palette: Pick<\n    InputPalette,\n    | 'controlsColor'\n    | 'controlsBackgroundColor'\n    | 'controlsColorHover'\n    | 'controlsBackgroundColorHover'\n    | 'controlsColorActive'\n    | 'controlsBackgroundColorActive'\n    | 'controlsColorDisabled'\n    | 'controlsBackgroundColorDisabled'\n    | 'controlsSeparatorColor'\n  >\n) => `\n  color: ${palette.controlsColor};\n  background-color: ${palette.controlsBackgroundColor};\n  &:hover {\n    color: ${palette.controlsColorHover};\n    background-color: ${palette.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.controlsColorActive};\n    background-color: ${palette.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.controlsColorDisabled};\n    background-color: ${palette.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${palette.controlsSeparatorColor};\n  }\n`\n\nexport const errorStyle = css`\n  border: 1px solid ${(props) => props.theme.colors.pomegranate};\n  background-color: ${(props) => tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n`\n\nexport const disabledStyle = css`\n  background-color: rgba(0, 0, 0, 0.04);\n  border-color: rgba(0, 0, 0, 0.04);\n  color: rgba(0, 0, 0, 0.16);\n  cursor: not-allowed;\n  &:disabled {\n    background-color: rgba(0, 0, 0, 0.04);\n    border-color: rgba(0, 0, 0, 0.04);\n    color: rgba(0, 0, 0, 0.16);\n    cursor: not-allowed;\n  }\n`\n\nexport const focusStyle = css`\n  &:focus {\n    border: 1px solid ${(props) => props.theme.colors.accent};\n    outline: none;\n  }\n`\n\nexport const roundedStyle = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const baseInputStyle = (\n  props: StyledProps<\n    Pick<\n      StyledBaseInputProps,\n      | 'color'\n      | 'placeholderColor'\n      | 'disabled'\n      | 'rounded'\n      | 'width'\n      | 'widthXS'\n      | 'widthS'\n      | 'widthM'\n      | 'widthL'\n      | 'widthXL'\n      | 'fluid'\n      | 'error'\n    >\n  >\n) => css`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${props.theme.colors.white};\n  border: solid 1px ${props.theme.colors.alto};\n  width: auto;\n  appearance: none;\n  font-size: 16px;\n  ${props.color ? color(props.color) : null};\n  &::placeholder {\n    ${props.placeholderColor ? color(props.placeholderColor) : null}\n  }\n  ${focusStyle}\n  ${props.disabled ? disabledStyle : null}\n  ${props.rounded ? roundedStyle : null}\n\n  ${props.width\n    ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n    : null}\n  ${responsiveNamedProperty({\n    sizes: {\n      widthXS: props.widthXS,\n      widthS: props.widthS,\n      widthM: props.widthM,\n      widthL: props.widthL,\n      widthXL: props.widthXL,\n    },\n    cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n    customSizeHandler: chooseWidthValue,\n  })}\n  ${props.fluid\n    ? css`\n        width: 100%;\n      `\n    : null}\n  ${props.error ? errorStyle : null}\n`\n\nexport const Root: React.ComponentType<StyledBaseInputProps> = styled(InputMask).withConfig<StyledBaseInputProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  line-height: 24px;\n  padding: 15px 20px 11px;\n  ${(props) => baseInputStyle(props)}\n`\n\nexport const Input: React.ComponentType<StyledInputProps> = styled(InputMask).withConfig<StyledInputProps>({\n  shouldForwardProp: (propKey) => !['palette', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &[type=\"number\"]::-webkit-outer-spin-button,\n      &[type=\"number\"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      inputColor: props.theme.colors['content-onmain-primary'],\n      inputPlaceholderColor: props.theme.colors['content-onmain-secondary'],\n      inputColorDisabled: props.theme.colors['content-disabled'],\n      inputPlaceholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n\nexport const InputControl = styled.button.withConfig<StyledInputControlsProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  position: relative;\n  padding: 5px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 8px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  &:first-child {\n    margin-left: 4px;\n  }\n  &:not(:first-child) {\n    margin-left: 9px;\n  }\n  &:not(:first-child)::before {\n    content: '';\n    position: absolute;\n    width: 1px;\n    height: 60%;\n    top: 50%;\n    left: -5px;\n    transform: translateY(-50%);\n  }\n  ${(props) =>\n    controlsTemplate({\n      controlsColor: props.theme.colors['content-onmain-tertiary'],\n      controlsColorHover: props.theme.colors['content-onmain-primary'],\n      controlsColorActive: props.theme.colors['content-onmain-primary'],\n      controlsColorDisabled: props.theme.colors['content-disabled'],\n      controlsBackgroundColor: props.theme.colors.transparent,\n      controlsBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover'])\n        .lighten(20)\n        .toString() as CSSColor,\n      controlsBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      controlsBackgroundColorDisabled: props.theme.colors.transparent,\n      controlsSeparatorColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["errorStyle","css","props","theme","colors","pomegranate","tinycolor","setAlpha","toString","disabledStyle","focusStyle","accent","roundedStyle","borderRadius","baseInputStyle","white","alto","color","placeholderColor","disabled","rounded","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","Root","styled","InputMask","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Input","propKey","opacity","paddingTop","label","labelPosition","active","template","palette","inputColor","inputPlaceholderColor","inputColorDisabled","inputPlaceholderColorDisabled","InputControl","button","controlsTemplate","controlsColor","controlsColorHover","controlsColorActive","controlsColorDisabled","controlsBackgroundColor","transparent","controlsBackgroundColorHover","lighten","controlsBackgroundColorActive","controlsBackgroundColorDisabled","controlsSeparatorColor","focus"],"mappings":"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"}

package/components/Input.Phone/Input.Phone.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var Input=require('../Input/Input.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');const onlyNumbers=(t="")=>t.replace(constants.REGEXPS.NOT_NUMBERS,'');exports.InputPhone=class InputPhone extends React.PureComponent{static displayName='Input.Phone';static defaultProps={countryData:constants.COUNTRY_DATA,defaultMask:constants.DEFAULT_MASK,initialMask:constants.INITIAL_MASK,placeholder:'+9 (999) 999-99-99',rounded:!0,type:'text',color:'mineShaft',mask:'',placeholderColor:'silver'};constructor(t){super(t),this.autocorrectOf8=!0,this.autocorrectOf9=!0;const{mask:e}=this.getUpdates(t.value||'');this.state={mask:e,regexp:null}}componentDidUpdate(t){const{value:e}=this.props;e!==t.value&&this.change(e)}getUpdates=(t,e)=>{const{countryData:s,defaultMask:a,initialMask:n}=this.props;const r=onlyNumbers(t);let o=n;let c=null;let l=!1;let u=!1;if(!r)return{mask:o,numbers:r,startsFrom8:l,startsFrom9:u,regexp:c};let i=!1;for(let t=0;t<s.length;t++)r.startsWith(s[t][1])&&([,,o,c]=s[t],i=t===0||t===1);return l=i&&constants.REGEXPS.FROM_8.test(r)&&this.autocorrectOf8,u=(!o||r.length===constants.RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH&&e==='')&&this.autocorrectOf9&&constants.REGEXPS.FROM_9.test(r),l&&(o=constants.COUNTRY_DATA[0][2],this.autocorrectOf8=!1),u&&(o=constants.COUNTRY_DATA[0][2],this.autocorrectOf9=!1),o||(o=a),{mask:o,numbers:r,startsFrom8:l,startsFrom9:u,regexp:c}};change=t=>{const{mask:e}=this.getUpdates(t);this.setState({mask:e})};handleChange=t=>{t.persist();const{onChange:e,stripValue:s}=this.props;if(e){const a=t;s&&(a.target.value=onlyNumbers(t.target.value)),e(a)}};beforeMaskedValueChange=(t,e)=>{const{mask:s,numbers:a,startsFrom8:n,startsFrom9:r,regexp:o}=this.getUpdates(t.value,e.value);return this.setState({mask:s,regexp:o}),r?{selection:a.length===1?{start:5,end:5}:t.selection,value:t.value.replace(constants.REGEXPS.FROM_9,'+79$1')}:n?{selection:{start:2,end:2},value:t.value.replace(constants.REGEXPS.FROM_8,'+7$1')}:constants.REGEXPS.FILLED.test(e.value)&&a.length===1?{selection:{start:2,end:2},value:t.value}:!constants.REGEXPS.FILLED.test(e.value)&&constants.REGEXPS.FILLED.test(t.value)?{...t,selection:t.selection?{start:t.selection.start+1,end:t.selection.end+1}:null}:t};render(){const{countryData:t,defaultMask:e,initialMask:s,stripValue:a,...n}=this.props;const{mask:r,regexp:o}=this.state;return require$$0.jsx(Input.Input,{...n,beforeMaskedValueChange:this.beforeMaskedValueChange,mask:r,"data-regexp":o instanceof RegExp?o.toString():void 0,onChange:this.handleChange})}};
+//# sourceMappingURL=Input.Phone.js.map

package/components/Input.Phone/Input.Phone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.Phone.js","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport type { InputState } from 'react-input-mask'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n  COUNTRY_DATA,\n  DEFAULT_MASK,\n  INITIAL_MASK,\n  REGEXPS,\n  RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n  /**\n   * Settings for different country codes\n   */\n  countryData?: string[][]\n  /**\n   * Default field mask that is set when none of the countryData prop matches\n   */\n  defaultMask?: string\n  /**\n   * The default field mask when the phone field is empty is required to enable autocomplete in\n   * the browser\n   */\n  initialMask?: string\n  /** If event should return stripped phone value (not for redux forms) */\n  stripValue?: boolean\n}\n\ninterface InputPhoneState {\n  mask: string\n  regexp?: RegExp | null\n}\n\n/**\n * Расширен:\n * - `InputProps`\n */\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n  static displayName = 'Input.Phone'\n  static defaultProps = {\n    countryData: COUNTRY_DATA,\n    defaultMask: DEFAULT_MASK,\n    initialMask: INITIAL_MASK,\n    placeholder: '+9 (999) 999-99-99',\n    rounded: true,\n    type: 'text',\n    color: 'mineShaft',\n    mask: '',\n    placeholderColor: 'silver',\n  }\n\n  autocorrectOf8: boolean\n  autocorrectOf9: boolean\n\n  constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n    super(props)\n\n    this.autocorrectOf8 = true\n    this.autocorrectOf9 = true\n\n    const { mask } = this.getUpdates(props.value || '')\n\n    this.state = { mask, regexp: null }\n  }\n\n  componentDidUpdate(nextProps: InputPhoneProps) {\n    const { value } = this.props\n\n    if (value !== nextProps.value) {\n      this.change(value)\n    }\n  }\n\n  getUpdates = (\n    value: InputPhoneProps['value'],\n    prevValue: InputPhoneProps['value'] = undefined\n  ): {\n    mask: string\n    numbers: string\n    startsFrom8: boolean\n    startsFrom9: boolean\n    regexp: RegExp | null\n  } => {\n    const { countryData, defaultMask, initialMask } = this.props\n    const numbers = onlyNumbers(value as string)\n\n    let mask = initialMask\n    let regexp = null\n    let startsFrom8 = false\n    let startsFrom9 = false\n\n    if (!numbers)\n      return {\n        mask,\n        numbers,\n        startsFrom8,\n        startsFrom9,\n        regexp,\n      }\n\n    let isRussian = false\n\n    for (let i = 0; i < countryData.length; i++) {\n      if (numbers.startsWith(countryData[i][1])) {\n        ;[, , mask, regexp] = countryData[i]\n        isRussian = i === 0 || i === 1\n      }\n    }\n\n    startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n    startsFrom9 =\n      (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n      this.autocorrectOf9 &&\n      REGEXPS.FROM_9.test(numbers)\n\n    if (startsFrom8) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf8 = false\n    }\n\n    if (startsFrom9) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf9 = false\n    }\n\n    if (!mask) {\n      mask = defaultMask\n    }\n\n    return {\n      mask,\n      numbers,\n      startsFrom8,\n      startsFrom9,\n      regexp,\n    }\n  }\n\n  change = (phone: InputPhoneProps['value']) => {\n    const { mask } = this.getUpdates(phone)\n\n    this.setState({ mask })\n  }\n\n  handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    e.persist()\n\n    const { onChange, stripValue } = this.props\n\n    if (onChange) {\n      const _e = e\n      if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n      onChange(_e)\n    }\n  }\n\n  beforeMaskedValueChange = (newState: InputState, oldState: InputState) => {\n    const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n    this.setState({ mask, regexp })\n\n    /**\n     * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n     * by '+7 (9'\n     */\n    if (startsFrom9) {\n      return {\n        selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n        value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n      }\n    }\n\n    if (startsFrom8) {\n      return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n    }\n\n    if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n      return { selection: { start: 2, end: 2 }, value: newState.value }\n    }\n\n    if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n      return {\n        ...newState,\n        selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n      }\n    }\n\n    return newState\n  }\n\n  render() {\n    const {\n      /* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */\n      countryData,\n      defaultMask,\n      initialMask,\n      stripValue,\n      /* eslint-enable no-unused-vars, @typescript-eslint/no-unused-vars */\n      ...props\n    } = this.props\n    const { mask, regexp } = this.state\n\n    return (\n      <Input\n        {...props}\n        beforeMaskedValueChange={this.beforeMaskedValueChange}\n        mask={mask}\n        data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n        onChange={this.handleChange}\n      />\n    )\n  }\n}\n"],"names":["onlyNumbers","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","static","countryData","COUNTRY_DATA","defaultMask","DEFAULT_MASK","initialMask","INITIAL_MASK","placeholder","rounded","type","color","mask","placeholderColor","constructor","props","super","this","autocorrectOf8","autocorrectOf9","getUpdates","state","regexp","componentDidUpdate","nextProps","change","prevValue","numbers","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","phone","setState","handleChange","e","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","render","_jsx","Input","RegExp","toString","undefined"],"mappings":"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"}

package/components/Input.Phone/Input.Phone.mjs

@@ -1 +1,2 @@
 import{PureComponent}from'react';import{Input}from'../Input/Input.mjs';import{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK,REGEXPS,RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH}from'./constants.mjs';import{jsx}from'react/jsx-runtime';const onlyNumbers=(t="")=>t.replace(REGEXPS.NOT_NUMBERS,'');class InputPhone extends PureComponent{static displayName='Input.Phone';static defaultProps={countryData:COUNTRY_DATA,defaultMask:DEFAULT_MASK,initialMask:INITIAL_MASK,placeholder:'+9 (999) 999-99-99',rounded:!0,type:'text',color:'mineShaft',mask:'',placeholderColor:'silver'};constructor(t){super(t),this.autocorrectOf8=!0,this.autocorrectOf9=!0;const{mask:e}=this.getUpdates(t.value||'');this.state={mask:e,regexp:null}}componentDidUpdate(t){const{value:e}=this.props;e!==t.value&&this.change(e)}getUpdates=(t,e)=>{const{countryData:s,defaultMask:a,initialMask:r}=this.props;const n=onlyNumbers(t);let o=r;let l=null;let u=!1;let i=!1;if(!n)return{mask:o,numbers:n,startsFrom8:u,startsFrom9:i,regexp:l};let c=!1;for(let t=0;t<s.length;t++)n.startsWith(s[t][1])&&([,,o,l]=s[t],c=t===0||t===1);return u=c&&REGEXPS.FROM_8.test(n)&&this.autocorrectOf8,i=(!o||n.length===RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH&&e==='')&&this.autocorrectOf9&&REGEXPS.FROM_9.test(n),u&&(o=COUNTRY_DATA[0][2],this.autocorrectOf8=!1),i&&(o=COUNTRY_DATA[0][2],this.autocorrectOf9=!1),o||(o=a),{mask:o,numbers:n,startsFrom8:u,startsFrom9:i,regexp:l}};change=t=>{const{mask:e}=this.getUpdates(t);this.setState({mask:e})};handleChange=t=>{t.persist();const{onChange:e,stripValue:s}=this.props;if(e){const a=t;s&&(a.target.value=onlyNumbers(t.target.value)),e(a)}};beforeMaskedValueChange=(t,e)=>{const{mask:s,numbers:a,startsFrom8:r,startsFrom9:n,regexp:o}=this.getUpdates(t.value,e.value);return this.setState({mask:s,regexp:o}),n?{selection:a.length===1?{start:5,end:5}:t.selection,value:t.value.replace(REGEXPS.FROM_9,'+79$1')}:r?{selection:{start:2,end:2},value:t.value.replace(REGEXPS.FROM_8,'+7$1')}:REGEXPS.FILLED.test(e.value)&&a.length===1?{selection:{start:2,end:2},value:t.value}:!REGEXPS.FILLED.test(e.value)&&REGEXPS.FILLED.test(t.value)?{...t,selection:t.selection?{start:t.selection.start+1,end:t.selection.end+1}:null}:t};render(){const{countryData:t,defaultMask:e,initialMask:s,stripValue:a,...r}=this.props;const{mask:n,regexp:o}=this.state;return jsx(Input,{...r,beforeMaskedValueChange:this.beforeMaskedValueChange,mask:n,"data-regexp":o instanceof RegExp?o.toString():void 0,onChange:this.handleChange})}}export{InputPhone};
+//# sourceMappingURL=Input.Phone.mjs.map

package/components/Input.Phone/Input.Phone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.Phone.mjs","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport type { InputState } from 'react-input-mask'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n  COUNTRY_DATA,\n  DEFAULT_MASK,\n  INITIAL_MASK,\n  REGEXPS,\n  RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n  /**\n   * Settings for different country codes\n   */\n  countryData?: string[][]\n  /**\n   * Default field mask that is set when none of the countryData prop matches\n   */\n  defaultMask?: string\n  /**\n   * The default field mask when the phone field is empty is required to enable autocomplete in\n   * the browser\n   */\n  initialMask?: string\n  /** If event should return stripped phone value (not for redux forms) */\n  stripValue?: boolean\n}\n\ninterface InputPhoneState {\n  mask: string\n  regexp?: RegExp | null\n}\n\n/**\n * Расширен:\n * - `InputProps`\n */\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n  static displayName = 'Input.Phone'\n  static defaultProps = {\n    countryData: COUNTRY_DATA,\n    defaultMask: DEFAULT_MASK,\n    initialMask: INITIAL_MASK,\n    placeholder: '+9 (999) 999-99-99',\n    rounded: true,\n    type: 'text',\n    color: 'mineShaft',\n    mask: '',\n    placeholderColor: 'silver',\n  }\n\n  autocorrectOf8: boolean\n  autocorrectOf9: boolean\n\n  constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n    super(props)\n\n    this.autocorrectOf8 = true\n    this.autocorrectOf9 = true\n\n    const { mask } = this.getUpdates(props.value || '')\n\n    this.state = { mask, regexp: null }\n  }\n\n  componentDidUpdate(nextProps: InputPhoneProps) {\n    const { value } = this.props\n\n    if (value !== nextProps.value) {\n      this.change(value)\n    }\n  }\n\n  getUpdates = (\n    value: InputPhoneProps['value'],\n    prevValue: InputPhoneProps['value'] = undefined\n  ): {\n    mask: string\n    numbers: string\n    startsFrom8: boolean\n    startsFrom9: boolean\n    regexp: RegExp | null\n  } => {\n    const { countryData, defaultMask, initialMask } = this.props\n    const numbers = onlyNumbers(value as string)\n\n    let mask = initialMask\n    let regexp = null\n    let startsFrom8 = false\n    let startsFrom9 = false\n\n    if (!numbers)\n      return {\n        mask,\n        numbers,\n        startsFrom8,\n        startsFrom9,\n        regexp,\n      }\n\n    let isRussian = false\n\n    for (let i = 0; i < countryData.length; i++) {\n      if (numbers.startsWith(countryData[i][1])) {\n        ;[, , mask, regexp] = countryData[i]\n        isRussian = i === 0 || i === 1\n      }\n    }\n\n    startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n    startsFrom9 =\n      (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n      this.autocorrectOf9 &&\n      REGEXPS.FROM_9.test(numbers)\n\n    if (startsFrom8) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf8 = false\n    }\n\n    if (startsFrom9) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf9 = false\n    }\n\n    if (!mask) {\n      mask = defaultMask\n    }\n\n    return {\n      mask,\n      numbers,\n      startsFrom8,\n      startsFrom9,\n      regexp,\n    }\n  }\n\n  change = (phone: InputPhoneProps['value']) => {\n    const { mask } = this.getUpdates(phone)\n\n    this.setState({ mask })\n  }\n\n  handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    e.persist()\n\n    const { onChange, stripValue } = this.props\n\n    if (onChange) {\n      const _e = e\n      if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n      onChange(_e)\n    }\n  }\n\n  beforeMaskedValueChange = (newState: InputState, oldState: InputState) => {\n    const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n    this.setState({ mask, regexp })\n\n    /**\n     * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n     * by '+7 (9'\n     */\n    if (startsFrom9) {\n      return {\n        selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n        value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n      }\n    }\n\n    if (startsFrom8) {\n      return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n    }\n\n    if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n      return { selection: { start: 2, end: 2 }, value: newState.value }\n    }\n\n    if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n      return {\n        ...newState,\n        selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n      }\n    }\n\n    return newState\n  }\n\n  render() {\n    const {\n      /* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */\n      countryData,\n      defaultMask,\n      initialMask,\n      stripValue,\n      /* eslint-enable no-unused-vars, @typescript-eslint/no-unused-vars */\n      ...props\n    } = this.props\n    const { mask, regexp } = this.state\n\n    return (\n      <Input\n        {...props}\n        beforeMaskedValueChange={this.beforeMaskedValueChange}\n        mask={mask}\n        data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n        onChange={this.handleChange}\n      />\n    )\n  }\n}\n"],"names":["onlyNumbers","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","static","countryData","COUNTRY_DATA","defaultMask","DEFAULT_MASK","initialMask","INITIAL_MASK","placeholder","rounded","type","color","mask","placeholderColor","constructor","props","super","this","autocorrectOf8","autocorrectOf9","getUpdates","state","regexp","componentDidUpdate","nextProps","change","prevValue","numbers","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","phone","setState","handleChange","e","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","render","_jsx","Input","RegExp","toString","undefined"],"mappings":"+NAaA,MAAMA,YAAcA,CAACC,EAAQ,KAAeA,EAAMC,QAAQC,QAAQC,YAAa,IA6BxE,MAAMC,mBAAmBC,cAC9BC,mBAAqB,cACrBA,oBAAsB,CACpBC,YAAaC,aACbC,YAAaC,aACbC,YAAaC,aACbC,YAAa,qBACbC,SAAS,EACTC,KAAM,OACNC,MAAO,YACPC,KAAM,GACNC,iBAAkB,UAMpBC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,gBAAiB,EACtBD,KAAKE,gBAAiB,EAEtB,MAAMP,KAAEA,GAASK,KAAKG,WAAWL,EAAMpB,OAAS,IAEhDsB,KAAKI,MAAQ,CAAET,OAAMU,OAAQ,KAC/B,CAEAC,kBAAAA,CAAmBC,GACjB,MAAM7B,MAAEA,GAAUsB,KAAKF,MAEnBpB,IAAU6B,EAAU7B,OACtBsB,KAAKQ,OAAO9B,EAEhB,CAEAyB,WAAaA,CACXzB,EACA+B,KAQA,MAAMxB,YAAEA,EAAWE,YAAEA,EAAWE,YAAEA,GAAgBW,KAAKF,MACvD,MAAMY,EAAUjC,YAAYC,GAE5B,IAAIiB,EAAON,EACX,IAAIgB,EAAS,KACb,IAAIM,GAAc,EAClB,IAAIC,GAAc,EAElB,IAAKF,EACH,MAAO,CACLf,OACAe,UACAC,cACAC,cACAP,UAGJ,IAAIQ,GAAY,EAEhB,IAAK,IAAIC,EAAI,EAAGA,EAAI7B,EAAY8B,OAAQD,IAClCJ,EAAQM,WAAW/B,EAAY6B,GAAG,OACnC,CAAA,CAAKnB,EAAMU,GAAUpB,EAAY6B,GAClCD,EAAYC,IAAM,GAAKA,IAAM,GA4BjC,OAxBAH,EAAcE,GAAajC,QAAQqC,OAAOC,KAAKR,IAAYV,KAAKC,eAChEW,IACIjB,GAASe,EAAQK,SAAWI,0CAA4CV,IAAc,KACxFT,KAAKE,gBACLtB,QAAQwC,OAAOF,KAAKR,GAElBC,IAEFhB,EAAOT,aAAa,GAAG,GAEvBc,KAAKC,gBAAiB,GAGpBW,IAEFjB,EAAOT,aAAa,GAAG,GAEvBc,KAAKE,gBAAiB,GAGnBP,IACHA,EAAOR,GAGF,CACLQ,OACAe,UACAC,cACAC,cACAP,SACD,EAGHG,OAAUa,IACR,MAAM1B,KAAEA,GAASK,KAAKG,WAAWkB,GAEjCrB,KAAKsB,SAAS,CAAE3B,QAAO,EAGzB4B,aAA4DC,IAC1DA,EAAEC,UAEF,MAAMC,SAAEA,EAAQC,WAAEA,GAAe3B,KAAKF,MAEtC,GAAI4B,EAAU,CACZ,MAAME,EAAKJ,EACPG,IAAYC,EAAGC,OAAOnD,MAAQD,YAAY+C,EAAEK,OAAOnD,QACvDgD,EAASE,EACX,GAGFE,wBAA0BA,CAACC,EAAsBC,KAC/C,MAAMrC,KAAEA,EAAIe,QAAEA,EAAOC,YAAEA,EAAWC,YAAEA,EAAWP,OAAEA,GAAWL,KAAKG,WAAW4B,EAASrD,MAAOsD,EAAStD,OAQrG,OANAsB,KAAKsB,SAAS,CAAE3B,OAAMU,WAMlBO,EACK,CACLqB,UAAWvB,EAAQK,SAAW,EAAI,CAAEmB,MAAO,EAAGC,IAAK,GAAMJ,EAASE,UAClEvD,MAAOqD,EAASrD,MAAMC,QAAQC,QAAQwC,OAAQ,UAI9CT,EACK,CAAEsB,UAAW,CAAEC,MAAO,EAAGC,IAAK,GAAKzD,MAAOqD,EAASrD,MAAMC,QAAQC,QAAQqC,OAAQ,SAGtFrC,QAAQwD,OAAOlB,KAAKc,EAAStD,QAAUgC,EAAQK,SAAW,EACrD,CAAEkB,UAAW,CAAEC,MAAO,EAAGC,IAAK,GAAKzD,MAAOqD,EAASrD,QAGvDE,QAAQwD,OAAOlB,KAAKc,EAAStD,QAAUE,QAAQwD,OAAOlB,KAAKa,EAASrD,OAChE,IACFqD,EACHE,UAAWF,EAASE,UAAY,CAAEC,MAAOH,EAASE,UAAUC,MAAQ,EAAGC,IAAKJ,EAASE,UAAUE,IAAM,GAAM,MAIxGJ,CAAQ,EAGjBM,MAAAA,GACE,MAAMpD,YAEJA,EAAWE,YACXA,EAAWE,YACXA,EAAWsC,WACXA,KAEG7B,GACDE,KAAKF,MACT,MAAMH,KAAEA,EAAIU,OAAEA,GAAWL,KAAKI,MAE9B,OACEkC,IAACC,MAAK,IACAzC,EACJgC,wBAAyB9B,KAAK8B,wBAC9BnC,KAAMA,EACN,cAAaU,aAAkBmC,OAASnC,EAAOoC,gBAAaC,EAC5DhB,SAAU1B,KAAKuB,cAGrB"}

package/components/Input.Phone/constants.js

@@ -1 +1,2 @@
 'use strict';exports.COUNTRY_DATA=[['Россия','7','+9 (999) 999-99-99',/^(\+?7|8)([0-9()\-\s]{8,20})$/],['Россия','8','+9 (999) 999-99-99',/^(\+?7|8)([0-9()\-\s]{8,20})$/],['Украина','380','+999 (99) 999-99-99',/^(\+?380)([0-9()\-\s]{8,20})$/],['Беларусь','375','+999 (999) 99-99-99',/^(\+?375)([0-9()\-\s]{8,20})$/],['Узбекистан','998','+999 (99) 999-99-99',/^(\+?998)([0-9()\-\s]{8,20})$/],['Молдова','373','+999 (99) 99-99-99',/^(\+?373)([0-9()\-\s]{8,20})$/],['Азербайджан','994','+999 (99) 999-99-99',/^(\+?994)([0-9()\-\s]{8,20})$/],['Киргизия','996','+999 (999) 99-99-99',/^(\+?996)([0-9()\-\s]{8,20})$/],['Болгария','359','+999 (999) 99-99-99',/^(\+?359)([0-9()\-\s]{8,20})$/],['Германия','49','+99 (999) 99999999',/^(\+?49)([0-9()\-\s]{8,20})$/],['США','1','+9 (999) 999-99-99',/^(\+?1)([0-9()\-\s]{8,20})$/],['Армения','374','+999 (99) 99-99-99',/^(\+?374)([0-9()\-\s]{8,20})$/],['Израиль','972','+999 (99) 999-99-99',/^(\+?972)([0-9()\-\s]{8,20})$/],['Испания','34','+99 (999) 99-99-99',/^(\+?34)([0-9()\-\s]{8,20})$/],['Латвия','371','+999 (99) 999-999',/^(\+?371)([0-9()\-\s]{8,20})$/],['Бахрейн','973','+999 (99) 999-999',/^(\+?973)([0-9()\-\s]{8,20})$/],['Турция','90','+99 (999) 999-9999',/^(\+?90)([0-9()\-\s]{8,20})$/],['Литва','370','+999 (999) 99999',/^(\+?370)([0-9()\-\s]{8,20})$/],['Великобритания','44','+99 (99) 9999-9999',/^(\+?44)([0-9()\-\s]{8,20})$/],['Индия','91','+99 (99) 99-999999',/^(\+?91)([0-9()\-\s]{8,20})$/],['Черногория','382','+999 (99) 999-999',/^(\+?382)([0-9()\-\s]{8,20})$/],['Мексика','52','+99 (999) 999-99-99',/^(\+?52)([0-9()\-\s]{8,20})$/],['Польша','48','+99 999999999',/^(\+?48)([0-9()\-\s]{8,20})$/],['Италия','39','+99 (999) 999-99-99',/^(\+?39)([0-9()\-\s]{8,20})$/],['Таиланд','66','+99 999-999-999',/^(\+?66)([0-9()\-\s]{8,20})$/],['Грузия','995','+999 (999) 999-999',/^(\+?995)([0-9()\-\s]{8,20})$/],['Шри-Ланка','94','+99 (99) 9999999',/^(\+?94)([0-9()\-\s]{8,20})$/],['Китай','86','+99 (999) 9999-9999',/^(\+?86)([0-9()\-\s]{8,20})$/],['Кипр','357','+999 (99) 999999',/^(\+?357)([0-9()\-\s]{8,20})$/],['ОАЭ','971','+999 99-999-9999',/^(\+?971)([0-9()\-\s]{8,20})$/],['Франция','33','+33(999)999-999',/^(\+?33)([0-9()\-\s]{8,20})$/],['Германия','49','+99(9999)999-9999',/^(\+?49)([0-9()\-\s]{8,20})$/],['Япония','81','+99 99-9999-9999',/^(\+?81)([0-9()\-\s]{8,20})$/],['Австрия','43','+99(999)999-99999',/^(\+?43)([0-9()\-\s]{8,20})$/],['Южная Корея','82','+99(999)999-9999',/^(\+?82)([0-9()\-\s]{8,20})$/]],exports.DEFAULT_MASK="+99999999999999999999",exports.INITIAL_MASK="99999999999999999999",exports.REGEXPS={FILLED:/^\+\d.*$/,FROM_8:/^\+?8(.*)$/,FROM_9:/^\+?9(.*)$/,NOT_NUMBERS:/\D/gim},exports.RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH=10;
+//# sourceMappingURL=constants.js.map

package/components/Input.Phone/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Input.Phone/constants.ts"],"sourcesContent":["export const INITIAL_MASK = '99999999999999999999'\n\nexport const DEFAULT_MASK = `+${INITIAL_MASK}`\n\nexport const RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH = 10\n\nexport const COUNTRY_DATA: [string, string, string, RegExp][] = [\n  ['Россия', '7', '+9 (999) 999-99-99', /^(\\+?7|8)([0-9()\\-\\s]{8,20})$/],\n  ['Россия', '8', '+9 (999) 999-99-99', /^(\\+?7|8)([0-9()\\-\\s]{8,20})$/],\n  ['Украина', '380', '+999 (99) 999-99-99', /^(\\+?380)([0-9()\\-\\s]{8,20})$/],\n  ['Беларусь', '375', '+999 (999) 99-99-99', /^(\\+?375)([0-9()\\-\\s]{8,20})$/],\n  ['Узбекистан', '998', '+999 (99) 999-99-99', /^(\\+?998)([0-9()\\-\\s]{8,20})$/],\n  ['Молдова', '373', '+999 (99) 99-99-99', /^(\\+?373)([0-9()\\-\\s]{8,20})$/],\n  ['Азербайджан', '994', '+999 (99) 999-99-99', /^(\\+?994)([0-9()\\-\\s]{8,20})$/],\n  ['Киргизия', '996', '+999 (999) 99-99-99', /^(\\+?996)([0-9()\\-\\s]{8,20})$/],\n  ['Болгария', '359', '+999 (999) 99-99-99', /^(\\+?359)([0-9()\\-\\s]{8,20})$/],\n  ['Германия', '49', '+99 (999) 99999999', /^(\\+?49)([0-9()\\-\\s]{8,20})$/],\n  ['США', '1', '+9 (999) 999-99-99', /^(\\+?1)([0-9()\\-\\s]{8,20})$/],\n  ['Армения', '374', '+999 (99) 99-99-99', /^(\\+?374)([0-9()\\-\\s]{8,20})$/],\n  ['Израиль', '972', '+999 (99) 999-99-99', /^(\\+?972)([0-9()\\-\\s]{8,20})$/],\n  ['Испания', '34', '+99 (999) 99-99-99', /^(\\+?34)([0-9()\\-\\s]{8,20})$/],\n  ['Латвия', '371', '+999 (99) 999-999', /^(\\+?371)([0-9()\\-\\s]{8,20})$/],\n  ['Бахрейн', '973', '+999 (99) 999-999', /^(\\+?973)([0-9()\\-\\s]{8,20})$/],\n  ['Турция', '90', '+99 (999) 999-9999', /^(\\+?90)([0-9()\\-\\s]{8,20})$/],\n  ['Литва', '370', '+999 (999) 99999', /^(\\+?370)([0-9()\\-\\s]{8,20})$/],\n  ['Великобритания', '44', '+99 (99) 9999-9999', /^(\\+?44)([0-9()\\-\\s]{8,20})$/],\n  ['Индия', '91', '+99 (99) 99-999999', /^(\\+?91)([0-9()\\-\\s]{8,20})$/],\n  ['Черногория', '382', '+999 (99) 999-999', /^(\\+?382)([0-9()\\-\\s]{8,20})$/],\n  ['Мексика', '52', '+99 (999) 999-99-99', /^(\\+?52)([0-9()\\-\\s]{8,20})$/],\n  ['Польша', '48', '+99 999999999', /^(\\+?48)([0-9()\\-\\s]{8,20})$/],\n  ['Италия', '39', '+99 (999) 999-99-99', /^(\\+?39)([0-9()\\-\\s]{8,20})$/],\n  ['Таиланд', '66', '+99 999-999-999', /^(\\+?66)([0-9()\\-\\s]{8,20})$/],\n  ['Грузия', '995', '+999 (999) 999-999', /^(\\+?995)([0-9()\\-\\s]{8,20})$/],\n  ['Шри-Ланка', '94', '+99 (99) 9999999', /^(\\+?94)([0-9()\\-\\s]{8,20})$/],\n  ['Китай', '86', '+99 (999) 9999-9999', /^(\\+?86)([0-9()\\-\\s]{8,20})$/],\n  ['Кипр', '357', '+999 (99) 999999', /^(\\+?357)([0-9()\\-\\s]{8,20})$/],\n  ['ОАЭ', '971', '+999 99-999-9999', /^(\\+?971)([0-9()\\-\\s]{8,20})$/],\n  ['Франция', '33', '+33(999)999-999', /^(\\+?33)([0-9()\\-\\s]{8,20})$/],\n  ['Германия', '49', '+99(9999)999-9999', /^(\\+?49)([0-9()\\-\\s]{8,20})$/],\n  ['Япония', '81', '+99 99-9999-9999', /^(\\+?81)([0-9()\\-\\s]{8,20})$/],\n  ['Австрия', '43', '+99(999)999-99999', /^(\\+?43)([0-9()\\-\\s]{8,20})$/],\n  ['Южная Корея', '82', '+99(999)999-9999', /^(\\+?82)([0-9()\\-\\s]{8,20})$/],\n]\n\nexport const REGEXPS = {\n  FILLED: /^\\+\\d.*$/,\n  FROM_8: /^\\+?8(.*)$/,\n  FROM_9: /^\\+?9(.*)$/,\n  NOT_NUMBERS: /\\D/gim,\n}\n"],"names":["FILLED","FROM_8","FROM_9","NOT_NUMBERS"],"mappings":"kCAMgE,CAC9D,CAAC,SAAU,IAAK,qBAAsB,iCACtC,CAAC,SAAU,IAAK,qBAAsB,iCACtC,CAAC,UAAW,MAAO,sBAAuB,iCAC1C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,aAAc,MAAO,sBAAuB,iCAC7C,CAAC,UAAW,MAAO,qBAAsB,iCACzC,CAAC,cAAe,MAAO,sBAAuB,iCAC9C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,WAAY,KAAM,qBAAsB,gCACzC,CAAC,MAAO,IAAK,qBAAsB,+BACnC,CAAC,UAAW,MAAO,qBAAsB,iCACzC,CAAC,UAAW,MAAO,sBAAuB,iCAC1C,CAAC,UAAW,KAAM,qBAAsB,gCACxC,CAAC,SAAU,MAAO,oBAAqB,iCACvC,CAAC,UAAW,MAAO,oBAAqB,iCACxC,CAAC,SAAU,KAAM,qBAAsB,gCACvC,CAAC,QAAS,MAAO,mBAAoB,iCACrC,CAAC,iBAAkB,KAAM,qBAAsB,gCAC/C,CAAC,QAAS,KAAM,qBAAsB,gCACtC,CAAC,aAAc,MAAO,oBAAqB,iCAC3C,CAAC,UAAW,KAAM,sBAAuB,gCACzC,CAAC,SAAU,KAAM,gBAAiB,gCAClC,CAAC,SAAU,KAAM,sBAAuB,gCACxC,CAAC,UAAW,KAAM,kBAAmB,gCACrC,CAAC,SAAU,MAAO,qBAAsB,iCACxC,CAAC,YAAa,KAAM,mBAAoB,gCACxC,CAAC,QAAS,KAAM,sBAAuB,gCACvC,CAAC,OAAQ,MAAO,mBAAoB,iCACpC,CAAC,MAAO,MAAO,mBAAoB,iCACnC,CAAC,UAAW,KAAM,kBAAmB,gCACrC,CAAC,WAAY,KAAM,oBAAqB,gCACxC,CAAC,SAAU,KAAM,mBAAoB,gCACrC,CAAC,UAAW,KAAM,oBAAqB,gCACvC,CAAC,cAAe,KAAM,mBAAoB,sDAvChB,6CAFA,uCA4CL,CACrBA,OAAQ,WACRC,OAAQ,aACRC,OAAQ,aACRC,YAAa,0DA5CyC"}

package/components/Input.Phone/constants.mjs

@@ -1 +1,2 @@
 const INITIAL_MASK='99999999999999999999';const DEFAULT_MASK="+99999999999999999999";const RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH=10;const COUNTRY_DATA=[['Россия','7','+9 (999) 999-99-99',/^(\+?7|8)([0-9()\-\s]{8,20})$/],['Россия','8','+9 (999) 999-99-99',/^(\+?7|8)([0-9()\-\s]{8,20})$/],['Украина','380','+999 (99) 999-99-99',/^(\+?380)([0-9()\-\s]{8,20})$/],['Беларусь','375','+999 (999) 99-99-99',/^(\+?375)([0-9()\-\s]{8,20})$/],['Узбекистан','998','+999 (99) 999-99-99',/^(\+?998)([0-9()\-\s]{8,20})$/],['Молдова','373','+999 (99) 99-99-99',/^(\+?373)([0-9()\-\s]{8,20})$/],['Азербайджан','994','+999 (99) 999-99-99',/^(\+?994)([0-9()\-\s]{8,20})$/],['Киргизия','996','+999 (999) 99-99-99',/^(\+?996)([0-9()\-\s]{8,20})$/],['Болгария','359','+999 (999) 99-99-99',/^(\+?359)([0-9()\-\s]{8,20})$/],['Германия','49','+99 (999) 99999999',/^(\+?49)([0-9()\-\s]{8,20})$/],['США','1','+9 (999) 999-99-99',/^(\+?1)([0-9()\-\s]{8,20})$/],['Армения','374','+999 (99) 99-99-99',/^(\+?374)([0-9()\-\s]{8,20})$/],['Израиль','972','+999 (99) 999-99-99',/^(\+?972)([0-9()\-\s]{8,20})$/],['Испания','34','+99 (999) 99-99-99',/^(\+?34)([0-9()\-\s]{8,20})$/],['Латвия','371','+999 (99) 999-999',/^(\+?371)([0-9()\-\s]{8,20})$/],['Бахрейн','973','+999 (99) 999-999',/^(\+?973)([0-9()\-\s]{8,20})$/],['Турция','90','+99 (999) 999-9999',/^(\+?90)([0-9()\-\s]{8,20})$/],['Литва','370','+999 (999) 99999',/^(\+?370)([0-9()\-\s]{8,20})$/],['Великобритания','44','+99 (99) 9999-9999',/^(\+?44)([0-9()\-\s]{8,20})$/],['Индия','91','+99 (99) 99-999999',/^(\+?91)([0-9()\-\s]{8,20})$/],['Черногория','382','+999 (99) 999-999',/^(\+?382)([0-9()\-\s]{8,20})$/],['Мексика','52','+99 (999) 999-99-99',/^(\+?52)([0-9()\-\s]{8,20})$/],['Польша','48','+99 999999999',/^(\+?48)([0-9()\-\s]{8,20})$/],['Италия','39','+99 (999) 999-99-99',/^(\+?39)([0-9()\-\s]{8,20})$/],['Таиланд','66','+99 999-999-999',/^(\+?66)([0-9()\-\s]{8,20})$/],['Грузия','995','+999 (999) 999-999',/^(\+?995)([0-9()\-\s]{8,20})$/],['Шри-Ланка','94','+99 (99) 9999999',/^(\+?94)([0-9()\-\s]{8,20})$/],['Китай','86','+99 (999) 9999-9999',/^(\+?86)([0-9()\-\s]{8,20})$/],['Кипр','357','+999 (99) 999999',/^(\+?357)([0-9()\-\s]{8,20})$/],['ОАЭ','971','+999 99-999-9999',/^(\+?971)([0-9()\-\s]{8,20})$/],['Франция','33','+33(999)999-999',/^(\+?33)([0-9()\-\s]{8,20})$/],['Германия','49','+99(9999)999-9999',/^(\+?49)([0-9()\-\s]{8,20})$/],['Япония','81','+99 99-9999-9999',/^(\+?81)([0-9()\-\s]{8,20})$/],['Австрия','43','+99(999)999-99999',/^(\+?43)([0-9()\-\s]{8,20})$/],['Южная Корея','82','+99(999)999-9999',/^(\+?82)([0-9()\-\s]{8,20})$/]];const REGEXPS={FILLED:/^\+\d.*$/,FROM_8:/^\+?8(.*)$/,FROM_9:/^\+?9(.*)$/,NOT_NUMBERS:/\D/gim};export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK,REGEXPS,RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH};
+//# sourceMappingURL=constants.mjs.map

package/components/Input.Phone/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Input.Phone/constants.ts"],"sourcesContent":["export const INITIAL_MASK = '99999999999999999999'\n\nexport const DEFAULT_MASK = `+${INITIAL_MASK}`\n\nexport const RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH = 10\n\nexport const COUNTRY_DATA: [string, string, string, RegExp][] = [\n  ['Россия', '7', '+9 (999) 999-99-99', /^(\\+?7|8)([0-9()\\-\\s]{8,20})$/],\n  ['Россия', '8', '+9 (999) 999-99-99', /^(\\+?7|8)([0-9()\\-\\s]{8,20})$/],\n  ['Украина', '380', '+999 (99) 999-99-99', /^(\\+?380)([0-9()\\-\\s]{8,20})$/],\n  ['Беларусь', '375', '+999 (999) 99-99-99', /^(\\+?375)([0-9()\\-\\s]{8,20})$/],\n  ['Узбекистан', '998', '+999 (99) 999-99-99', /^(\\+?998)([0-9()\\-\\s]{8,20})$/],\n  ['Молдова', '373', '+999 (99) 99-99-99', /^(\\+?373)([0-9()\\-\\s]{8,20})$/],\n  ['Азербайджан', '994', '+999 (99) 999-99-99', /^(\\+?994)([0-9()\\-\\s]{8,20})$/],\n  ['Киргизия', '996', '+999 (999) 99-99-99', /^(\\+?996)([0-9()\\-\\s]{8,20})$/],\n  ['Болгария', '359', '+999 (999) 99-99-99', /^(\\+?359)([0-9()\\-\\s]{8,20})$/],\n  ['Германия', '49', '+99 (999) 99999999', /^(\\+?49)([0-9()\\-\\s]{8,20})$/],\n  ['США', '1', '+9 (999) 999-99-99', /^(\\+?1)([0-9()\\-\\s]{8,20})$/],\n  ['Армения', '374', '+999 (99) 99-99-99', /^(\\+?374)([0-9()\\-\\s]{8,20})$/],\n  ['Израиль', '972', '+999 (99) 999-99-99', /^(\\+?972)([0-9()\\-\\s]{8,20})$/],\n  ['Испания', '34', '+99 (999) 99-99-99', /^(\\+?34)([0-9()\\-\\s]{8,20})$/],\n  ['Латвия', '371', '+999 (99) 999-999', /^(\\+?371)([0-9()\\-\\s]{8,20})$/],\n  ['Бахрейн', '973', '+999 (99) 999-999', /^(\\+?973)([0-9()\\-\\s]{8,20})$/],\n  ['Турция', '90', '+99 (999) 999-9999', /^(\\+?90)([0-9()\\-\\s]{8,20})$/],\n  ['Литва', '370', '+999 (999) 99999', /^(\\+?370)([0-9()\\-\\s]{8,20})$/],\n  ['Великобритания', '44', '+99 (99) 9999-9999', /^(\\+?44)([0-9()\\-\\s]{8,20})$/],\n  ['Индия', '91', '+99 (99) 99-999999', /^(\\+?91)([0-9()\\-\\s]{8,20})$/],\n  ['Черногория', '382', '+999 (99) 999-999', /^(\\+?382)([0-9()\\-\\s]{8,20})$/],\n  ['Мексика', '52', '+99 (999) 999-99-99', /^(\\+?52)([0-9()\\-\\s]{8,20})$/],\n  ['Польша', '48', '+99 999999999', /^(\\+?48)([0-9()\\-\\s]{8,20})$/],\n  ['Италия', '39', '+99 (999) 999-99-99', /^(\\+?39)([0-9()\\-\\s]{8,20})$/],\n  ['Таиланд', '66', '+99 999-999-999', /^(\\+?66)([0-9()\\-\\s]{8,20})$/],\n  ['Грузия', '995', '+999 (999) 999-999', /^(\\+?995)([0-9()\\-\\s]{8,20})$/],\n  ['Шри-Ланка', '94', '+99 (99) 9999999', /^(\\+?94)([0-9()\\-\\s]{8,20})$/],\n  ['Китай', '86', '+99 (999) 9999-9999', /^(\\+?86)([0-9()\\-\\s]{8,20})$/],\n  ['Кипр', '357', '+999 (99) 999999', /^(\\+?357)([0-9()\\-\\s]{8,20})$/],\n  ['ОАЭ', '971', '+999 99-999-9999', /^(\\+?971)([0-9()\\-\\s]{8,20})$/],\n  ['Франция', '33', '+33(999)999-999', /^(\\+?33)([0-9()\\-\\s]{8,20})$/],\n  ['Германия', '49', '+99(9999)999-9999', /^(\\+?49)([0-9()\\-\\s]{8,20})$/],\n  ['Япония', '81', '+99 99-9999-9999', /^(\\+?81)([0-9()\\-\\s]{8,20})$/],\n  ['Австрия', '43', '+99(999)999-99999', /^(\\+?43)([0-9()\\-\\s]{8,20})$/],\n  ['Южная Корея', '82', '+99(999)999-9999', /^(\\+?82)([0-9()\\-\\s]{8,20})$/],\n]\n\nexport const REGEXPS = {\n  FILLED: /^\\+\\d.*$/,\n  FROM_8: /^\\+?8(.*)$/,\n  FROM_9: /^\\+?9(.*)$/,\n  NOT_NUMBERS: /\\D/gim,\n}\n"],"names":["INITIAL_MASK","DEFAULT_MASK","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","COUNTRY_DATA","REGEXPS","FILLED","FROM_8","FROM_9","NOT_NUMBERS"],"mappings":"AAAO,MAAMA,aAAe,uBAEfC,MAAAA,aAAe,wBAErB,MAAMC,yCAA2C,SAE3CC,aAAmD,CAC9D,CAAC,SAAU,IAAK,qBAAsB,iCACtC,CAAC,SAAU,IAAK,qBAAsB,iCACtC,CAAC,UAAW,MAAO,sBAAuB,iCAC1C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,aAAc,MAAO,sBAAuB,iCAC7C,CAAC,UAAW,MAAO,qBAAsB,iCACzC,CAAC,cAAe,MAAO,sBAAuB,iCAC9C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,WAAY,KAAM,qBAAsB,gCACzC,CAAC,MAAO,IAAK,qBAAsB,+BACnC,CAAC,UAAW,MAAO,qBAAsB,iCACzC,CAAC,UAAW,MAAO,sBAAuB,iCAC1C,CAAC,UAAW,KAAM,qBAAsB,gCACxC,CAAC,SAAU,MAAO,oBAAqB,iCACvC,CAAC,UAAW,MAAO,oBAAqB,iCACxC,CAAC,SAAU,KAAM,qBAAsB,gCACvC,CAAC,QAAS,MAAO,mBAAoB,iCACrC,CAAC,iBAAkB,KAAM,qBAAsB,gCAC/C,CAAC,QAAS,KAAM,qBAAsB,gCACtC,CAAC,aAAc,MAAO,oBAAqB,iCAC3C,CAAC,UAAW,KAAM,sBAAuB,gCACzC,CAAC,SAAU,KAAM,gBAAiB,gCAClC,CAAC,SAAU,KAAM,sBAAuB,gCACxC,CAAC,UAAW,KAAM,kBAAmB,gCACrC,CAAC,SAAU,MAAO,qBAAsB,iCACxC,CAAC,YAAa,KAAM,mBAAoB,gCACxC,CAAC,QAAS,KAAM,sBAAuB,gCACvC,CAAC,OAAQ,MAAO,mBAAoB,iCACpC,CAAC,MAAO,MAAO,mBAAoB,iCACnC,CAAC,UAAW,KAAM,kBAAmB,gCACrC,CAAC,WAAY,KAAM,oBAAqB,gCACxC,CAAC,SAAU,KAAM,mBAAoB,gCACrC,CAAC,UAAW,KAAM,oBAAqB,gCACvC,CAAC,cAAe,KAAM,mBAAoB,iCAGrC,MAAMC,QAAU,CACrBC,OAAQ,WACRC,OAAQ,aACRC,OAAQ,aACRC,YAAa"}

package/components/InputCheckbox/InputCheckbox.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');const InputCheckbox=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",sizeXXS:s,sizeXS:r,sizeS:i,sizeM:t,sizeL:n,sizeXL:a,sizes:o,sizeUnits:c,inline:l,error:u,success:d,onColored:p,palette:z,style:h,indeterminate:x,className:y,disabled:I,...q},$)=>require$$0.jsxs(style.Root,{size:e,sizeXXS:s,sizeXS:r,sizeS:i,sizeM:t,sizeL:n,sizeXL:a,sizes:o,sizeUnits:c,inline:l,error:u,success:d,onColored:p,palette:z,style:h,indeterminate:x,className:y,disabled:I,children:[require$$0.jsx(style.Input,{...q,disabled:I,type:"checkbox",ref:$}),require$$0.jsx(style.InputMask,{children:require$$0.jsx(x===!0?style.InputIndeterminate:style.InputChecked,{})})]}))),{displayName:"InputCheckbox",sizes:constants.SIZES});exports.COMPONENT_NAME="InputCheckbox",exports.InputCheckbox=InputCheckbox;
+//# sourceMappingURL=InputCheckbox.js.map

package/components/InputCheckbox/InputCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCheckbox.js","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputCheckboxProps } from './types'\n\nconst COMPONENT_NAME = 'InputCheckbox'\n\n/**\n *\n * Component accepts all \\<input\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputCheckboxProps](https://github.com/foxford/ui/blob/master/src/components/InputCheckbox/types.ts)\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          inline={inline}\n          error={error}\n          success={success}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n          <Styled.InputMask>\n            {indeterminate === true ? <Styled.InputIndeterminate /> : <Styled.InputChecked />}\n          </Styled.InputMask>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputCheckbox, COMPONENT_NAME }\n"],"names":["InputCheckbox","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","style","indeterminate","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","jsx","type","InputChecked","displayName","SIZES"],"mappings":"yNAoBA,MAAMA,cAAqEC,gBAAAA,gBAIzEC,MAAAA,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,QACAC,UACAC,YACAC,gBACAC,EACAC,gBACAC,YACAC,cACGC,GAELC,IAGEC,WAAAA,KAACC,MAAAA,KAAW,CACVrB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,WAAAC,IAACH,YAAY,IAAKH,EAAYD,SAAUA,EAAUQ,KAAK,WAAWN,IAAKA,IACvEI,WAAAC,IAACH,gBAAgB,CAAAC,SACWC,eAAzBR,KAAkB,EAAQM,MAAAA,mBAAgCA,MAAmBK,aAA1B,CAAA,UAM9D,CACEC,YAzEmB,gBA0EnBpB,MAAOqB,UAAAA,+BA1EY"}