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

package/components/Indicator/style.js.map

@@ -1 +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 { responsiveMargin } from 'mixins/responsive-margin'\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  ${responsiveMargin}\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","responsiveMargin"],"mappings":"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"}
+{"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 { responsiveMargin } from 'mixins/responsive-margin'\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  ${responsiveMargin}\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","responsiveMargin"],"mappings":"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"}

package/components/Indicator/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css,keyframes}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const 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,responsiveMargin);export{Foreground,Root};
+import styled,{css,keyframes}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const 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,responsiveMargin);export{Foreground,Root};
 //# sourceMappingURL=style.mjs.map

package/components/Indicator/style.mjs.map

@@ -1 +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 { responsiveMargin } from 'mixins/responsive-margin'\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  ${responsiveMargin}\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","responsiveMargin"],"mappings":"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"}
+{"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 { responsiveMargin } from 'mixins/responsive-margin'\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  ${responsiveMargin}\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","responsiveMargin"],"mappings":"qPAMA,MAAMA,2BAA6BC,wBAAyBC,IAClD,CAAC,SAAU,QAAS,OAAQ,YAAa,QAAS,sBAAuB,SAASC,SAASD,IAGrG,MAAME,eAAiBC,UAAS,CAAA,oFAanBC,WAAaC,OAAOC,KAAIC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,oBAAXJ,CAAW,CAAA,oLAarC,MAAMK,SAAYC,GAA8B,cACrCA,EAAQC,+BACGD,EAAQE,6BAEtBT,2CACoBO,EAAQG,sBAIpC,MAAMC,aAAe,CACnBC,UAAW,CACTC,QAASC,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,yBAC1BR,gBAAiBM,EAAMC,MAAMC,OAAO,sBACpCP,YAAaK,EAAMC,MAAMC,OAAO,yBAC7BF,EAAMR,WAGfW,UAAWJ,IAAG,CAAA,GAAA,IACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,gBAAiBM,EAAMC,MAAMC,OAAO,0BACpCP,YAAaK,EAAMC,MAAMC,OAAO,yBAC7BF,EAAMR,WAGfY,MAAOL,IAAG,CAAA,GAAA,IACLC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,gBAAiBM,EAAMC,MAAMC,OAAO,sBACpCP,YAAaK,EAAMC,MAAMC,OAAO,yBAC7BF,EAAMR,WAGfa,KAAMN,IAAG,CAAA,GAAA,IACJC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,gBAAiBM,EAAMC,MAAMC,OAAO,wBACpCP,YAAaK,EAAMC,MAAMC,OAAO,yBAC7BF,EAAMR,YAIjBc,QAAS,CACPR,QAASC,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,gBAAiBM,EAAMC,MAAMC,OAAO,wBACpCP,YAAaK,EAAMC,MAAMC,OAAO,wBAC7BF,EAAMR,WAGfW,UAAWJ,IAAG,CAAA,GAAA,IACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,gBAAiBM,EAAMC,MAAMC,OAAO,0BACpCP,YAAaK,EAAMC,MAAMC,OAAO,wBAC7BF,EAAMR,WAGfY,MAAOL,IAAG,CAAA,GAAA,IACLC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,gBAAiBM,EAAMC,MAAMC,OAAO,sBACpCP,YAAaK,EAAMC,MAAMC,OAAO,wBAC7BF,EAAMR,WAGfa,KAAMN,IAAG,CAAA,GAAA,IACJC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,0BAC1BR,gBAAiBM,EAAMC,MAAMC,OAAO,qBACpCP,YAAaK,EAAMC,MAAMC,OAAO,wBAC7BF,EAAMR,aAMZ,MAAMe,KAAOrB,OAAOC,KACxBC,WAAiC,CAChCoB,kBAAmB7B,6BAEpB8B,MACET,IAAK,CACJU,uBAAwBA,CAACC,EAAMC,KAAS,CACtCC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,MAAOd,EAAMe,OAAS,cAAgB,MACtCC,SAAUhB,EAAMe,OAAS,aAAUE,EACnCC,OAAQlB,EAAMe,OAAS,QAAU,MACjCI,aAAcnB,EAAMe,OAAS,QAAU,WAG5C3B,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAdiBJ,CAcjB,CAAA,+GAAA,IAAA,IAAA,IAAA,IAAA,IAQEc,IACD,MAAMoB,EAASpB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaU,QAEvE,OAAIN,EAAMK,KAAae,EAAOf,KAC1BL,EAAMI,MAAcgB,EAAOhB,MAC3BJ,EAAMG,UAAkBiB,EAAOjB,UAE5BiB,EAAOtB,SAGbE,IACAA,EAAMqB,OACP,eACQpC,yDAKPe,GACDA,EAAMsB,OACNvB,IAAG,CAAA,+JAAA,wDAAA,sCAYmBhB,sBAEkBiB,EAAMuB,qBAAwB,SAC9DvB,EAAMuB,oBACN,YAQRC,eACAC"}

package/components/Input/Input.js

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

package/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef, useLayoutEffect, useMemo } from 'react'\nimport { useTheme } from 'styled-components'\nimport { nanoid } from 'nanoid'\nimport { Minus, Plus } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { FormInput } from 'components/FormInput'\nimport { InputPhone } from 'components/Input.Phone'\nimport { IconButton } from 'components/IconButton'\nimport type { IconProps } from 'components/Icon'\nimport { Icon } from 'components/Icon'\nimport { SIZES_ICON, SIZES_CONTROL } from './sizes'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Компонент для приема однострочного ввода.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef<HTMLInputElement, MergedProps<InputProps>>((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        rounded = true,\n        primary = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        iconProps = {},\n        controls = {},\n        addonButtonProps = {},\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        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        secondary,\n        contrast,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const baseIconProps: IconProps = {\n        color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n        sizes: SIZES_ICON,\n        ...sizeProps,\n        ...iconProps,\n      }\n\n      const { icon: additionalControlIcon, buttonProps: additionalControlButtonProps = {} } = controls.additional ?? {}\n\n      const [iconBefore, iconAfter = !additionalControlButtonProps.onClick ? additionalControlIcon : undefined] =\n        Array.isArray(icon) ? icon : [icon]\n\n      const addonControlIcon = addonButtonProps.icon ?? additionalControlIcon\n      const showAdditionalControl =\n        (addonButtonProps.onClick || additionalControlButtonProps.onClick) && addonControlIcon\n\n      const inputAlwaysActive = Boolean(inputProps.mask && inputProps.alwaysShowMask)\n\n      const controlPalette = {\n        color: palette.controlsColor,\n        colorHover: palette.controlsColorHover,\n        colorActive: palette.controlsColorActive,\n        colorDisabled: palette.controlsColorDisabled,\n        backgroundColor: palette.controlsBackgroundColor,\n        backgroundColorHover: palette.controlsBackgroundColorHover,\n        backgroundColorActive: palette.controlsBackgroundColorActive,\n        backgroundColorDisabled: palette.controlsBackgroundColorDisabled,\n      }\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const addonRef = useRef<HTMLButtonElement | null>(null)\n      const minusRef = useRef<HTMLButtonElement | null>(null)\n      const plusRef = useRef<HTMLButtonElement | null>(null)\n\n      const inputLabelId = useMemo(() => nanoid(), [])\n\n      const [inputActive, setInputActive] = useState(() => {\n        if (inputAlwaysActive) return true\n\n        const initValue = inputProps.value ?? inputProps.defaultValue\n\n        return (typeof initValue === 'string' && initValue.length > 0) || typeof initValue === 'number'\n      })\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      useLayoutEffect(() => {\n        if (inputAlwaysActive) {\n          setInputActive(true)\n        } else if (\n          inputProps.value !== undefined &&\n          inputProps.value !== null &&\n          ref.current &&\n          ref.current !== document.activeElement\n        ) {\n          setInputActive(\n            (typeof inputProps.value === 'string' && inputProps.value.length > 0) ||\n              typeof inputProps.value === 'number'\n          )\n        }\n      }, [inputAlwaysActive, inputProps.value])\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            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          {...sizeProps}\n          className={className}\n          style={style}\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          error={error}\n          success={success}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          contrast={contrast}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          palette={{\n            color: disabled ? palette.colorDisabled : palette.color,\n            backgroundColor: disabled ? palette.backgroundColorDisabled : palette.backgroundColor,\n            backgroundColorHover: disabled ? palette.backgroundColorDisabled : palette.backgroundColorHover,\n            borderColor: disabled ? palette.borderColorDisabled : palette.borderColor,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setInputActive(true)\n            }\n          }}\n          onPointerDown={(evt) => {\n            if (\n              evt.target === ref.current ||\n              !(evt.target instanceof Node) ||\n              addonRef.current?.contains(evt.target) ||\n              minusRef.current?.contains(evt.target) ||\n              plusRef.current?.contains(evt.target)\n            ) {\n              return\n            }\n            evt.preventDefault()\n          }}\n          onBlur={(evt) => {\n            if (!inputAlwaysActive && ref.current && !evt.currentTarget.contains(evt.relatedTarget)) {\n              setInputActive(Boolean(ref.current.value))\n            }\n          }}\n          input={\n            <FormInput\n              {...sizeProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              disabled={disabled}\n              active={inputActive}\n              label={label}\n              labelId={inputLabelId}\n              labelPosition={labelPosition}\n              palette={{\n                color: palette.inputColor,\n                placeholderColor: palette.inputPlaceholderColor,\n                colorDisabled: palette.inputColorDisabled,\n                placeholderColorDisabled: palette.inputPlaceholderColorDisabled,\n              }}\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            />\n          }\n          addonLeft={\n            iconBefore ? (\n              <Icon\n                preset='brand'\n                name={typeof iconBefore === 'string' ? iconBefore : undefined}\n                icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n                {...baseIconProps}\n              />\n            ) : null\n          }\n          addonRight={\n            showAdditionalControl || iconAfter ? (\n              <>\n                {showAdditionalControl ? (\n                  <IconButton\n                    ref={addonRef}\n                    sizes={SIZES_CONTROL}\n                    palette={controlPalette}\n                    {...sizeProps}\n                    {...additionalControlButtonProps}\n                    {...addonButtonProps}\n                    icon={addonControlIcon}\n                    disabled={disabled || addonButtonProps.disabled || additionalControlButtonProps.disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (inputProps.readOnly) return\n\n                      if (addonButtonProps.onClick) addonButtonProps.onClick(evt)\n                      if (additionalControlButtonProps.onClick) additionalControlButtonProps.onClick(evt)\n                    }}\n                  />\n                ) : null}\n                {iconAfter ? (\n                  <Icon\n                    preset='brand'\n                    name={typeof iconAfter === 'string' ? iconAfter : undefined}\n                    icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n                    {...baseIconProps}\n                  />\n                ) : null}\n              </>\n            ) : null\n          }\n          controls={\n            type === 'number' ? (\n              <>\n                <IconButton\n                  {...sizeProps}\n                  ref={minusRef}\n                  icon={<Minus />}\n                  sizes={SIZES_CONTROL}\n                  palette={controlPalette}\n                  disabled={disabled || minusDisabled}\n                  onClick={(evt) => {\n                    evt.stopPropagation()\n                    if (inputProps.readOnly) return\n\n                    try {\n                      if (ref.current) {\n                        setInputActive(true)\n\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                      console.error(err)\n                    }\n                  }}\n                />\n                <Styled.IconButtonSeparated\n                  {...sizeProps}\n                  ref={plusRef}\n                  icon={<Plus />}\n                  sizes={SIZES_CONTROL}\n                  palette={controlPalette}\n                  disabled={disabled || plusDisabled}\n                  onClick={(evt) => {\n                    evt.stopPropagation()\n                    if (inputProps.readOnly) return\n\n                    try {\n                      if (ref.current) {\n                        setInputActive(true)\n\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                      console.error(err)\n                    }\n                  }}\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","rounded","primary","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","iconProps","controls","addonButtonProps","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","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","secondary","contrast","onColored","fluid","disabled","inline","inputRef","inputProps","sizeProps","baseIconProps","SIZES_ICON","additionalControlIcon","buttonProps","additionalControlButtonProps","additional","iconBefore","iconAfter","onClick","undefined","Array","isArray","addonControlIcon","showAdditionalControl","inputAlwaysActive","Boolean","mask","alwaysShowMask","controlPalette","controlsColor","colorHover","controlsColorHover","colorActive","controlsColorActive","colorDisabled","controlsColorDisabled","backgroundColor","controlsBackgroundColor","backgroundColorHover","controlsBackgroundColorHover","backgroundColorActive","controlsBackgroundColorActive","backgroundColorDisabled","controlsBackgroundColorDisabled","ref","useRef","useImperativeHandle","current","addonRef","minusRef","plusRef","inputLabelId","useMemo","nanoid","inputActive","setInputActive","useState","initValue","value","defaultValue","length","minusDisabled","setMinusDisabled","min","Infinity","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","useLayoutEffect","document","activeElement","_jsx","Styled","input","FormInputLabel","borderColor","borderColorDisabled","focus","onFocus","evt","target","currentTarget","onPointerDown","Node","contains","preventDefault","onBlur","relatedTarget","FormInput","active","labelId","inputColor","inputPlaceholderColor","inputColorDisabled","placeholderColorDisabled","inputPlaceholderColorDisabled","onChange","currentValue","minValueReached","maxValueReached","addonLeft","Icon","name","addonRight","_jsxs","_Fragment","children","IconButton","SIZES_CONTROL","stopPropagation","readOnly","Minus","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","Plus","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"6sBAwBA,MAAMA,MAAoFC,OAAOC,OAC/FC,gBAAAA,gBACEC,MAAAA,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,KACJA,EAAO,IAAGC,QACVA,GAAU,EAAIC,QACdA,GAAU,EAAIC,MACdA,EAAQ,YAAWC,iBACnBA,EAAmB,SAAQC,MAC3BA,EAAQP,EAAMQ,0BAAyBC,KACvCA,EAAO,OAAMC,cACbA,EAAgB,UAASC,UACzBA,EAAY,CAAA,EAAEC,SACdA,EAAW,CAAA,EAAEC,iBACbA,EAAmB,CAAA,EAAEC,OACrBA,EAAMC,UACNA,QACAC,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,UACRA,EAASC,aACTA,EAAYC,YACZA,EAAWC,WACXA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,YACXA,EAAWC,eACXA,EAAcC,cACdA,EAAaC,aACbA,EAAYC,aACZA,EAAYC,aACZA,EAAYC,cACZA,EAAaC,aACbA,EAAYC,gBACZA,EAAeC,eACfA,EAAcC,cACdA,EAAaC,cACbA,EAAaC,cACbA,EAAaC,eACbA,EAAcC,WACdA,EAAUC,cACVA,GAAaC,aACbA,GAAYC,YACZA,GAAWC,YACXA,GAAWC,YACXA,GAAWC,aACXA,GAAYC,QACZA,GAAOC,SACPA,GAAQC,QACRA,GAAOC,OACPA,GAAMC,OACNA,GAAMC,OACNA,GAAMC,QACNA,GAAOC,MACPA,GAAKC,QACLA,GAAOC,MACPA,GAAKC,KACLA,GAAIC,KACJA,GAAIC,UACJA,GAASC,SACTA,GAAQC,UACRA,GAASC,MACTA,GAAKC,SACLA,GAAQC,OACRA,GAAMC,SACNA,MACGC,IACDjF,EAEJ,MAAMkF,GAAY,CAChB9E,OACAe,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAM2D,GAA2B,CAC/B5E,MAAOuE,GAAW,mBAAqB,0BACvCpD,MAAO0D,QAAAA,cACJF,MACArE,GAGL,MAAQ2D,KAAMa,GAAuBC,YAAaC,GAA+B,CAAA,GAAOzE,EAAS0E,YAAc,CAAA,EAE/G,MAAOC,GAAYC,IAAaH,GAA6BI,aAAkCC,EAAxBP,KACrEQ,MAAMC,QAAQtB,IAAQA,GAAO,CAACA,IAEhC,MAAMuB,GAAmBhF,EAAiByD,MAAQa,GAClD,MAAMW,IACHjF,EAAiB4E,SAAWJ,GAA6BI,UAAYI,GAExE,MAAME,GAAoBC,QAAQjB,GAAWkB,MAAQlB,GAAWmB,gBAEhE,MAAMC,GAAiB,CACrB9F,MAAOuD,GAAQwC,cACfC,WAAYzC,GAAQ0C,mBACpBC,YAAa3C,GAAQ4C,oBACrBC,cAAe7C,GAAQ8C,sBACvBC,gBAAiB/C,GAAQgD,wBACzBC,qBAAsBjD,GAAQkD,6BAC9BC,sBAAuBnD,GAAQoD,8BAC/BC,wBAAyBrD,GAAQsD,iCAGnC,MAAMC,GAAMC,MAAAA,OAAgC,MAC5CC,MAAAA,oBAAsEtH,GAAc,IAAMoH,GAAIG,SAAS,IAEvG,MAAMC,GAAWH,MAAAA,OAAiC,MAClD,MAAMI,GAAWJ,MAAAA,OAAiC,MAClD,MAAMK,GAAUL,MAAAA,OAAiC,MAEjD,MAAMM,GAAeC,MAAAA,SAAQ,IAAMC,OAAAA,UAAU,IAE7C,MAAOC,GAAaC,IAAkBC,MAAAA,UAAS,KAC7C,GAAIhC,GAAmB,OAAO,EAE9B,MAAMiC,EAAYjD,GAAWkD,OAASlD,GAAWmD,aAEjD,cAAeF,GAAc,UAAYA,EAAUG,OAAS,UAAaH,GAAc,QAAQ,IAGjG,MAAOI,GAAeC,IAAoBN,MAAAA,UAAS,KACjD,GAAItH,IAAS,UAAYsE,GAAWuD,WAAQ5C,EAAW,OAAO,EAE9D,MAAMuC,MAAEA,EAAQM,IAAQL,aAAEA,EAAeK,KAAaxD,GAEtD,MAAMiD,SAAmBC,GAAU,SAAWA,EAAQO,WAAWP,GACjE,MAAMQ,SAA0BP,GAAiB,SAAWA,EAAeM,WAAWN,GACtF,MAAMQ,SAAkB3D,GAAWuD,KAAQ,SAAWvD,GAAWuD,IAAME,WAAWzD,GAAWuD,KAE7F,OAAOK,KAAKL,IAAIN,EAAWS,IAAqBC,CAAQ,IAG1D,MAAOE,GAAcC,IAAmBd,MAAAA,UAAS,KAC/C,GAAItH,IAAS,UAAYsE,GAAW+D,WAAQpD,EAAW,OAAO,EAE9D,MAAMuC,MAAEA,GAAQ,IAASC,aAAEA,GAAe,KAAcnD,GAExD,MAAMiD,SAAmBC,GAAU,SAAWA,EAAQO,WAAWP,GACjE,MAAMQ,SAA0BP,GAAiB,SAAWA,EAAeM,WAAWN,GACtF,MAAMa,SAAkBhE,GAAW+D,KAAQ,SAAW/D,GAAW+D,IAAMN,WAAWzD,GAAW+D,KAE7F,OAAOH,KAAKG,IAAId,EAAWS,IAAqBM,CAAQ,IAmB1D,OAhBAC,MAAAA,iBAAgB,KACVjD,GACF+B,IAAe,GAEf/C,GAAWkD,aAAUvC,GACrBX,GAAWkD,QAAU,MACrBd,GAAIG,SACJH,GAAIG,UAAY2B,SAASC,eAEzBpB,UACU/C,GAAWkD,OAAU,UAAYlD,GAAWkD,MAAME,OAAS,UAC1DpD,GAAWkD,OAAU,SAElC,GACC,CAAClC,GAAmBhB,GAAWkD,QAE9BnH,IAAW,QAEXqI,WAAAA,IAACC,MAAAA,KAAW,IACNrE,GACJD,SACEA,IAAQ,CACNuE,IACAlC,GAAIG,QAAU+B,CACf,GAEHtI,UAAWA,EACXC,MAAOA,EACPd,YAAaA,GAAS,SAAWA,OAAOwF,EACxCvF,QAASA,EACTE,MAAOA,EACPC,iBAAkBA,EAClBC,MAAOA,EACPsD,SAAUA,GACVC,QAASA,GACTC,OAAQA,GACRC,OAAQA,GACRC,OAAQA,GACRC,QAASA,GACTC,MAAOA,GACP1D,KAAMA,EACNkE,MAAOA,GACPC,SAAUA,KAMduE,WAAAA,IAACG,eAAAA,eAAc,IACTtE,GACJjE,UAAWA,EACXC,MAAOA,EACPO,UAAWA,EACXC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,SAAUA,EACVC,QAASA,EACTC,QAASA,EACTC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,aAAcA,EACdC,YAAaA,EACbC,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,YAAaA,EACbC,eAAgBA,EAChBC,cAAeA,EACfC,aAAcA,EACdC,aAAcA,EACdC,aAAcA,EACdC,cAAeA,EACfC,aAAcA,EACdC,gBAAiBA,EACjBC,eAAgBA,EAChBC,cAAeA,EACfC,cAAeA,EACfC,cAAeA,EACfC,eAAgBA,EAChBC,WAAYA,EACZC,cAAeA,GACfC,aAAcA,GACdC,YAAaA,GACbC,YAAaA,GACbC,YAAaA,GACbC,aAAcA,GACdQ,MAAOA,GACPC,QAASA,GACTG,KAAMA,GACNnE,QAASA,EACToE,UAAWA,GACXC,SAAUA,GACVC,UAAWA,GACXE,SAAUA,GACVC,OAAQA,GACRjB,QAAS,CACPvD,MAAOuE,GAAWhB,GAAQ6C,cAAgB7C,GAAQvD,MAClDsG,gBAAiB/B,GAAWhB,GAAQqD,wBAA0BrD,GAAQ+C,gBACtEE,qBAAsBjC,GAAWhB,GAAQqD,wBAA0BrD,GAAQiD,qBAC3E0C,YAAa3E,GAAWhB,GAAQ4F,oBAAsB5F,GAAQ2F,aAEhE9D,QAASA,KACH0B,GAAIG,SACNH,GAAIG,QAAQmC,OACd,EAEFC,QAAUC,IACJA,EAAIC,SAAWD,EAAIE,eACrB/B,IAAe,EACjB,EAEFgC,cAAgBH,IAEZA,EAAIC,SAAWzC,GAAIG,SACjBqC,EAAIC,kBAAkBG,OACxBxC,GAASD,SAAS0C,SAASL,EAAIC,UAC/BpC,GAASF,SAAS0C,SAASL,EAAIC,UAC/BnC,GAAQH,SAAS0C,SAASL,EAAIC,SAIhCD,EAAIM,gBAAgB,EAEtBC,OAASP,IACF5D,KAAqBoB,GAAIG,SAAYqC,EAAIE,cAAcG,SAASL,EAAIQ,gBACvErC,GAAe9B,QAAQmB,GAAIG,QAAQW,OACrC,EAEFoB,MACEF,WAAAA,IAACiB,oBAAS,IACJpF,MACAD,GACJoC,IAAKA,GACL1G,KAAMA,EACNmE,SAAUA,GACVyF,OAAQxC,GACRxD,MAAOA,GACPiG,QAAS5C,GACThH,cAAeA,EACfkD,QAAS,CACPvD,MAAOuD,GAAQ2G,WACfjK,iBAAkBsD,GAAQ4G,sBAC1B/D,cAAe7C,GAAQ6G,mBACvBC,yBAA0B9G,GAAQ+G,+BAEpCC,SAAWjB,IAKT,GAJI5E,GAAW6F,UACb7F,GAAW6F,SAASjB,GAGlBlJ,IAAS,SAAU,CACrB,MAAMoK,EAAerC,WAAWmB,EAAIE,cAAc5B,OAElD,MAAM6C,EAAkBD,GAAgBrC,WAAWmB,EAAIE,cAAcvB,KACrE,MAAMyC,EAAkBF,GAAgBrC,WAAWmB,EAAIE,cAAcf,KAErET,GAAiByC,GACjBjC,GAAgBkC,IAEZD,GAAmBC,IACrBpB,EAAIE,cAAcJ,OAEtB,KAINuB,UACEzF,GACE4D,WAAAA,IAAC8B,UAAI,CACHnK,OAAO,QACPoK,YAAa3F,IAAe,SAAWA,QAAaG,EACpDpB,YAAaiB,IAAe,SAAWA,QAAaG,KAChDT,KAEJ,KAENkG,WACErF,IAAyBN,GACvB4F,WAAAA,KAAAC,WAAAA,SAAA,CAAAC,SAAA,CACGxF,GACCqD,WAAAA,IAACoC,sBAAU,CACTpE,IAAKI,GACL/F,MAAOgK,QAAAA,cACP5H,QAASuC,MACLnB,MACAK,MACAxE,EACJyD,KAAMuB,GACNjB,SAAUA,IAAY/D,EAAiB+D,UAAYS,GAA6BT,SAChFa,QAAUkE,IACRA,EAAI8B,kBACA1G,GAAW2G,WAEX7K,EAAiB4E,SAAS5E,EAAiB4E,QAAQkE,GACnDtE,GAA6BI,SAASJ,GAA6BI,QAAQkE,GAAI,IAGrF,KACHnE,GACC2D,WAAAA,IAAC8B,KAAAA,KAAI,CACHnK,OAAO,QACPoK,YAAa1F,IAAc,SAAWA,QAAYE,EAClDpB,YAAakB,IAAc,SAAWA,QAAYE,KAC9CT,KAEJ,QAEJ,KAENrE,SACEH,IAAS,SACP2K,WAAAA,KAAAC,WAAAA,SAAA,CAAAC,SAAA,CACEnC,WAAAA,IAACoC,sBAAU,IACLvG,GACJmC,IAAKK,GACLlD,KAAM6E,WAAAA,IAACwC,MAAAA,UACPnK,MAAOgK,QAAAA,cACP5H,QAASuC,GACTvB,SAAUA,IAAYwD,GACtB3C,QAAUkE,IAER,GADAA,EAAI8B,mBACA1G,GAAW2G,SAEf,IACE,GAAIvE,GAAIG,QAAS,CACfQ,IAAe,GAEf,MAAM8D,EAAOzE,GAAIG,QAAQW,MAIzB,GAHAd,GAAIG,QAAQuE,WAGRD,IADgBzE,GAAIG,QAAQW,MACN,CACxB,MAAM6D,EAAQ,IAAIC,MAAM,QAAS,CAAEC,SAAS,IAC5C7E,GAAIG,QAAQ2E,cAAcH,EAC5B,CACF,CACF,CAAE,MAAOI,GACPC,QAAQhI,MAAM+H,EAChB,KAGJ/C,WAAAA,IAACC,0BAA0B,IACrBpE,GACJmC,IAAKM,GACLnD,KAAM6E,WAAAA,IAACiD,QAAAA,SACP5K,MAAOgK,QAAAA,cACP5H,QAASuC,GACTvB,SAAUA,IAAYgE,GACtBnD,QAAUkE,IAER,GADAA,EAAI8B,mBACA1G,GAAW2G,SAEf,IACE,GAAIvE,GAAIG,QAAS,CACfQ,IAAe,GAEf,MAAM8D,EAAOzE,GAAIG,QAAQW,MAIzB,GAHAd,GAAIG,QAAQ+E,SAGRT,IADgBzE,GAAIG,QAAQW,MACN,CACxB,MAAM6D,EAAQ,IAAIC,MAAM,QAAS,CAAEC,SAAS,IAC5C7E,GAAIG,QAAQ2E,cAAcH,EAC5B,CACF,CACF,CAAE,MAAOI,GACPC,QAAQhI,MAAM+H,EAChB,aAIJxG,GAEN,IAGN,CACElE,MAAO8K,MAAAA,MACPC,YAtciB,UAycrB,CACEC,MAAOC,YAAAA,oCA1cY"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef, useLayoutEffect, useMemo } from 'react'\nimport { useTheme } from 'styled-components'\nimport { nanoid } from 'nanoid'\nimport { Minus, Plus } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { FormInput } from 'components/FormInput'\nimport { InputPhone } from 'components/Input.Phone'\nimport { IconButton } from 'components/IconButton'\nimport type { IconProps } from 'components/Icon'\nimport { Icon } from 'components/Icon'\nimport { SIZES_ICON, SIZES_CONTROL } from './sizes'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Компонент для приема однострочного ввода.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef<HTMLInputElement, MergedProps<InputProps>>((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        rounded = true,\n        primary = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        iconProps = {},\n        controls = {},\n        addonButtonProps = {},\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        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        secondary,\n        contrast,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const baseIconProps: IconProps = {\n        color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n        sizes: SIZES_ICON,\n        ...sizeProps,\n        ...iconProps,\n      }\n\n      const { icon: additionalControlIcon, buttonProps: additionalControlButtonProps = {} } = controls.additional ?? {}\n\n      const [iconBefore, iconAfter = !additionalControlButtonProps.onClick ? additionalControlIcon : undefined] =\n        Array.isArray(icon) ? icon : [icon]\n\n      const addonControlIcon = addonButtonProps.icon ?? additionalControlIcon\n      const showAdditionalControl =\n        (addonButtonProps.onClick || additionalControlButtonProps.onClick) && addonControlIcon\n\n      const inputAlwaysActive = Boolean(inputProps.mask && inputProps.alwaysShowMask)\n\n      const controlPalette = {\n        color: palette.controlsColor,\n        colorHover: palette.controlsColorHover,\n        colorActive: palette.controlsColorActive,\n        colorDisabled: palette.controlsColorDisabled,\n        backgroundColor: palette.controlsBackgroundColor,\n        backgroundColorHover: palette.controlsBackgroundColorHover,\n        backgroundColorActive: palette.controlsBackgroundColorActive,\n        backgroundColorDisabled: palette.controlsBackgroundColorDisabled,\n      }\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const addonRef = useRef<HTMLButtonElement | null>(null)\n      const minusRef = useRef<HTMLButtonElement | null>(null)\n      const plusRef = useRef<HTMLButtonElement | null>(null)\n\n      const inputLabelId = useMemo(() => nanoid(), [])\n\n      const [inputActive, setInputActive] = useState(() => {\n        if (inputAlwaysActive) return true\n\n        const initValue = inputProps.value ?? inputProps.defaultValue\n\n        return (typeof initValue === 'string' && initValue.length > 0) || typeof initValue === 'number'\n      })\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      useLayoutEffect(() => {\n        if (inputAlwaysActive) {\n          setInputActive(true)\n        } else if (\n          inputProps.value !== undefined &&\n          inputProps.value !== null &&\n          ref.current &&\n          ref.current !== document.activeElement\n        ) {\n          setInputActive(\n            (typeof inputProps.value === 'string' && inputProps.value.length > 0) ||\n              typeof inputProps.value === 'number'\n          )\n        }\n      }, [inputAlwaysActive, inputProps.value])\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            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          {...sizeProps}\n          className={className}\n          style={style}\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          error={error}\n          success={success}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          contrast={contrast}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          palette={{\n            color: disabled ? palette.colorDisabled : palette.color,\n            backgroundColor: disabled ? palette.backgroundColorDisabled : palette.backgroundColor,\n            backgroundColorHover: disabled ? palette.backgroundColorDisabled : palette.backgroundColorHover,\n            borderColor: disabled ? palette.borderColorDisabled : palette.borderColor,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setInputActive(true)\n            }\n          }}\n          onPointerDown={(evt) => {\n            if (\n              evt.target === ref.current ||\n              !(evt.target instanceof Node) ||\n              addonRef.current?.contains(evt.target) ||\n              minusRef.current?.contains(evt.target) ||\n              plusRef.current?.contains(evt.target)\n            ) {\n              return\n            }\n            evt.preventDefault()\n          }}\n          onBlur={(evt) => {\n            if (!inputAlwaysActive && ref.current && !evt.currentTarget.contains(evt.relatedTarget)) {\n              setInputActive(Boolean(ref.current.value))\n            }\n          }}\n          input={\n            <FormInput\n              {...sizeProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              disabled={disabled}\n              active={inputActive}\n              label={label}\n              labelId={inputLabelId}\n              labelPosition={labelPosition}\n              palette={{\n                color: palette.inputColor,\n                placeholderColor: palette.inputPlaceholderColor,\n                colorDisabled: palette.inputColorDisabled,\n                placeholderColorDisabled: palette.inputPlaceholderColorDisabled,\n              }}\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            />\n          }\n          addonLeft={\n            iconBefore ? (\n              <Icon\n                preset='brand'\n                name={typeof iconBefore === 'string' ? iconBefore : undefined}\n                icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n                {...baseIconProps}\n              />\n            ) : null\n          }\n          addonRight={\n            showAdditionalControl || iconAfter ? (\n              <>\n                {showAdditionalControl ? (\n                  <IconButton\n                    ref={addonRef}\n                    sizes={SIZES_CONTROL}\n                    palette={controlPalette}\n                    {...sizeProps}\n                    {...additionalControlButtonProps}\n                    {...addonButtonProps}\n                    icon={addonControlIcon}\n                    disabled={disabled || addonButtonProps.disabled || additionalControlButtonProps.disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (inputProps.readOnly) return\n\n                      if (addonButtonProps.onClick) addonButtonProps.onClick(evt)\n                      if (additionalControlButtonProps.onClick) additionalControlButtonProps.onClick(evt)\n                    }}\n                  />\n                ) : null}\n                {iconAfter ? (\n                  <Icon\n                    preset='brand'\n                    name={typeof iconAfter === 'string' ? iconAfter : undefined}\n                    icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n                    {...baseIconProps}\n                  />\n                ) : null}\n              </>\n            ) : null\n          }\n          controls={\n            type === 'number' ? (\n              <>\n                <IconButton\n                  {...sizeProps}\n                  ref={minusRef}\n                  icon={<Minus />}\n                  sizes={SIZES_CONTROL}\n                  palette={controlPalette}\n                  disabled={disabled || minusDisabled}\n                  onClick={(evt) => {\n                    evt.stopPropagation()\n                    if (inputProps.readOnly) return\n\n                    try {\n                      if (ref.current) {\n                        setInputActive(true)\n\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                      console.error(err)\n                    }\n                  }}\n                />\n                <Styled.IconButtonSeparated\n                  {...sizeProps}\n                  ref={plusRef}\n                  icon={<Plus />}\n                  sizes={SIZES_CONTROL}\n                  palette={controlPalette}\n                  disabled={disabled || plusDisabled}\n                  onClick={(evt) => {\n                    evt.stopPropagation()\n                    if (inputProps.readOnly) return\n\n                    try {\n                      if (ref.current) {\n                        setInputActive(true)\n\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                      console.error(err)\n                    }\n                  }}\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","rounded","primary","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","iconProps","controls","addonButtonProps","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","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","secondary","contrast","onColored","fluid","disabled","inline","inputRef","inputProps","sizeProps","baseIconProps","SIZES_ICON","additionalControlIcon","buttonProps","additionalControlButtonProps","additional","iconBefore","iconAfter","onClick","undefined","Array","isArray","addonControlIcon","showAdditionalControl","inputAlwaysActive","Boolean","mask","alwaysShowMask","controlPalette","controlsColor","colorHover","controlsColorHover","colorActive","controlsColorActive","colorDisabled","controlsColorDisabled","backgroundColor","controlsBackgroundColor","backgroundColorHover","controlsBackgroundColorHover","backgroundColorActive","controlsBackgroundColorActive","backgroundColorDisabled","controlsBackgroundColorDisabled","ref","useRef","useImperativeHandle","current","addonRef","minusRef","plusRef","inputLabelId","useMemo","nanoid","inputActive","setInputActive","useState","initValue","value","defaultValue","length","minusDisabled","setMinusDisabled","min","Infinity","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","useLayoutEffect","document","activeElement","_jsx","Styled","input","FormInputLabel","borderColor","borderColorDisabled","focus","onFocus","evt","target","currentTarget","onPointerDown","Node","contains","preventDefault","onBlur","relatedTarget","FormInput","active","labelId","inputColor","inputPlaceholderColor","inputColorDisabled","placeholderColorDisabled","inputPlaceholderColorDisabled","onChange","currentValue","minValueReached","maxValueReached","addonLeft","Icon","name","addonRight","_jsxs","_Fragment","children","IconButton","SIZES_CONTROL","stopPropagation","readOnly","Minus","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","Plus","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}

package/components/Input/Input.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useRef,useImperativeHandle,useMemo,useState,useLayoutEffect}from'react';import{useTheme}from'styled-components';import{nanoid}from'nanoid';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_CONTROL,SIZES_ICON}from'./sizes.mjs';import{Root,IconButtonSeparated}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{InputPhone}from'../Input.Phone/Input.Phone.mjs';import{SIZES}from'../FormInputLabel/sizes.mjs';import{FormInputLabel}from'../FormInputLabel/FormInputLabel.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Minus}from'../../icon-pack/src/icons/Minus/index.mjs';import{Plus}from'../../icon-pack/src/icons/Plus/index.mjs';import{Icon}from'../Icon/Icon.mjs';import{FormInput}from'../FormInput/FormInput.mjs';const COMPONENT_NAME='Input';const Input=Object.assign(withMergedProps(forwardRef(((o,r)=>{const t=useTheme();const{size:n="m",rounded:e=!0,primary:i=!0,color:a="mineShaft",placeholderColor:s="silver",width:l=t.defaultInputControlsWidth,type:c="text",labelPosition:m="dynamic",iconProps:u={},controls:d={},addonButtonProps:g={},preset:p,className:f,style:b,sizeXXS:S,sizeXS:h,sizeS:X,sizeM:C,sizeL:L,sizeXL:v,sizeUnits:I,sizes:y,margin:R,marginXXS:k,marginXS:B,marginS:M,marginM:T,marginL:j,marginXL:x,marginTop:z,marginTopXXS:w,marginTopXS:P,marginTopS:F,marginTopM:E,marginTopL:O,marginTopXL:N,marginRight:D,marginRightXXS:A,marginRightXS:H,marginRightS:Z,marginRightM:_,marginRightL:U,marginRightXL:V,marginBottom:W,marginBottomXXS:q,marginBottomXS:G,marginBottomS:J,marginBottomM:K,marginBottomL:Q,marginBottomXL:Y,marginLeft:$,marginLeftXXS:oo,marginLeftXS:ro,marginLeftS:to,marginLeftM:no,marginLeftL:eo,marginLeftXL:io,palette:ao,widthXXS:so,widthXS:lo,widthS:co,widthM:mo,widthL:uo,widthXL:go,error:po,success:fo,label:bo,icon:So,text:ho,secondary:Xo,contrast:Co,onColored:Lo,fluid:vo,disabled:Io,inline:yo,inputRef:Ro,...ko}=o;const Bo={size:n,sizeXXS:S,sizeXS:h,sizeS:X,sizeM:C,sizeL:L,sizeXL:v};const Mo={color:Io?'content-disabled':'content-onmain-tertiary',sizes:SIZES_ICON,...Bo,...u};const{icon:To,buttonProps:jo={}}=d.additional??{};const[xo,zo=(jo.onClick?void 0:To)]=Array.isArray(So)?So:[So];const wo=g.icon??To;const Po=(g.onClick||jo.onClick)&&wo;const Fo=Boolean(ko.mask&&ko.alwaysShowMask);const Eo={color:ao.controlsColor,colorHover:ao.controlsColorHover,colorActive:ao.controlsColorActive,colorDisabled:ao.controlsColorDisabled,backgroundColor:ao.controlsBackgroundColor,backgroundColorHover:ao.controlsBackgroundColorHover,backgroundColorActive:ao.controlsBackgroundColorActive,backgroundColorDisabled:ao.controlsBackgroundColorDisabled};const Oo=useRef(null);useImperativeHandle(r,(()=>Oo.current),[]);const No=useRef(null);const Do=useRef(null);const Ao=useRef(null);const Ho=useMemo((()=>nanoid()),[]);const[Zo,_o]=useState((()=>{if(Fo)return!0;const o=ko.value??ko.defaultValue;return typeof o=='string'&&o.length>0||typeof o=='number'}));const[Uo,Vo]=useState((()=>{if(c!=='number'||ko.min===void 0)return!1;const{value:o=1/0,defaultValue:r=1/0}=ko;const t=typeof o=='number'?o:parseFloat(o);const n=typeof r=='number'?r:parseFloat(r);const e=typeof ko.min=='number'?ko.min:parseFloat(ko.min);return Math.min(t,n)<=e}));const[Wo,qo]=useState((()=>{if(c!=='number'||ko.max===void 0)return!1;const{value:o=-1/0,defaultValue:r=-1/0}=ko;const t=typeof o=='number'?o:parseFloat(o);const n=typeof r=='number'?r:parseFloat(r);const e=typeof ko.max=='number'?ko.max:parseFloat(ko.max);return Math.max(t,n)>=e}));return useLayoutEffect((()=>{Fo?_o(!0):ko.value!==void 0&&ko.value!==null&&Oo.current&&Oo.current!==document.activeElement&&_o(typeof ko.value=='string'&&ko.value.length>0||typeof ko.value=='number')}),[Fo,ko.value]),p!=='brand'?jsx(Root,{...ko,inputRef:Ro??(o=>{Oo.current=o}),className:f,style:b,size:typeof n=='number'?n:void 0,rounded:e,color:a,placeholderColor:s,width:l,widthXXS:so,widthXS:lo,widthS:co,widthM:mo,widthL:uo,widthXL:go,error:po,type:c,fluid:vo,disabled:Io}):jsx(FormInputLabel,{...Bo,className:f,style:b,sizeUnits:I,sizes:y,margin:R,marginXXS:k,marginXS:B,marginS:M,marginM:T,marginL:j,marginXL:x,marginTop:z,marginTopXXS:w,marginTopXS:P,marginTopS:F,marginTopM:E,marginTopL:O,marginTopXL:N,marginRight:D,marginRightXXS:A,marginRightXS:H,marginRightS:Z,marginRightM:_,marginRightL:U,marginRightXL:V,marginBottom:W,marginBottomXXS:q,marginBottomXS:G,marginBottomS:J,marginBottomM:K,marginBottomL:Q,marginBottomXL:Y,marginLeft:$,marginLeftXXS:oo,marginLeftXS:ro,marginLeftS:to,marginLeftM:no,marginLeftL:eo,marginLeftXL:io,error:po,success:fo,text:ho,primary:i,secondary:Xo,contrast:Co,onColored:Lo,disabled:Io,inline:yo,palette:{color:Io?ao.colorDisabled:ao.color,backgroundColor:Io?ao.backgroundColorDisabled:ao.backgroundColor,backgroundColorHover:Io?ao.backgroundColorDisabled:ao.backgroundColorHover,borderColor:Io?ao.borderColorDisabled:ao.borderColor},onClick:()=>{Oo.current&&Oo.current.focus()},onFocus:o=>{o.target!==o.currentTarget&&_o(!0)},onPointerDown:o=>{o.target!==Oo.current&&o.target instanceof Node&&!No.current?.contains(o.target)&&!Do.current?.contains(o.target)&&!Ao.current?.contains(o.target)&&o.preventDefault()},onBlur:o=>{Fo||!Oo.current||o.currentTarget.contains(o.relatedTarget)||_o(Boolean(Oo.current.value))},input:jsx(FormInput,{...Bo,...ko,ref:Oo,type:c,disabled:Io,active:Zo,label:bo,labelId:Ho,labelPosition:m,palette:{color:ao.inputColor,placeholderColor:ao.inputPlaceholderColor,colorDisabled:ao.inputColorDisabled,placeholderColorDisabled:ao.inputPlaceholderColorDisabled},onChange:o=>{if(ko.onChange&&ko.onChange(o),c==='number'){const r=parseFloat(o.currentTarget.value);const t=r<=parseFloat(o.currentTarget.min);const n=r>=parseFloat(o.currentTarget.max);Vo(t),qo(n),(t||n)&&o.currentTarget.focus()}}}),addonLeft:xo?jsx(Icon,{preset:"brand",name:typeof xo=='string'?xo:void 0,icon:typeof xo!='string'?xo:void 0,...Mo}):null,addonRight:Po||zo?jsxs(Fragment,{children:[Po?jsx(IconButton,{ref:No,sizes:SIZES_CONTROL,palette:Eo,...Bo,...jo,...g,icon:wo,disabled:Io||g.disabled||jo.disabled,onClick:o=>{o.stopPropagation(),ko.readOnly||(g.onClick&&g.onClick(o),jo.onClick&&jo.onClick(o))}}):null,zo?jsx(Icon,{preset:"brand",name:typeof zo=='string'?zo:void 0,icon:typeof zo!='string'?zo:void 0,...Mo}):null]}):null,controls:c==='number'?jsxs(Fragment,{children:[jsx(IconButton,{...Bo,ref:Do,icon:jsx(Minus,{}),sizes:SIZES_CONTROL,palette:Eo,disabled:Io||Uo,onClick:o=>{if(o.stopPropagation(),!ko.readOnly)try{if(Oo.current){_o(!0);const o=Oo.current.value;if(Oo.current.stepDown(),o!==Oo.current.value){const o=new Event('input',{bubbles:!0});Oo.current.dispatchEvent(o)}}}catch(o){console.error(o)}}}),jsx(IconButtonSeparated,{...Bo,ref:Ao,icon:jsx(Plus,{}),sizes:SIZES_CONTROL,palette:Eo,disabled:Io||Wo,onClick:o=>{if(o.stopPropagation(),!ko.readOnly)try{if(Oo.current){_o(!0);const o=Oo.current.value;if(Oo.current.stepUp(),o!==Oo.current.value){const o=new Event('input',{bubbles:!0});Oo.current.dispatchEvent(o)}}}catch(o){console.error(o)}}})]}):void 0})})),{sizes:SIZES,displayName:"Input"}),{Phone:InputPhone});export{COMPONENT_NAME,Input};
+import{forwardRef,useRef,useImperativeHandle,useMemo,useState,useLayoutEffect}from'react';import{useTheme}from'styled-components';import{nanoid}from'nanoid';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_CONTROL,SIZES_ICON}from'./sizes.mjs';import{Root,IconButtonSeparated}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{InputPhone}from'../Input.Phone/Input.Phone.mjs';import{SIZES}from'../FormInputLabel/sizes.mjs';import{FormInputLabel}from'../FormInputLabel/FormInputLabel.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Minus}from'../../icon-pack/src/icons/Minus/index.mjs';import{Plus}from'../../icon-pack/src/icons/Plus/index.mjs';import{Icon}from'../Icon/Icon.mjs';import{FormInput}from'../FormInput/FormInput.mjs';const COMPONENT_NAME='Input';const Input=Object.assign(withMergedProps(forwardRef((o,r)=>{const t=useTheme();const{size:n="m",rounded:e=!0,primary:i=!0,color:a="mineShaft",placeholderColor:s="silver",width:l=t.defaultInputControlsWidth,type:c="text",labelPosition:m="dynamic",iconProps:u={},controls:d={},addonButtonProps:g={},preset:p,className:f,style:b,sizeXXS:S,sizeXS:h,sizeS:X,sizeM:C,sizeL:L,sizeXL:v,sizeUnits:I,sizes:y,margin:R,marginXXS:k,marginXS:B,marginS:M,marginM:T,marginL:j,marginXL:x,marginTop:z,marginTopXXS:w,marginTopXS:P,marginTopS:F,marginTopM:E,marginTopL:O,marginTopXL:N,marginRight:D,marginRightXXS:A,marginRightXS:H,marginRightS:Z,marginRightM:_,marginRightL:U,marginRightXL:V,marginBottom:W,marginBottomXXS:q,marginBottomXS:G,marginBottomS:J,marginBottomM:K,marginBottomL:Q,marginBottomXL:Y,marginLeft:$,marginLeftXXS:oo,marginLeftXS:ro,marginLeftS:to,marginLeftM:no,marginLeftL:eo,marginLeftXL:io,palette:ao,widthXXS:so,widthXS:lo,widthS:co,widthM:mo,widthL:uo,widthXL:go,error:po,success:fo,label:bo,icon:So,text:ho,secondary:Xo,contrast:Co,onColored:Lo,fluid:vo,disabled:Io,inline:yo,inputRef:Ro,...ko}=o;const Bo={size:n,sizeXXS:S,sizeXS:h,sizeS:X,sizeM:C,sizeL:L,sizeXL:v};const Mo={color:Io?'content-disabled':'content-onmain-tertiary',sizes:SIZES_ICON,...Bo,...u};const{icon:To,buttonProps:jo={}}=d.additional??{};const[xo,zo=(jo.onClick?void 0:To)]=Array.isArray(So)?So:[So];const wo=g.icon??To;const Po=(g.onClick||jo.onClick)&&wo;const Fo=Boolean(ko.mask&&ko.alwaysShowMask);const Eo={color:ao.controlsColor,colorHover:ao.controlsColorHover,colorActive:ao.controlsColorActive,colorDisabled:ao.controlsColorDisabled,backgroundColor:ao.controlsBackgroundColor,backgroundColorHover:ao.controlsBackgroundColorHover,backgroundColorActive:ao.controlsBackgroundColorActive,backgroundColorDisabled:ao.controlsBackgroundColorDisabled};const Oo=useRef(null);useImperativeHandle(r,()=>Oo.current,[]);const No=useRef(null);const Do=useRef(null);const Ao=useRef(null);const Ho=useMemo(()=>nanoid(),[]);const[Zo,_o]=useState(()=>{if(Fo)return!0;const o=ko.value??ko.defaultValue;return typeof o=='string'&&o.length>0||typeof o=='number'});const[Uo,Vo]=useState(()=>{if(c!=='number'||ko.min===void 0)return!1;const{value:o=1/0,defaultValue:r=1/0}=ko;const t=typeof o=='number'?o:parseFloat(o);const n=typeof r=='number'?r:parseFloat(r);const e=typeof ko.min=='number'?ko.min:parseFloat(ko.min);return Math.min(t,n)<=e});const[Wo,qo]=useState(()=>{if(c!=='number'||ko.max===void 0)return!1;const{value:o=-1/0,defaultValue:r=-1/0}=ko;const t=typeof o=='number'?o:parseFloat(o);const n=typeof r=='number'?r:parseFloat(r);const e=typeof ko.max=='number'?ko.max:parseFloat(ko.max);return Math.max(t,n)>=e});return useLayoutEffect(()=>{Fo?_o(!0):ko.value!==void 0&&ko.value!==null&&Oo.current&&Oo.current!==document.activeElement&&_o(typeof ko.value=='string'&&ko.value.length>0||typeof ko.value=='number')},[Fo,ko.value]),p!=='brand'?jsx(Root,{...ko,inputRef:Ro??(o=>{Oo.current=o}),className:f,style:b,size:typeof n=='number'?n:void 0,rounded:e,color:a,placeholderColor:s,width:l,widthXXS:so,widthXS:lo,widthS:co,widthM:mo,widthL:uo,widthXL:go,error:po,type:c,fluid:vo,disabled:Io}):jsx(FormInputLabel,{...Bo,className:f,style:b,sizeUnits:I,sizes:y,margin:R,marginXXS:k,marginXS:B,marginS:M,marginM:T,marginL:j,marginXL:x,marginTop:z,marginTopXXS:w,marginTopXS:P,marginTopS:F,marginTopM:E,marginTopL:O,marginTopXL:N,marginRight:D,marginRightXXS:A,marginRightXS:H,marginRightS:Z,marginRightM:_,marginRightL:U,marginRightXL:V,marginBottom:W,marginBottomXXS:q,marginBottomXS:G,marginBottomS:J,marginBottomM:K,marginBottomL:Q,marginBottomXL:Y,marginLeft:$,marginLeftXXS:oo,marginLeftXS:ro,marginLeftS:to,marginLeftM:no,marginLeftL:eo,marginLeftXL:io,error:po,success:fo,text:ho,primary:i,secondary:Xo,contrast:Co,onColored:Lo,disabled:Io,inline:yo,palette:{color:Io?ao.colorDisabled:ao.color,backgroundColor:Io?ao.backgroundColorDisabled:ao.backgroundColor,backgroundColorHover:Io?ao.backgroundColorDisabled:ao.backgroundColorHover,borderColor:Io?ao.borderColorDisabled:ao.borderColor},onClick:()=>{Oo.current&&Oo.current.focus()},onFocus:o=>{o.target!==o.currentTarget&&_o(!0)},onPointerDown:o=>{o.target!==Oo.current&&o.target instanceof Node&&!No.current?.contains(o.target)&&!Do.current?.contains(o.target)&&!Ao.current?.contains(o.target)&&o.preventDefault()},onBlur:o=>{Fo||!Oo.current||o.currentTarget.contains(o.relatedTarget)||_o(Boolean(Oo.current.value))},input:jsx(FormInput,{...Bo,...ko,ref:Oo,type:c,disabled:Io,active:Zo,label:bo,labelId:Ho,labelPosition:m,palette:{color:ao.inputColor,placeholderColor:ao.inputPlaceholderColor,colorDisabled:ao.inputColorDisabled,placeholderColorDisabled:ao.inputPlaceholderColorDisabled},onChange:o=>{if(ko.onChange&&ko.onChange(o),c==='number'){const r=parseFloat(o.currentTarget.value);const t=r<=parseFloat(o.currentTarget.min);const n=r>=parseFloat(o.currentTarget.max);Vo(t),qo(n),(t||n)&&o.currentTarget.focus()}}}),addonLeft:xo?jsx(Icon,{preset:"brand",name:typeof xo=='string'?xo:void 0,icon:typeof xo!='string'?xo:void 0,...Mo}):null,addonRight:Po||zo?jsxs(Fragment,{children:[Po?jsx(IconButton,{ref:No,sizes:SIZES_CONTROL,palette:Eo,...Bo,...jo,...g,icon:wo,disabled:Io||g.disabled||jo.disabled,onClick:o=>{o.stopPropagation(),ko.readOnly||(g.onClick&&g.onClick(o),jo.onClick&&jo.onClick(o))}}):null,zo?jsx(Icon,{preset:"brand",name:typeof zo=='string'?zo:void 0,icon:typeof zo!='string'?zo:void 0,...Mo}):null]}):null,controls:c==='number'?jsxs(Fragment,{children:[jsx(IconButton,{...Bo,ref:Do,icon:jsx(Minus,{}),sizes:SIZES_CONTROL,palette:Eo,disabled:Io||Uo,onClick:o=>{if(o.stopPropagation(),!ko.readOnly)try{if(Oo.current){_o(!0);const o=Oo.current.value;if(Oo.current.stepDown(),o!==Oo.current.value){const o=new Event('input',{bubbles:!0});Oo.current.dispatchEvent(o)}}}catch(o){console.error(o)}}}),jsx(IconButtonSeparated,{...Bo,ref:Ao,icon:jsx(Plus,{}),sizes:SIZES_CONTROL,palette:Eo,disabled:Io||Wo,onClick:o=>{if(o.stopPropagation(),!ko.readOnly)try{if(Oo.current){_o(!0);const o=Oo.current.value;if(Oo.current.stepUp(),o!==Oo.current.value){const o=new Event('input',{bubbles:!0});Oo.current.dispatchEvent(o)}}}catch(o){console.error(o)}}})]}):void 0})}),{sizes:SIZES,displayName:"Input"}),{Phone:InputPhone});export{COMPONENT_NAME,Input};
 //# sourceMappingURL=Input.mjs.map

package/components/Input/Input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.mjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef, useLayoutEffect, useMemo } from 'react'\nimport { useTheme } from 'styled-components'\nimport { nanoid } from 'nanoid'\nimport { Minus, Plus } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { FormInput } from 'components/FormInput'\nimport { InputPhone } from 'components/Input.Phone'\nimport { IconButton } from 'components/IconButton'\nimport type { IconProps } from 'components/Icon'\nimport { Icon } from 'components/Icon'\nimport { SIZES_ICON, SIZES_CONTROL } from './sizes'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Компонент для приема однострочного ввода.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef<HTMLInputElement, MergedProps<InputProps>>((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        rounded = true,\n        primary = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        iconProps = {},\n        controls = {},\n        addonButtonProps = {},\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        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        secondary,\n        contrast,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const baseIconProps: IconProps = {\n        color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n        sizes: SIZES_ICON,\n        ...sizeProps,\n        ...iconProps,\n      }\n\n      const { icon: additionalControlIcon, buttonProps: additionalControlButtonProps = {} } = controls.additional ?? {}\n\n      const [iconBefore, iconAfter = !additionalControlButtonProps.onClick ? additionalControlIcon : undefined] =\n        Array.isArray(icon) ? icon : [icon]\n\n      const addonControlIcon = addonButtonProps.icon ?? additionalControlIcon\n      const showAdditionalControl =\n        (addonButtonProps.onClick || additionalControlButtonProps.onClick) && addonControlIcon\n\n      const inputAlwaysActive = Boolean(inputProps.mask && inputProps.alwaysShowMask)\n\n      const controlPalette = {\n        color: palette.controlsColor,\n        colorHover: palette.controlsColorHover,\n        colorActive: palette.controlsColorActive,\n        colorDisabled: palette.controlsColorDisabled,\n        backgroundColor: palette.controlsBackgroundColor,\n        backgroundColorHover: palette.controlsBackgroundColorHover,\n        backgroundColorActive: palette.controlsBackgroundColorActive,\n        backgroundColorDisabled: palette.controlsBackgroundColorDisabled,\n      }\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const addonRef = useRef<HTMLButtonElement | null>(null)\n      const minusRef = useRef<HTMLButtonElement | null>(null)\n      const plusRef = useRef<HTMLButtonElement | null>(null)\n\n      const inputLabelId = useMemo(() => nanoid(), [])\n\n      const [inputActive, setInputActive] = useState(() => {\n        if (inputAlwaysActive) return true\n\n        const initValue = inputProps.value ?? inputProps.defaultValue\n\n        return (typeof initValue === 'string' && initValue.length > 0) || typeof initValue === 'number'\n      })\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      useLayoutEffect(() => {\n        if (inputAlwaysActive) {\n          setInputActive(true)\n        } else if (\n          inputProps.value !== undefined &&\n          inputProps.value !== null &&\n          ref.current &&\n          ref.current !== document.activeElement\n        ) {\n          setInputActive(\n            (typeof inputProps.value === 'string' && inputProps.value.length > 0) ||\n              typeof inputProps.value === 'number'\n          )\n        }\n      }, [inputAlwaysActive, inputProps.value])\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            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          {...sizeProps}\n          className={className}\n          style={style}\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          error={error}\n          success={success}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          contrast={contrast}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          palette={{\n            color: disabled ? palette.colorDisabled : palette.color,\n            backgroundColor: disabled ? palette.backgroundColorDisabled : palette.backgroundColor,\n            backgroundColorHover: disabled ? palette.backgroundColorDisabled : palette.backgroundColorHover,\n            borderColor: disabled ? palette.borderColorDisabled : palette.borderColor,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setInputActive(true)\n            }\n          }}\n          onPointerDown={(evt) => {\n            if (\n              evt.target === ref.current ||\n              !(evt.target instanceof Node) ||\n              addonRef.current?.contains(evt.target) ||\n              minusRef.current?.contains(evt.target) ||\n              plusRef.current?.contains(evt.target)\n            ) {\n              return\n            }\n            evt.preventDefault()\n          }}\n          onBlur={(evt) => {\n            if (!inputAlwaysActive && ref.current && !evt.currentTarget.contains(evt.relatedTarget)) {\n              setInputActive(Boolean(ref.current.value))\n            }\n          }}\n          input={\n            <FormInput\n              {...sizeProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              disabled={disabled}\n              active={inputActive}\n              label={label}\n              labelId={inputLabelId}\n              labelPosition={labelPosition}\n              palette={{\n                color: palette.inputColor,\n                placeholderColor: palette.inputPlaceholderColor,\n                colorDisabled: palette.inputColorDisabled,\n                placeholderColorDisabled: palette.inputPlaceholderColorDisabled,\n              }}\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            />\n          }\n          addonLeft={\n            iconBefore ? (\n              <Icon\n                preset='brand'\n                name={typeof iconBefore === 'string' ? iconBefore : undefined}\n                icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n                {...baseIconProps}\n              />\n            ) : null\n          }\n          addonRight={\n            showAdditionalControl || iconAfter ? (\n              <>\n                {showAdditionalControl ? (\n                  <IconButton\n                    ref={addonRef}\n                    sizes={SIZES_CONTROL}\n                    palette={controlPalette}\n                    {...sizeProps}\n                    {...additionalControlButtonProps}\n                    {...addonButtonProps}\n                    icon={addonControlIcon}\n                    disabled={disabled || addonButtonProps.disabled || additionalControlButtonProps.disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (inputProps.readOnly) return\n\n                      if (addonButtonProps.onClick) addonButtonProps.onClick(evt)\n                      if (additionalControlButtonProps.onClick) additionalControlButtonProps.onClick(evt)\n                    }}\n                  />\n                ) : null}\n                {iconAfter ? (\n                  <Icon\n                    preset='brand'\n                    name={typeof iconAfter === 'string' ? iconAfter : undefined}\n                    icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n                    {...baseIconProps}\n                  />\n                ) : null}\n              </>\n            ) : null\n          }\n          controls={\n            type === 'number' ? (\n              <>\n                <IconButton\n                  {...sizeProps}\n                  ref={minusRef}\n                  icon={<Minus />}\n                  sizes={SIZES_CONTROL}\n                  palette={controlPalette}\n                  disabled={disabled || minusDisabled}\n                  onClick={(evt) => {\n                    evt.stopPropagation()\n                    if (inputProps.readOnly) return\n\n                    try {\n                      if (ref.current) {\n                        setInputActive(true)\n\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                      console.error(err)\n                    }\n                  }}\n                />\n                <Styled.IconButtonSeparated\n                  {...sizeProps}\n                  ref={plusRef}\n                  icon={<Plus />}\n                  sizes={SIZES_CONTROL}\n                  palette={controlPalette}\n                  disabled={disabled || plusDisabled}\n                  onClick={(evt) => {\n                    evt.stopPropagation()\n                    if (inputProps.readOnly) return\n\n                    try {\n                      if (ref.current) {\n                        setInputActive(true)\n\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                      console.error(err)\n                    }\n                  }}\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","rounded","primary","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","iconProps","controls","addonButtonProps","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","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","secondary","contrast","onColored","fluid","disabled","inline","inputRef","inputProps","sizeProps","baseIconProps","SIZES_ICON","additionalControlIcon","buttonProps","additionalControlButtonProps","additional","iconBefore","iconAfter","onClick","undefined","Array","isArray","addonControlIcon","showAdditionalControl","inputAlwaysActive","Boolean","mask","alwaysShowMask","controlPalette","controlsColor","colorHover","controlsColorHover","colorActive","controlsColorActive","colorDisabled","controlsColorDisabled","backgroundColor","controlsBackgroundColor","backgroundColorHover","controlsBackgroundColorHover","backgroundColorActive","controlsBackgroundColorActive","backgroundColorDisabled","controlsBackgroundColorDisabled","ref","useRef","useImperativeHandle","current","addonRef","minusRef","plusRef","inputLabelId","useMemo","nanoid","inputActive","setInputActive","useState","initValue","value","defaultValue","length","minusDisabled","setMinusDisabled","min","Infinity","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","useLayoutEffect","document","activeElement","_jsx","Styled","input","FormInputLabel","borderColor","borderColorDisabled","focus","onFocus","evt","target","currentTarget","onPointerDown","Node","contains","preventDefault","onBlur","relatedTarget","FormInput","active","labelId","inputColor","inputPlaceholderColor","inputColorDisabled","placeholderColorDisabled","inputPlaceholderColorDisabled","onChange","currentValue","minValueReached","maxValueReached","addonLeft","Icon","name","addonRight","_jsxs","_Fragment","children","IconButton","SIZES_CONTROL","stopPropagation","readOnly","Minus","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","Plus","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}
+{"version":3,"file":"Input.mjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef, useLayoutEffect, useMemo } from 'react'\nimport { useTheme } from 'styled-components'\nimport { nanoid } from 'nanoid'\nimport { Minus, Plus } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { FormInput } from 'components/FormInput'\nimport { InputPhone } from 'components/Input.Phone'\nimport { IconButton } from 'components/IconButton'\nimport type { IconProps } from 'components/Icon'\nimport { Icon } from 'components/Icon'\nimport { SIZES_ICON, SIZES_CONTROL } from './sizes'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Компонент для приема однострочного ввода.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef<HTMLInputElement, MergedProps<InputProps>>((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        rounded = true,\n        primary = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        iconProps = {},\n        controls = {},\n        addonButtonProps = {},\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        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        secondary,\n        contrast,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const baseIconProps: IconProps = {\n        color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n        sizes: SIZES_ICON,\n        ...sizeProps,\n        ...iconProps,\n      }\n\n      const { icon: additionalControlIcon, buttonProps: additionalControlButtonProps = {} } = controls.additional ?? {}\n\n      const [iconBefore, iconAfter = !additionalControlButtonProps.onClick ? additionalControlIcon : undefined] =\n        Array.isArray(icon) ? icon : [icon]\n\n      const addonControlIcon = addonButtonProps.icon ?? additionalControlIcon\n      const showAdditionalControl =\n        (addonButtonProps.onClick || additionalControlButtonProps.onClick) && addonControlIcon\n\n      const inputAlwaysActive = Boolean(inputProps.mask && inputProps.alwaysShowMask)\n\n      const controlPalette = {\n        color: palette.controlsColor,\n        colorHover: palette.controlsColorHover,\n        colorActive: palette.controlsColorActive,\n        colorDisabled: palette.controlsColorDisabled,\n        backgroundColor: palette.controlsBackgroundColor,\n        backgroundColorHover: palette.controlsBackgroundColorHover,\n        backgroundColorActive: palette.controlsBackgroundColorActive,\n        backgroundColorDisabled: palette.controlsBackgroundColorDisabled,\n      }\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const addonRef = useRef<HTMLButtonElement | null>(null)\n      const minusRef = useRef<HTMLButtonElement | null>(null)\n      const plusRef = useRef<HTMLButtonElement | null>(null)\n\n      const inputLabelId = useMemo(() => nanoid(), [])\n\n      const [inputActive, setInputActive] = useState(() => {\n        if (inputAlwaysActive) return true\n\n        const initValue = inputProps.value ?? inputProps.defaultValue\n\n        return (typeof initValue === 'string' && initValue.length > 0) || typeof initValue === 'number'\n      })\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      useLayoutEffect(() => {\n        if (inputAlwaysActive) {\n          setInputActive(true)\n        } else if (\n          inputProps.value !== undefined &&\n          inputProps.value !== null &&\n          ref.current &&\n          ref.current !== document.activeElement\n        ) {\n          setInputActive(\n            (typeof inputProps.value === 'string' && inputProps.value.length > 0) ||\n              typeof inputProps.value === 'number'\n          )\n        }\n      }, [inputAlwaysActive, inputProps.value])\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            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          {...sizeProps}\n          className={className}\n          style={style}\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          error={error}\n          success={success}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          contrast={contrast}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          palette={{\n            color: disabled ? palette.colorDisabled : palette.color,\n            backgroundColor: disabled ? palette.backgroundColorDisabled : palette.backgroundColor,\n            backgroundColorHover: disabled ? palette.backgroundColorDisabled : palette.backgroundColorHover,\n            borderColor: disabled ? palette.borderColorDisabled : palette.borderColor,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setInputActive(true)\n            }\n          }}\n          onPointerDown={(evt) => {\n            if (\n              evt.target === ref.current ||\n              !(evt.target instanceof Node) ||\n              addonRef.current?.contains(evt.target) ||\n              minusRef.current?.contains(evt.target) ||\n              plusRef.current?.contains(evt.target)\n            ) {\n              return\n            }\n            evt.preventDefault()\n          }}\n          onBlur={(evt) => {\n            if (!inputAlwaysActive && ref.current && !evt.currentTarget.contains(evt.relatedTarget)) {\n              setInputActive(Boolean(ref.current.value))\n            }\n          }}\n          input={\n            <FormInput\n              {...sizeProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              disabled={disabled}\n              active={inputActive}\n              label={label}\n              labelId={inputLabelId}\n              labelPosition={labelPosition}\n              palette={{\n                color: palette.inputColor,\n                placeholderColor: palette.inputPlaceholderColor,\n                colorDisabled: palette.inputColorDisabled,\n                placeholderColorDisabled: palette.inputPlaceholderColorDisabled,\n              }}\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            />\n          }\n          addonLeft={\n            iconBefore ? (\n              <Icon\n                preset='brand'\n                name={typeof iconBefore === 'string' ? iconBefore : undefined}\n                icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n                {...baseIconProps}\n              />\n            ) : null\n          }\n          addonRight={\n            showAdditionalControl || iconAfter ? (\n              <>\n                {showAdditionalControl ? (\n                  <IconButton\n                    ref={addonRef}\n                    sizes={SIZES_CONTROL}\n                    palette={controlPalette}\n                    {...sizeProps}\n                    {...additionalControlButtonProps}\n                    {...addonButtonProps}\n                    icon={addonControlIcon}\n                    disabled={disabled || addonButtonProps.disabled || additionalControlButtonProps.disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (inputProps.readOnly) return\n\n                      if (addonButtonProps.onClick) addonButtonProps.onClick(evt)\n                      if (additionalControlButtonProps.onClick) additionalControlButtonProps.onClick(evt)\n                    }}\n                  />\n                ) : null}\n                {iconAfter ? (\n                  <Icon\n                    preset='brand'\n                    name={typeof iconAfter === 'string' ? iconAfter : undefined}\n                    icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n                    {...baseIconProps}\n                  />\n                ) : null}\n              </>\n            ) : null\n          }\n          controls={\n            type === 'number' ? (\n              <>\n                <IconButton\n                  {...sizeProps}\n                  ref={minusRef}\n                  icon={<Minus />}\n                  sizes={SIZES_CONTROL}\n                  palette={controlPalette}\n                  disabled={disabled || minusDisabled}\n                  onClick={(evt) => {\n                    evt.stopPropagation()\n                    if (inputProps.readOnly) return\n\n                    try {\n                      if (ref.current) {\n                        setInputActive(true)\n\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                      console.error(err)\n                    }\n                  }}\n                />\n                <Styled.IconButtonSeparated\n                  {...sizeProps}\n                  ref={plusRef}\n                  icon={<Plus />}\n                  sizes={SIZES_CONTROL}\n                  palette={controlPalette}\n                  disabled={disabled || plusDisabled}\n                  onClick={(evt) => {\n                    evt.stopPropagation()\n                    if (inputProps.readOnly) return\n\n                    try {\n                      if (ref.current) {\n                        setInputActive(true)\n\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                      console.error(err)\n                    }\n                  }}\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","rounded","primary","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","iconProps","controls","addonButtonProps","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","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","secondary","contrast","onColored","fluid","disabled","inline","inputRef","inputProps","sizeProps","baseIconProps","SIZES_ICON","additionalControlIcon","buttonProps","additionalControlButtonProps","additional","iconBefore","iconAfter","onClick","undefined","Array","isArray","addonControlIcon","showAdditionalControl","inputAlwaysActive","Boolean","mask","alwaysShowMask","controlPalette","controlsColor","colorHover","controlsColorHover","colorActive","controlsColorActive","colorDisabled","controlsColorDisabled","backgroundColor","controlsBackgroundColor","backgroundColorHover","controlsBackgroundColorHover","backgroundColorActive","controlsBackgroundColorActive","backgroundColorDisabled","controlsBackgroundColorDisabled","ref","useRef","useImperativeHandle","current","addonRef","minusRef","plusRef","inputLabelId","useMemo","nanoid","inputActive","setInputActive","useState","initValue","value","defaultValue","length","minusDisabled","setMinusDisabled","min","Infinity","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","useLayoutEffect","document","activeElement","_jsx","Styled","input","FormInputLabel","borderColor","borderColorDisabled","focus","onFocus","evt","target","currentTarget","onPointerDown","Node","contains","preventDefault","onBlur","relatedTarget","FormInput","active","labelId","inputColor","inputPlaceholderColor","inputColorDisabled","placeholderColorDisabled","inputPlaceholderColorDisabled","onChange","currentValue","minValueReached","maxValueReached","addonLeft","Icon","name","addonRight","_jsxs","_Fragment","children","IconButton","SIZES_CONTROL","stopPropagation","readOnly","Minus","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","Plus","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}

package/components/Input/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var InputMask=require('react-input-mask');var tinycolor=require('tinycolor2');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('./helpers.js');var IconButton=require('../IconButton/IconButton.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);var InputMask__default=_interopDefault(InputMask);var tinycolor__default=_interopDefault(tinycolor);const errorStyle=styled.css(["border:1px solid ",";background-color:",";"],(e=>e.theme.colors.pomegranate),(e=>tinycolor__default.default(e.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;}"],(e=>e.theme.colors.accent));const roundedStyle=styled.css(["border-radius:",";"],(e=>e.theme.borderRadius));const baseInputStyle=e=>styled.css(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],e.theme.colors.white,e.theme.colors.alto,e.color?color.color(e.color):null,e.placeholderColor?color.color(e.placeholderColor):null,focusStyle,e.disabled?disabledStyle:null,e.rounded?roundedStyle:null,e.width?responsiveProperty.property(helpers.chooseWidthValue(e.width),e.fluid&&e.width!=='auto'?'max-width':'width'):null,responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e.widthXS,widthS:e.widthS,widthM:e.widthM,widthL:e.widthL,widthXL:e.widthXL},cssProperty:e.fluid&&e.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue}),e.fluid?styled.css(["width:100%;"]):null,e.error?errorStyle:null);const Root=styled__default.default(InputMask__default.default).withConfig({shouldForwardProp:e=>!['color','placeholderColor','rounded','fluid','error'].includes(e)&&!e.includes('width')}).withConfig({displayName:"Input__Root",componentId:"ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(e=>baseInputStyle(e)));const IconButtonSeparated=styled__default.default(IconButton.IconButton).withConfig({displayName:"Input__IconButtonSeparated",componentId:"ui__sc-1gazj3c-1"})(["",""],(e=>`\n    position: relative;\n    margin-left: 9px;\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 60%;\n      top: 50%;\n      left: -5px;\n      transform: translateY(-50%);\n      background-color: ${e.theme.colors['border-onmain-default-large']};\n    }\n  `));exports.IconButtonSeparated=IconButtonSeparated,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('tinycolor2');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('./helpers.js');var IconButton=require('../IconButton/IconButton.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);var InputMask__default=_interopDefault(InputMask);var tinycolor__default=_interopDefault(tinycolor);const errorStyle=styled.css(["border:1px solid ",";background-color:",";"],e=>e.theme.colors.pomegranate,e=>tinycolor__default.default(e.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;}"],e=>e.theme.colors.accent);const roundedStyle=styled.css(["border-radius:",";"],e=>e.theme.borderRadius);const baseInputStyle=e=>styled.css(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],e.theme.colors.white,e.theme.colors.alto,e.color?color.color(e.color):null,e.placeholderColor?color.color(e.placeholderColor):null,focusStyle,e.disabled?disabledStyle:null,e.rounded?roundedStyle:null,e.width?responsiveProperty.property(helpers.chooseWidthValue(e.width),e.fluid&&e.width!=='auto'?'max-width':'width'):null,responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e.widthXS,widthS:e.widthS,widthM:e.widthM,widthL:e.widthL,widthXL:e.widthXL},cssProperty:e.fluid&&e.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue}),e.fluid?styled.css(["width:100%;"]):null,e.error?errorStyle:null);const Root=styled__default.default(InputMask__default.default).withConfig({shouldForwardProp:e=>!['color','placeholderColor','rounded','fluid','error'].includes(e)&&!e.includes('width')}).withConfig({displayName:"Input__Root",componentId:"ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],e=>baseInputStyle(e));const IconButtonSeparated=styled__default.default(IconButton.IconButton).withConfig({displayName:"Input__IconButtonSeparated",componentId:"ui__sc-1gazj3c-1"})(["",""],e=>`\n    position: relative;\n    margin-left: 9px;\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 60%;\n      top: 50%;\n      left: -5px;\n      transform: translateY(-50%);\n      background-color: ${e.theme.colors['border-onmain-default-large']};\n    }\n  `);exports.IconButtonSeparated=IconButtonSeparated,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

@@ -1 +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 { IconButton } from 'components/IconButton'\nimport type { StyledBaseInputProps } from './types'\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 IconButtonSeparated = styled(IconButton)`\n  ${(props) => `\n    position: relative;\n    margin-left: 9px;\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 60%;\n      top: 50%;\n      left: -5px;\n      transform: translateY(-50%);\n      background-color: ${props.theme.colors['border-onmain-default-large']};\n    }\n  `}\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","IconButtonSeparated","IconButton"],"mappings":"qiBAUaA,WAAaC,OAAAA,IAAG,CAAA,oBAAA,qBAAA,MACNC,GAAUA,EAAMC,MAAMC,OAAOC,cAC7BH,GAAUI,mBAAAA,QAAUJ,EAAMC,MAAMC,OAAOC,aAAaE,SAAS,IAAKC,aAGlF,MAAMC,cAAgBR,OAAAA,IAAG,CAAA,qOAazB,MAAMS,WAAaT,OAAAA,qDAEDC,GAAUA,EAAMC,MAAMC,OAAOO,SAK/C,MAAMC,aAAeX,OAAAA,IAAG,CAAA,iBAAA,MACXC,GAAUA,EAAMC,MAAMU,eAGnC,MAAMC,eACXZ,GAiBGD,OAAAA,IAAG,CAAA,wDAAA,qBAAA,8CAAA,mBAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAGcC,EAAMC,MAAMC,OAAOW,MACnBb,EAAMC,MAAMC,OAAOY,KAIrCd,EAAMe,MAAQA,MAAAA,MAAMf,EAAMe,OAAS,KAEjCf,EAAMgB,iBAAmBD,MAAAA,MAAMf,EAAMgB,kBAAoB,KAE3DR,WACAR,EAAMiB,SAAWV,cAAgB,KACjCP,EAAMkB,QAAUR,aAAe,KAE/BV,EAAMmB,MACJC,mBAAAA,SAASC,QAAAA,iBAAiBrB,EAAMmB,OAAQnB,EAAMsB,OAAStB,EAAMmB,QAAU,OAAS,YAAc,SAC9F,KACFI,mBAAAA,wBAAwB,CACxBC,MAAO,CACLC,QAASzB,EAAMyB,QACfC,OAAQ1B,EAAM0B,OACdC,OAAQ3B,EAAM2B,OACdC,OAAQ5B,EAAM4B,OACdC,QAAS7B,EAAM6B,SAEjBC,YAAa9B,EAAMsB,OAAStB,EAAMmB,QAAU,OAAS,YAAc,QACnEY,kBAAmBV,QAAAA,mBAEnBrB,EAAMsB,MACJvB,OAAAA,IAAG,CAAA,gBAGH,KACFC,EAAMgC,MAAQlC,WAAa,MAGxB,MAAMmC,KAAkDC,gBAAAA,QAAOC,4BAAWC,WAAiC,CAChHC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,SAASC,SAASD,KAAUA,EAAKC,SAAS,WAC/FH,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAH6DP,CAG7D,CAAA,2CAAA,KAGGlC,GAAUY,eAAeZ,KAGvB,MAAM0C,oBAAsBR,gBAAAA,QAAOS,uBAAWP,WAAA,CAAAI,YAAA,6BAAAC,YAAA,oBAAlBP,CAAkB,CAAA,GAAA,KAChDlC,GAAU,8PAYWA,EAAMC,MAAMC,OAAO"}
+{"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 { IconButton } from 'components/IconButton'\nimport type { StyledBaseInputProps } from './types'\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 IconButtonSeparated = styled(IconButton)`\n  ${(props) => `\n    position: relative;\n    margin-left: 9px;\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 60%;\n      top: 50%;\n      left: -5px;\n      transform: translateY(-50%);\n      background-color: ${props.theme.colors['border-onmain-default-large']};\n    }\n  `}\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","IconButtonSeparated","IconButton"],"mappings":"qiBAUaA,WAAaC,OAAAA,IAAG,CAAA,oBAAA,qBAAA,KACNC,GAAUA,EAAMC,MAAMC,OAAOC,YAC7BH,GAAUI,mBAAAA,QAAUJ,EAAMC,MAAMC,OAAOC,aAAaE,SAAS,IAAKC,YAGlF,MAAMC,cAAgBR,OAAAA,IAAG,CAAA,qOAazB,MAAMS,WAAaT,OAAAA,oDAEDC,GAAUA,EAAMC,MAAMC,OAAOO,QAK/C,MAAMC,aAAeX,OAAAA,IAAG,CAAA,iBAAA,KACXC,GAAUA,EAAMC,MAAMU,cAGnC,MAAMC,eACXZ,GAiBGD,OAAAA,IAAG,CAAA,wDAAA,qBAAA,8CAAA,mBAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAGcC,EAAMC,MAAMC,OAAOW,MACnBb,EAAMC,MAAMC,OAAOY,KAIrCd,EAAMe,MAAQA,MAAAA,MAAMf,EAAMe,OAAS,KAEjCf,EAAMgB,iBAAmBD,MAAAA,MAAMf,EAAMgB,kBAAoB,KAE3DR,WACAR,EAAMiB,SAAWV,cAAgB,KACjCP,EAAMkB,QAAUR,aAAe,KAE/BV,EAAMmB,MACJC,mBAAAA,SAASC,QAAAA,iBAAiBrB,EAAMmB,OAAQnB,EAAMsB,OAAStB,EAAMmB,QAAU,OAAS,YAAc,SAC9F,KACFI,mBAAAA,wBAAwB,CACxBC,MAAO,CACLC,QAASzB,EAAMyB,QACfC,OAAQ1B,EAAM0B,OACdC,OAAQ3B,EAAM2B,OACdC,OAAQ5B,EAAM4B,OACdC,QAAS7B,EAAM6B,SAEjBC,YAAa9B,EAAMsB,OAAStB,EAAMmB,QAAU,OAAS,YAAc,QACnEY,kBAAmBV,QAAAA,mBAEnBrB,EAAMsB,MACJvB,OAAAA,IAAG,CAAA,gBAGH,KACFC,EAAMgC,MAAQlC,WAAa,MAGxB,MAAMmC,KAAkDC,gBAAAA,QAAOC,4BAAWC,WAAiC,CAChHC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,SAASC,SAASD,KAAUA,EAAKC,SAAS,WAC/FH,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAH6DP,CAG7D,CAAA,2CAAA,IAGGlC,GAAUY,eAAeZ,IAGvB,MAAM0C,oBAAsBR,gBAAAA,QAAOS,uBAAWP,WAAA,CAAAI,YAAA,6BAAAC,YAAA,oBAAlBP,CAAkB,CAAA,GAAA,IAChDlC,GAAU,8PAYWA,EAAMC,MAAMC,OAAO"}

package/components/Input/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import InputMask from'react-input-mask';import tinycolor from'tinycolor2';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'./helpers.mjs';import{IconButton}from'../IconButton/IconButton.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 IconButtonSeparated=styled(IconButton).withConfig({displayName:"Input__IconButtonSeparated",componentId:"ui__sc-1gazj3c-1"})(["",""],(o=>`\n    position: relative;\n    margin-left: 9px;\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 60%;\n      top: 50%;\n      left: -5px;\n      transform: translateY(-50%);\n      background-color: ${o.theme.colors['border-onmain-default-large']};\n    }\n  `));export{IconButtonSeparated,Root,baseInputStyle,disabledStyle,errorStyle,focusStyle,roundedStyle};
+import styled,{css}from'styled-components';import InputMask from'react-input-mask';import tinycolor from'tinycolor2';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'./helpers.mjs';import{IconButton}from'../IconButton/IconButton.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 IconButtonSeparated=styled(IconButton).withConfig({displayName:"Input__IconButtonSeparated",componentId:"ui__sc-1gazj3c-1"})(["",""],o=>`\n    position: relative;\n    margin-left: 9px;\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 60%;\n      top: 50%;\n      left: -5px;\n      transform: translateY(-50%);\n      background-color: ${o.theme.colors['border-onmain-default-large']};\n    }\n  `);export{IconButtonSeparated,Root,baseInputStyle,disabledStyle,errorStyle,focusStyle,roundedStyle};
 //# sourceMappingURL=style.mjs.map

package/components/Input/style.mjs.map

@@ -1 +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 { IconButton } from 'components/IconButton'\nimport type { StyledBaseInputProps } from './types'\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 IconButtonSeparated = styled(IconButton)`\n  ${(props) => `\n    position: relative;\n    margin-left: 9px;\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 60%;\n      top: 50%;\n      left: -5px;\n      transform: translateY(-50%);\n      background-color: ${props.theme.colors['border-onmain-default-large']};\n    }\n  `}\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","IconButtonSeparated","IconButton"],"mappings":"yVAUaA,WAAaC,IAAG,CAAA,oBAAA,qBAAA,MACNC,GAAUA,EAAMC,MAAMC,OAAOC,cAC7BH,GAAUI,UAAUJ,EAAMC,MAAMC,OAAOC,aAAaE,SAAS,IAAKC,aAGlF,MAAMC,cAAgBR,IAAG,CAAA,qOAazB,MAAMS,WAAaT,qDAEDC,GAAUA,EAAMC,MAAMC,OAAOO,SAK/C,MAAMC,aAAeX,IAAG,CAAA,iBAAA,MACXC,GAAUA,EAAMC,MAAMU,eAGnC,MAAMC,eACXZ,GAiBGD,IAAG,CAAA,wDAAA,qBAAA,8CAAA,mBAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAGcC,EAAMC,MAAMC,OAAOW,MACnBb,EAAMC,MAAMC,OAAOY,KAIrCd,EAAMe,MAAQA,MAAMf,EAAMe,OAAS,KAEjCf,EAAMgB,iBAAmBD,MAAMf,EAAMgB,kBAAoB,KAE3DR,WACAR,EAAMiB,SAAWV,cAAgB,KACjCP,EAAMkB,QAAUR,aAAe,KAE/BV,EAAMmB,MACJC,SAASC,iBAAiBrB,EAAMmB,OAAQnB,EAAMsB,OAAStB,EAAMmB,QAAU,OAAS,YAAc,SAC9F,KACFI,wBAAwB,CACxBC,MAAO,CACLC,QAASzB,EAAMyB,QACfC,OAAQ1B,EAAM0B,OACdC,OAAQ3B,EAAM2B,OACdC,OAAQ5B,EAAM4B,OACdC,QAAS7B,EAAM6B,SAEjBC,YAAa9B,EAAMsB,OAAStB,EAAMmB,QAAU,OAAS,YAAc,QACnEY,kBAAmBV,mBAEnBrB,EAAMsB,MACJvB,IAAG,CAAA,gBAGH,KACFC,EAAMgC,MAAQlC,WAAa,MAGxB,MAAMmC,KAAkDC,OAAOC,WAAWC,WAAiC,CAChHC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,SAASC,SAASD,KAAUA,EAAKC,SAAS,WAC/FH,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAH6DP,CAG7D,CAAA,2CAAA,KAGGlC,GAAUY,eAAeZ,KAGvB,MAAM0C,oBAAsBR,OAAOS,YAAWP,WAAA,CAAAI,YAAA,6BAAAC,YAAA,oBAAlBP,CAAkB,CAAA,GAAA,KAChDlC,GAAU,8PAYWA,EAAMC,MAAMC,OAAO"}
+{"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 { IconButton } from 'components/IconButton'\nimport type { StyledBaseInputProps } from './types'\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 IconButtonSeparated = styled(IconButton)`\n  ${(props) => `\n    position: relative;\n    margin-left: 9px;\n\n    &::before {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 60%;\n      top: 50%;\n      left: -5px;\n      transform: translateY(-50%);\n      background-color: ${props.theme.colors['border-onmain-default-large']};\n    }\n  `}\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","IconButtonSeparated","IconButton"],"mappings":"yVAUaA,WAAaC,IAAG,CAAA,oBAAA,qBAAA,KACNC,GAAUA,EAAMC,MAAMC,OAAOC,YAC7BH,GAAUI,UAAUJ,EAAMC,MAAMC,OAAOC,aAAaE,SAAS,IAAKC,YAGlF,MAAMC,cAAgBR,IAAG,CAAA,qOAazB,MAAMS,WAAaT,oDAEDC,GAAUA,EAAMC,MAAMC,OAAOO,QAK/C,MAAMC,aAAeX,IAAG,CAAA,iBAAA,KACXC,GAAUA,EAAMC,MAAMU,cAGnC,MAAMC,eACXZ,GAiBGD,IAAG,CAAA,wDAAA,qBAAA,8CAAA,mBAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAGcC,EAAMC,MAAMC,OAAOW,MACnBb,EAAMC,MAAMC,OAAOY,KAIrCd,EAAMe,MAAQA,MAAMf,EAAMe,OAAS,KAEjCf,EAAMgB,iBAAmBD,MAAMf,EAAMgB,kBAAoB,KAE3DR,WACAR,EAAMiB,SAAWV,cAAgB,KACjCP,EAAMkB,QAAUR,aAAe,KAE/BV,EAAMmB,MACJC,SAASC,iBAAiBrB,EAAMmB,OAAQnB,EAAMsB,OAAStB,EAAMmB,QAAU,OAAS,YAAc,SAC9F,KACFI,wBAAwB,CACxBC,MAAO,CACLC,QAASzB,EAAMyB,QACfC,OAAQ1B,EAAM0B,OACdC,OAAQ3B,EAAM2B,OACdC,OAAQ5B,EAAM4B,OACdC,QAAS7B,EAAM6B,SAEjBC,YAAa9B,EAAMsB,OAAStB,EAAMmB,QAAU,OAAS,YAAc,QACnEY,kBAAmBV,mBAEnBrB,EAAMsB,MACJvB,IAAG,CAAA,gBAGH,KACFC,EAAMgC,MAAQlC,WAAa,MAGxB,MAAMmC,KAAkDC,OAAOC,WAAWC,WAAiC,CAChHC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,SAASC,SAASD,KAAUA,EAAKC,SAAS,WAC/FH,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAH6DP,CAG7D,CAAA,2CAAA,IAGGlC,GAAUY,eAAeZ,IAGvB,MAAM0C,oBAAsBR,OAAOS,YAAWP,WAAA,CAAAI,YAAA,6BAAAC,YAAA,oBAAlBP,CAAkB,CAAA,GAAA,IAChDlC,GAAU,8PAYWA,EAAMC,MAAMC,OAAO"}