@foxford/ui 2.108.1 → 2.109.0

package/components/FormInputLabel/FormInputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInputLabel.js","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES, SIZES_CONTAINER } from './sizes'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<FormInputLabelProps>>((props, ref) => {\n    const {\n      size = 'm',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      input,\n      text,\n      controls,\n      addonLeft,\n      addonRight,\n      dropdown,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        {addonLeft ? <Styled.AddonLeft>{addonLeft}</Styled.AddonLeft> : null}\n        <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER} grow={1}>\n          {input}\n        </Styled.Container>\n        {text ? (\n          <Styled.Container\n            {...sizeProps}\n            sizes={SIZES_CONTAINER}\n            marginRight={!addonRight && !controls ? 8 : undefined}\n          >\n            <Text size='inherit' color='inherit' lineHeight='inherit' whiteSpace='nowrap'>\n              {text}\n            </Text>\n          </Styled.Container>\n        ) : null}\n        {addonRight ? <Styled.AddonRight marginRight={controls ? 0 : 4}>{addonRight}</Styled.AddonRight> : null}\n        {controls}\n        {dropdown ? <Styled.Dropdown>{dropdown}</Styled.Dropdown> : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["FormInputLabel","withMergedProps","forwardRef","props","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","input","text","controls","addonLeft","addonRight","dropdown","restProps","sizeProps","_jsxs","Styled","children","_jsx","sizes","SIZES_CONTAINER","grow","marginRight","undefined","Text","color","lineHeight","whiteSpace","SIZES","displayName"],"mappings":"qPAUA,MAAMA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,WAA6D,CAACC,EAAOC,KACnE,MAAMC,KACJA,EAAO,IAAGC,QACVA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,UACRA,EAASC,WACTA,EAAUC,SACVA,KACGC,GACDf,EAEJ,MAAMgB,EAAY,CAChBd,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACES,WAAAA,KAACC,MAAAA,KAAW,IAAKH,KAAeC,EAAWf,IAAKA,EAAIkB,UACjDP,EAAYQ,WAAAA,IAACF,gBAAgB,CAAAC,SAAEP,IAAgC,KAChEQ,WAAAA,IAACF,gBAAgB,IAAKF,EAAWK,MAAOC,MAAAA,gBAAiBC,KAAM,EAAEJ,SAC9DV,IAEFC,EACCU,WAAAA,IAACF,gBAAgB,IACXF,EACJK,MAAOC,MAAAA,gBACPE,YAAcX,GAAeF,OAAec,EAAJ,EAAcN,SAEtDC,WAAAA,IAACM,UAAI,CAACxB,KAAK,UAAUyB,MAAM,UAAUC,WAAW,UAAUC,WAAW,SAAQV,SAC1ET,MAGH,KACHG,EAAaO,WAAAA,IAACF,MAAAA,WAAiB,CAACM,YAAab,EAAW,EAAI,EAAEQ,SAAEN,IAAkC,KAClGF,EACAG,EAAWM,WAAAA,IAACF,MAAAA,SAAe,CAAAC,SAAEL,IAA8B,UAIlE,CACEO,MAAOS,MAAAA,MACPC,YA3DmB,0CAAA"}
+{"version":3,"file":"FormInputLabel.js","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Slot } from 'components/Slot'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { isNil } from 'shared/utils/isNil'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport type { IconProps } from 'components/Icon'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES, SIZES_CONTENT, SIZES_ICON, SIZES_ICON_BUTTON } from './sizes'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<FormInputLabelProps>>((props, ref) => {\n    const {\n      size = 'm',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      input,\n      text,\n      addonLeft,\n      addonRight,\n      floats,\n      dropdown,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      sizes: SIZES_ICON,\n      color: restProps.disabled ? 'content-disabled' : 'content-onmain-tertiary',\n      preset: 'brand',\n    }\n\n    const iconButtonProps: Omit<IconButtonProps, 'icon'> = {\n      ...sizeProps,\n      sizes: SIZES_ICON_BUTTON,\n      square: true,\n      disabled: restProps.disabled,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Container>\n          <Slot\n            render={addonLeft}\n            props={{\n              iconProps: {\n                ...iconProps,\n                marginLeft: 'var(--form-input-label-margin)',\n              },\n              iconButtonProps,\n            }}\n          />\n          <Styled.Content {...sizeProps} sizes={SIZES_CONTENT} grow={1}>\n            {input}\n          </Styled.Content>\n          {!isNil(text) ? (\n            <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n              <Text size='inherit' color='inherit' lineHeight='inherit' whiteSpace='nowrap'>\n                {text}\n              </Text>\n            </Styled.Content>\n          ) : null}\n          <Slot\n            render={addonRight}\n            props={{\n              iconProps: {\n                ...iconProps,\n                marginRight: 'var(--form-input-label-margin)',\n              },\n              iconButtonProps,\n            }}\n          />\n        </Styled.Container>\n        <Slot\n          render={floats}\n          props={{\n            iconProps,\n            iconButtonProps,\n          }}\n        />\n        {dropdown ? (\n          <Styled.Dropdown>\n            <Slot\n              render={dropdown}\n              props={{\n                iconProps,\n                iconButtonProps,\n              }}\n            />\n          </Styled.Dropdown>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["FormInputLabel","withMergedProps","forwardRef","props","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","input","text","addonLeft","addonRight","floats","dropdown","restProps","sizeProps","iconProps","sizes","SIZES_ICON","color","disabled","preset","iconButtonProps","SIZES_ICON_BUTTON","square","_jsxs","Styled","children","_jsx","Slot","render","marginLeft","SIZES_CONTENT","grow","isNil","Text","lineHeight","whiteSpace","marginRight","SIZES","displayName"],"mappings":"0UAcA,MAAMA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,WAA6D,CAACC,EAAOC,KACnE,MAAMC,KACJA,EAAO,IAAGC,QACVA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,UACJA,EAASC,WACTA,EAAUC,OACVA,EAAMC,SACNA,KACGC,GACDf,EAEJ,MAAMgB,EAAY,CAChBd,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMS,EAAuB,IACxBD,EACHE,MAAOC,MAAAA,WACPC,MAAOL,EAAUM,SAAW,mBAAqB,0BACjDC,OAAQ,SAGV,MAAMC,EAAiD,IAClDP,EACHE,MAAOM,MAAAA,kBACPC,QAAQ,EACRJ,SAAUN,EAAUM,UAGtB,OACEK,WAAAA,KAACC,MAAAA,KAAW,IAAKZ,KAAeC,EAAWf,IAAKA,EAAI2B,SAAA,CAClDF,WAAAA,KAACC,gBAAgB,CAAAC,SAAA,CACfC,WAAAA,IAACC,UAAI,CACHC,OAAQpB,EACRX,MAAO,CACLiB,UAAW,IACNA,EACHe,WAAY,kCAEdT,qBAGJM,WAAAA,IAACF,cAAc,IAAKX,EAAWE,MAAOe,MAAAA,cAAeC,KAAM,EAAEN,SAC1DnB,IAED0B,MAAAA,MAAMzB,GAMJ,KALFmB,WAAAA,IAACF,MAAAA,QAAc,IAAKX,EAAWE,MAAOe,MAAAA,cAAcL,SAClDC,WAAAA,IAACO,UAAI,CAAClC,KAAK,UAAUkB,MAAM,UAAUiB,WAAW,UAAUC,WAAW,SAAQV,SAC1ElB,MAIPmB,WAAAA,IAACC,UAAI,CACHC,OAAQnB,EACRZ,MAAO,CACLiB,UAAW,IACNA,EACHsB,YAAa,kCAEfhB,wBAINM,WAAAA,IAACC,UAAI,CACHC,OAAQlB,EACRb,MAAO,CACLiB,YACAM,qBAGHT,EACCe,WAAAA,IAACF,eAAe,CAAAC,SACdC,WAAAA,IAACC,UAAI,CACHC,OAAQjB,EACRd,MAAO,CACLiB,YACAM,uBAIJ,UAIV,CACEL,MAAOsB,MAAAA,MACPC,YAzGmB,0CAAA"}

package/components/FormInputLabel/FormInputLabel.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_CONTAINER}from'./sizes.mjs';import{Root,AddonLeft,Container,AddonRight,Dropdown}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='FormInputLabel';const FormInputLabel=withMergedProps(forwardRef((e,i)=>{const{size:r="m",sizeXXS:o,sizeXS:s,sizeS:t,sizeM:n,sizeL:d,sizeXL:m,input:l,text:h,controls:p,addonLeft:a,addonRight:z,dropdown:c,...S}=e;const x={size:r,sizeXXS:o,sizeXS:s,sizeS:t,sizeM:n,sizeL:d,sizeXL:m};return jsxs(Root,{...S,...x,ref:i,children:[a?jsx(AddonLeft,{children:a}):null,jsx(Container,{...x,sizes:SIZES_CONTAINER,grow:1,children:l}),h?jsx(Container,{...x,sizes:SIZES_CONTAINER,marginRight:z||p?void 0:8,children:jsx(Text,{size:"inherit",color:"inherit",lineHeight:"inherit",whiteSpace:"nowrap",children:h})}):null,z?jsx(AddonRight,{marginRight:p?0:4,children:z}):null,p,c?jsx(Dropdown,{children:c}):null]})}),{sizes:SIZES,displayName:"FormInputLabel"});export{COMPONENT_NAME,FormInputLabel};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{SIZES,SIZES_ICON_BUTTON,SIZES_ICON,SIZES_CONTENT}from'./sizes.mjs';import{Root,Container,Content,Dropdown}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='FormInputLabel';const FormInputLabel=withMergedProps(forwardRef((o,r)=>{const{size:e="m",sizeXXS:s,sizeXS:i,sizeS:t,sizeM:n,sizeL:p,sizeXL:l,input:m,text:a,addonLeft:d,addonRight:S,floats:c,dropdown:N,...z}=o;const j={size:e,sizeXXS:s,sizeXS:i,sizeS:t,sizeM:n,sizeL:p,sizeXL:l};const x={...j,sizes:SIZES_ICON,color:z.disabled?'content-disabled':'content-onmain-tertiary',preset:'brand'};const f={...j,sizes:SIZES_ICON_BUTTON,square:!0,disabled:z.disabled};return jsxs(Root,{...z,...j,ref:r,children:[jsxs(Container,{children:[jsx(Slot,{render:d,props:{iconProps:{...x,marginLeft:'var(--form-input-label-margin)'},iconButtonProps:f}}),jsx(Content,{...j,sizes:SIZES_CONTENT,grow:1,children:m}),isNil(a)?null:jsx(Content,{...j,sizes:SIZES_CONTENT,children:jsx(Text,{size:"inherit",color:"inherit",lineHeight:"inherit",whiteSpace:"nowrap",children:a})}),jsx(Slot,{render:S,props:{iconProps:{...x,marginRight:'var(--form-input-label-margin)'},iconButtonProps:f}})]}),jsx(Slot,{render:c,props:{iconProps:x,iconButtonProps:f}}),N?jsx(Dropdown,{children:jsx(Slot,{render:N,props:{iconProps:x,iconButtonProps:f}})}):null]})}),{sizes:SIZES,displayName:"FormInputLabel"});export{COMPONENT_NAME,FormInputLabel};
 //# sourceMappingURL=FormInputLabel.mjs.map

package/components/FormInputLabel/FormInputLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormInputLabel.mjs","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES, SIZES_CONTAINER } from './sizes'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<FormInputLabelProps>>((props, ref) => {\n    const {\n      size = 'm',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      input,\n      text,\n      controls,\n      addonLeft,\n      addonRight,\n      dropdown,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        {addonLeft ? <Styled.AddonLeft>{addonLeft}</Styled.AddonLeft> : null}\n        <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER} grow={1}>\n          {input}\n        </Styled.Container>\n        {text ? (\n          <Styled.Container\n            {...sizeProps}\n            sizes={SIZES_CONTAINER}\n            marginRight={!addonRight && !controls ? 8 : undefined}\n          >\n            <Text size='inherit' color='inherit' lineHeight='inherit' whiteSpace='nowrap'>\n              {text}\n            </Text>\n          </Styled.Container>\n        ) : null}\n        {addonRight ? <Styled.AddonRight marginRight={controls ? 0 : 4}>{addonRight}</Styled.AddonRight> : null}\n        {controls}\n        {dropdown ? <Styled.Dropdown>{dropdown}</Styled.Dropdown> : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormInputLabel","withMergedProps","forwardRef","props","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","input","text","controls","addonLeft","addonRight","dropdown","restProps","sizeProps","_jsxs","Styled","children","_jsx","sizes","SIZES_CONTAINER","grow","marginRight","undefined","Text","color","lineHeight","whiteSpace","SIZES","displayName"],"mappings":"0RAQA,MAAMA,eAAiB,iBAEvB,MAAMC,eAAuEC,gBAI3EC,WAA6D,CAACC,EAAOC,KACnE,MAAMC,KACJA,EAAO,IAAGC,QACVA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,UACRA,EAASC,WACTA,EAAUC,SACVA,KACGC,GACDf,EAEJ,MAAMgB,EAAY,CAChBd,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACES,KAACC,KAAW,IAAKH,KAAeC,EAAWf,IAAKA,EAAIkB,UACjDP,EAAYQ,IAACF,UAAgB,CAAAC,SAAEP,IAAgC,KAChEQ,IAACF,UAAgB,IAAKF,EAAWK,MAAOC,gBAAiBC,KAAM,EAAEJ,SAC9DV,IAEFC,EACCU,IAACF,UAAgB,IACXF,EACJK,MAAOC,gBACPE,YAAcX,GAAeF,OAAec,EAAJ,EAAcN,SAEtDC,IAACM,KAAI,CAACxB,KAAK,UAAUyB,MAAM,UAAUC,WAAW,UAAUC,WAAW,SAAQV,SAC1ET,MAGH,KACHG,EAAaO,IAACF,WAAiB,CAACM,YAAab,EAAW,EAAI,EAAEQ,SAAEN,IAAkC,KAClGF,EACAG,EAAWM,IAACF,SAAe,CAAAC,SAAEL,IAA8B,UAIlE,CACEO,MAAOS,MACPC,YA3DmB"}
+{"version":3,"file":"FormInputLabel.mjs","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Slot } from 'components/Slot'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { isNil } from 'shared/utils/isNil'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport type { IconProps } from 'components/Icon'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES, SIZES_CONTENT, SIZES_ICON, SIZES_ICON_BUTTON } from './sizes'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<FormInputLabelProps>>((props, ref) => {\n    const {\n      size = 'm',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      input,\n      text,\n      addonLeft,\n      addonRight,\n      floats,\n      dropdown,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      sizes: SIZES_ICON,\n      color: restProps.disabled ? 'content-disabled' : 'content-onmain-tertiary',\n      preset: 'brand',\n    }\n\n    const iconButtonProps: Omit<IconButtonProps, 'icon'> = {\n      ...sizeProps,\n      sizes: SIZES_ICON_BUTTON,\n      square: true,\n      disabled: restProps.disabled,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Container>\n          <Slot\n            render={addonLeft}\n            props={{\n              iconProps: {\n                ...iconProps,\n                marginLeft: 'var(--form-input-label-margin)',\n              },\n              iconButtonProps,\n            }}\n          />\n          <Styled.Content {...sizeProps} sizes={SIZES_CONTENT} grow={1}>\n            {input}\n          </Styled.Content>\n          {!isNil(text) ? (\n            <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n              <Text size='inherit' color='inherit' lineHeight='inherit' whiteSpace='nowrap'>\n                {text}\n              </Text>\n            </Styled.Content>\n          ) : null}\n          <Slot\n            render={addonRight}\n            props={{\n              iconProps: {\n                ...iconProps,\n                marginRight: 'var(--form-input-label-margin)',\n              },\n              iconButtonProps,\n            }}\n          />\n        </Styled.Container>\n        <Slot\n          render={floats}\n          props={{\n            iconProps,\n            iconButtonProps,\n          }}\n        />\n        {dropdown ? (\n          <Styled.Dropdown>\n            <Slot\n              render={dropdown}\n              props={{\n                iconProps,\n                iconButtonProps,\n              }}\n            />\n          </Styled.Dropdown>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormInputLabel","withMergedProps","forwardRef","props","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","input","text","addonLeft","addonRight","floats","dropdown","restProps","sizeProps","iconProps","sizes","SIZES_ICON","color","disabled","preset","iconButtonProps","SIZES_ICON_BUTTON","square","_jsxs","Styled","children","_jsx","Slot","render","marginLeft","SIZES_CONTENT","grow","isNil","Text","lineHeight","whiteSpace","marginRight","SIZES","displayName"],"mappings":"2XAYA,MAAMA,eAAiB,iBAEvB,MAAMC,eAAuEC,gBAI3EC,WAA6D,CAACC,EAAOC,KACnE,MAAMC,KACJA,EAAO,IAAGC,QACVA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,UACJA,EAASC,WACTA,EAAUC,OACVA,EAAMC,SACNA,KACGC,GACDf,EAEJ,MAAMgB,EAAY,CAChBd,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMS,EAAuB,IACxBD,EACHE,MAAOC,WACPC,MAAOL,EAAUM,SAAW,mBAAqB,0BACjDC,OAAQ,SAGV,MAAMC,EAAiD,IAClDP,EACHE,MAAOM,kBACPC,QAAQ,EACRJ,SAAUN,EAAUM,UAGtB,OACEK,KAACC,KAAW,IAAKZ,KAAeC,EAAWf,IAAKA,EAAI2B,SAAA,CAClDF,KAACC,UAAgB,CAAAC,SAAA,CACfC,IAACC,KAAI,CACHC,OAAQpB,EACRX,MAAO,CACLiB,UAAW,IACNA,EACHe,WAAY,kCAEdT,qBAGJM,IAACF,QAAc,IAAKX,EAAWE,MAAOe,cAAeC,KAAM,EAAEN,SAC1DnB,IAED0B,MAAMzB,GAMJ,KALFmB,IAACF,QAAc,IAAKX,EAAWE,MAAOe,cAAcL,SAClDC,IAACO,KAAI,CAAClC,KAAK,UAAUkB,MAAM,UAAUiB,WAAW,UAAUC,WAAW,SAAQV,SAC1ElB,MAIPmB,IAACC,KAAI,CACHC,OAAQnB,EACRZ,MAAO,CACLiB,UAAW,IACNA,EACHsB,YAAa,kCAEfhB,wBAINM,IAACC,KAAI,CACHC,OAAQlB,EACRb,MAAO,CACLiB,YACAM,qBAGHT,EACCe,IAACF,SAAe,CAAAC,SACdC,IAACC,KAAI,CACHC,OAAQjB,EACRd,MAAO,CACLiB,YACAM,uBAIJ,UAIV,CACEL,MAAOsB,MACPC,YAzGmB"}

package/components/FormInputLabel/sizes.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={l:{fontSize:18,paddingRight:8,paddingLeft:16,height:56,borderRadius:12,'--gap':'12px'},m:{fontSize:16,paddingRight:8,paddingLeft:16,height:48,borderRadius:10,'--gap':'12px'},s:{fontSize:14,paddingRight:6,paddingLeft:14,height:40,borderRadius:8,'--gap':'12px'},xs:{fontSize:14,paddingRight:4,paddingLeft:10,height:32,borderRadius:7,'--gap':'8px'}},exports.SIZES_CONTAINER={l:{paddingTop:14,paddingBottom:6},m:{paddingTop:11,paddingBottom:4},s:{paddingTop:9,paddingBottom:3},xs:{paddingTop:5,paddingBottom:0}};
+'use strict';var sizes=require('../IconButton/sizes.js');const SIZES_ICON_BUTTON={l:sizes.SIZES_BASE.xxl,m:sizes.SIZES_BASE.xl,s:sizes.SIZES_BASE.l,xs:sizes.SIZES_BASE.m};exports.SIZES={l:{fontSize:18,height:56,paddingRight:7,paddingLeft:7,borderRadius:12,minWidth:'min-content','--form-input-label-gap':'12px','--form-input-label-margin':'8px'},m:{fontSize:16,height:48,paddingRight:7,paddingLeft:7,borderRadius:10,minWidth:'min-content','--form-input-label-gap':'12px','--form-input-label-margin':'8px'},s:{fontSize:14,height:40,paddingRight:5,paddingLeft:5,borderRadius:8,minWidth:'min-content','--form-input-label-gap':'12px','--form-input-label-margin':'8px'},xs:{fontSize:14,height:32,paddingRight:3,paddingLeft:3,borderRadius:7,minWidth:'min-content','--form-input-label-gap':'8px','--form-input-label-margin':'6px'}},exports.SIZES_CONTENT={l:{paddingTop:14,paddingBottom:6},m:{paddingTop:11,paddingBottom:4},s:{paddingTop:9,paddingBottom:3},xs:{paddingTop:5,paddingBottom:0}},exports.SIZES_ICON={l:{fontSize:24},m:{fontSize:24},s:{fontSize:20},xs:{fontSize:18}},exports.SIZES_ICON_BUTTON=SIZES_ICON_BUTTON;
 //# sourceMappingURL=sizes.js.map

package/components/FormInputLabel/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","sources":["../../../../src/components/FormInputLabel/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  l: {\n    fontSize: 18,\n    paddingRight: 8,\n    paddingLeft: 16,\n    height: 56,\n    borderRadius: 12,\n    '--gap': '12px',\n  },\n  m: {\n    fontSize: 16,\n    paddingRight: 8,\n    paddingLeft: 16,\n    height: 48,\n    borderRadius: 10,\n    '--gap': '12px',\n  },\n  s: {\n    fontSize: 14,\n    paddingRight: 6,\n    paddingLeft: 14,\n    height: 40,\n    borderRadius: 8,\n    '--gap': '12px',\n  },\n  xs: {\n    fontSize: 14,\n    paddingRight: 4,\n    paddingLeft: 10,\n    height: 32,\n    borderRadius: 7,\n    '--gap': '8px',\n  },\n}\n\nexport const SIZES_CONTAINER: Record<Size, CSSProperties> = {\n  l: {\n    paddingTop: 14,\n    paddingBottom: 6,\n  },\n  m: {\n    paddingTop: 11,\n    paddingBottom: 4,\n  },\n  s: {\n    paddingTop: 9,\n    paddingBottom: 3,\n  },\n  xs: {\n    paddingTop: 5,\n    paddingBottom: 0,\n  },\n}\n"],"names":["l","fontSize","paddingRight","paddingLeft","height","borderRadius","m","s","xs","paddingTop","paddingBottom"],"mappings":"2BAGkD,CAChDA,EAAG,CACDC,SAAU,GACVC,aAAc,EACdC,YAAa,GACbC,OAAQ,GACRC,aAAc,GACd,QAAS,QAEXC,EAAG,CACDL,SAAU,GACVC,aAAc,EACdC,YAAa,GACbC,OAAQ,GACRC,aAAc,GACd,QAAS,QAEXE,EAAG,CACDN,SAAU,GACVC,aAAc,EACdC,YAAa,GACbC,OAAQ,GACRC,aAAc,EACd,QAAS,QAEXG,GAAI,CACFP,SAAU,GACVC,aAAc,EACdC,YAAa,GACbC,OAAQ,GACRC,aAAc,EACd,QAAS,gCAI+C,CAC1DL,EAAG,CACDS,WAAY,GACZC,cAAe,GAEjBJ,EAAG,CACDG,WAAY,GACZC,cAAe,GAEjBH,EAAG,CACDE,WAAY,EACZC,cAAe,GAEjBF,GAAI,CACFC,WAAY,EACZC,cAAe"}
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/FormInputLabel/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_BASE_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  l: {\n    fontSize: 18,\n    height: 56,\n    paddingRight: 7,\n    paddingLeft: 7,\n    borderRadius: 12,\n    minWidth: 'min-content',\n    '--form-input-label-gap': '12px',\n    '--form-input-label-margin': '8px',\n  },\n  m: {\n    fontSize: 16,\n    height: 48,\n    paddingRight: 7,\n    paddingLeft: 7,\n    borderRadius: 10,\n    minWidth: 'min-content',\n    '--form-input-label-gap': '12px',\n    '--form-input-label-margin': '8px',\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingRight: 5,\n    paddingLeft: 5,\n    borderRadius: 8,\n    minWidth: 'min-content',\n    '--form-input-label-gap': '12px',\n    '--form-input-label-margin': '8px',\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingRight: 3,\n    paddingLeft: 3,\n    borderRadius: 7,\n    minWidth: 'min-content',\n    '--form-input-label-gap': '8px',\n    '--form-input-label-margin': '6px',\n  },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  l: {\n    paddingTop: 14,\n    paddingBottom: 6,\n  },\n  m: {\n    paddingTop: 11,\n    paddingBottom: 4,\n  },\n  s: {\n    paddingTop: 9,\n    paddingBottom: 3,\n  },\n  xs: {\n    paddingTop: 5,\n    paddingBottom: 0,\n  },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  l: { fontSize: 24 },\n  m: { fontSize: 24 },\n  s: { fontSize: 20 },\n  xs: { fontSize: 18 },\n}\n\nexport const SIZES_ICON_BUTTON: Record<Size, CSSProperties> = {\n  l: SIZES_BASE_ICON_BUTTON.xxl,\n  m: SIZES_BASE_ICON_BUTTON.xl,\n  s: SIZES_BASE_ICON_BUTTON.l,\n  xs: SIZES_BASE_ICON_BUTTON.m,\n}\n"],"names":["SIZES_ICON_BUTTON","l","SIZES_BASE_ICON_BUTTON","xxl","m","xl","s","xs","fontSize","height","paddingRight","paddingLeft","borderRadius","minWidth","paddingTop","paddingBottom"],"mappings":"yDAyEO,MAAMA,kBAAiD,CAC5DC,EAAGC,MAAAA,WAAuBC,IAC1BC,EAAGF,MAAAA,WAAuBG,GAC1BC,EAAGJ,MAAAA,WAAuBD,EAC1BM,GAAIL,MAAAA,WAAuBE,iBAzEqB,CAChDH,EAAG,CACDO,SAAU,GACVC,OAAQ,GACRC,aAAc,EACdC,YAAa,EACbC,aAAc,GACdC,SAAU,cACV,yBAA0B,OAC1B,4BAA6B,OAE/BT,EAAG,CACDI,SAAU,GACVC,OAAQ,GACRC,aAAc,EACdC,YAAa,EACbC,aAAc,GACdC,SAAU,cACV,yBAA0B,OAC1B,4BAA6B,OAE/BP,EAAG,CACDE,SAAU,GACVC,OAAQ,GACRC,aAAc,EACdC,YAAa,EACbC,aAAc,EACdC,SAAU,cACV,yBAA0B,OAC1B,4BAA6B,OAE/BN,GAAI,CACFC,SAAU,GACVC,OAAQ,GACRC,aAAc,EACdC,YAAa,EACbC,aAAc,EACdC,SAAU,cACV,yBAA0B,MAC1B,4BAA6B,8BAIyB,CACxDZ,EAAG,CACDa,WAAY,GACZC,cAAe,GAEjBX,EAAG,CACDU,WAAY,GACZC,cAAe,GAEjBT,EAAG,CACDQ,WAAY,EACZC,cAAe,GAEjBR,GAAI,CACFO,WAAY,EACZC,cAAe,uBAIoC,CACrDd,EAAG,CAAEO,SAAU,IACfJ,EAAG,CAAEI,SAAU,IACfF,EAAG,CAAEE,SAAU,IACfD,GAAI,CAAEC,SAAU"}

package/components/FormInputLabel/sizes.mjs

@@ -1,2 +1,2 @@
-const SIZES={l:{fontSize:18,paddingRight:8,paddingLeft:16,height:56,borderRadius:12,'--gap':'12px'},m:{fontSize:16,paddingRight:8,paddingLeft:16,height:48,borderRadius:10,'--gap':'12px'},s:{fontSize:14,paddingRight:6,paddingLeft:14,height:40,borderRadius:8,'--gap':'12px'},xs:{fontSize:14,paddingRight:4,paddingLeft:10,height:32,borderRadius:7,'--gap':'8px'}};const SIZES_CONTAINER={l:{paddingTop:14,paddingBottom:6},m:{paddingTop:11,paddingBottom:4},s:{paddingTop:9,paddingBottom:3},xs:{paddingTop:5,paddingBottom:0}};export{SIZES,SIZES_CONTAINER};
+import{SIZES_BASE}from'../IconButton/sizes.mjs';const SIZES={l:{fontSize:18,height:56,paddingRight:7,paddingLeft:7,borderRadius:12,minWidth:'min-content','--form-input-label-gap':'12px','--form-input-label-margin':'8px'},m:{fontSize:16,height:48,paddingRight:7,paddingLeft:7,borderRadius:10,minWidth:'min-content','--form-input-label-gap':'12px','--form-input-label-margin':'8px'},s:{fontSize:14,height:40,paddingRight:5,paddingLeft:5,borderRadius:8,minWidth:'min-content','--form-input-label-gap':'12px','--form-input-label-margin':'8px'},xs:{fontSize:14,height:32,paddingRight:3,paddingLeft:3,borderRadius:7,minWidth:'min-content','--form-input-label-gap':'8px','--form-input-label-margin':'6px'}};const SIZES_CONTENT={l:{paddingTop:14,paddingBottom:6},m:{paddingTop:11,paddingBottom:4},s:{paddingTop:9,paddingBottom:3},xs:{paddingTop:5,paddingBottom:0}};const SIZES_ICON={l:{fontSize:24},m:{fontSize:24},s:{fontSize:20},xs:{fontSize:18}};const SIZES_ICON_BUTTON={l:SIZES_BASE.xxl,m:SIZES_BASE.xl,s:SIZES_BASE.l,xs:SIZES_BASE.m};export{SIZES,SIZES_CONTENT,SIZES_ICON,SIZES_ICON_BUTTON};
 //# sourceMappingURL=sizes.mjs.map

package/components/FormInputLabel/sizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/FormInputLabel/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  l: {\n    fontSize: 18,\n    paddingRight: 8,\n    paddingLeft: 16,\n    height: 56,\n    borderRadius: 12,\n    '--gap': '12px',\n  },\n  m: {\n    fontSize: 16,\n    paddingRight: 8,\n    paddingLeft: 16,\n    height: 48,\n    borderRadius: 10,\n    '--gap': '12px',\n  },\n  s: {\n    fontSize: 14,\n    paddingRight: 6,\n    paddingLeft: 14,\n    height: 40,\n    borderRadius: 8,\n    '--gap': '12px',\n  },\n  xs: {\n    fontSize: 14,\n    paddingRight: 4,\n    paddingLeft: 10,\n    height: 32,\n    borderRadius: 7,\n    '--gap': '8px',\n  },\n}\n\nexport const SIZES_CONTAINER: Record<Size, CSSProperties> = {\n  l: {\n    paddingTop: 14,\n    paddingBottom: 6,\n  },\n  m: {\n    paddingTop: 11,\n    paddingBottom: 4,\n  },\n  s: {\n    paddingTop: 9,\n    paddingBottom: 3,\n  },\n  xs: {\n    paddingTop: 5,\n    paddingBottom: 0,\n  },\n}\n"],"names":["SIZES","l","fontSize","paddingRight","paddingLeft","height","borderRadius","m","s","xs","SIZES_CONTAINER","paddingTop","paddingBottom"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,EAAG,CACDC,SAAU,GACVC,aAAc,EACdC,YAAa,GACbC,OAAQ,GACRC,aAAc,GACd,QAAS,QAEXC,EAAG,CACDL,SAAU,GACVC,aAAc,EACdC,YAAa,GACbC,OAAQ,GACRC,aAAc,GACd,QAAS,QAEXE,EAAG,CACDN,SAAU,GACVC,aAAc,EACdC,YAAa,GACbC,OAAQ,GACRC,aAAc,EACd,QAAS,QAEXG,GAAI,CACFP,SAAU,GACVC,aAAc,EACdC,YAAa,GACbC,OAAQ,GACRC,aAAc,EACd,QAAS,QAIN,MAAMI,gBAA+C,CAC1DT,EAAG,CACDU,WAAY,GACZC,cAAe,GAEjBL,EAAG,CACDI,WAAY,GACZC,cAAe,GAEjBJ,EAAG,CACDG,WAAY,EACZC,cAAe,GAEjBH,GAAI,CACFE,WAAY,EACZC,cAAe"}
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/FormInputLabel/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_BASE_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  l: {\n    fontSize: 18,\n    height: 56,\n    paddingRight: 7,\n    paddingLeft: 7,\n    borderRadius: 12,\n    minWidth: 'min-content',\n    '--form-input-label-gap': '12px',\n    '--form-input-label-margin': '8px',\n  },\n  m: {\n    fontSize: 16,\n    height: 48,\n    paddingRight: 7,\n    paddingLeft: 7,\n    borderRadius: 10,\n    minWidth: 'min-content',\n    '--form-input-label-gap': '12px',\n    '--form-input-label-margin': '8px',\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingRight: 5,\n    paddingLeft: 5,\n    borderRadius: 8,\n    minWidth: 'min-content',\n    '--form-input-label-gap': '12px',\n    '--form-input-label-margin': '8px',\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingRight: 3,\n    paddingLeft: 3,\n    borderRadius: 7,\n    minWidth: 'min-content',\n    '--form-input-label-gap': '8px',\n    '--form-input-label-margin': '6px',\n  },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  l: {\n    paddingTop: 14,\n    paddingBottom: 6,\n  },\n  m: {\n    paddingTop: 11,\n    paddingBottom: 4,\n  },\n  s: {\n    paddingTop: 9,\n    paddingBottom: 3,\n  },\n  xs: {\n    paddingTop: 5,\n    paddingBottom: 0,\n  },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  l: { fontSize: 24 },\n  m: { fontSize: 24 },\n  s: { fontSize: 20 },\n  xs: { fontSize: 18 },\n}\n\nexport const SIZES_ICON_BUTTON: Record<Size, CSSProperties> = {\n  l: SIZES_BASE_ICON_BUTTON.xxl,\n  m: SIZES_BASE_ICON_BUTTON.xl,\n  s: SIZES_BASE_ICON_BUTTON.l,\n  xs: SIZES_BASE_ICON_BUTTON.m,\n}\n"],"names":["SIZES","l","fontSize","height","paddingRight","paddingLeft","borderRadius","minWidth","m","s","xs","SIZES_CONTENT","paddingTop","paddingBottom","SIZES_ICON","SIZES_ICON_BUTTON","SIZES_BASE_ICON_BUTTON","xxl","xl"],"mappings":"gDAIO,MAAMA,MAAqC,CAChDC,EAAG,CACDC,SAAU,GACVC,OAAQ,GACRC,aAAc,EACdC,YAAa,EACbC,aAAc,GACdC,SAAU,cACV,yBAA0B,OAC1B,4BAA6B,OAE/BC,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRC,aAAc,EACdC,YAAa,EACbC,aAAc,GACdC,SAAU,cACV,yBAA0B,OAC1B,4BAA6B,OAE/BE,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRC,aAAc,EACdC,YAAa,EACbC,aAAc,EACdC,SAAU,cACV,yBAA0B,OAC1B,4BAA6B,OAE/BG,GAAI,CACFR,SAAU,GACVC,OAAQ,GACRC,aAAc,EACdC,YAAa,EACbC,aAAc,EACdC,SAAU,cACV,yBAA0B,MAC1B,4BAA6B,QAI1B,MAAMI,cAA6C,CACxDV,EAAG,CACDW,WAAY,GACZC,cAAe,GAEjBL,EAAG,CACDI,WAAY,GACZC,cAAe,GAEjBJ,EAAG,CACDG,WAAY,EACZC,cAAe,GAEjBH,GAAI,CACFE,WAAY,EACZC,cAAe,IAIZ,MAAMC,WAA0C,CACrDb,EAAG,CAAEC,SAAU,IACfM,EAAG,CAAEN,SAAU,IACfO,EAAG,CAAEP,SAAU,IACfQ,GAAI,CAAER,SAAU,KAGX,MAAMa,kBAAiD,CAC5Dd,EAAGe,WAAuBC,IAC1BT,EAAGQ,WAAuBE,GAC1BT,EAAGO,WAAuBf,EAC1BS,GAAIM,WAAuBR"}

package/components/FormInputLabel/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardFormInputLabelProp=style.createShouldForwardProp(o=>!['primary','secondary','error','success','focus','disabled','onColored','inline','zIndex','overflow'].includes(o));const shouldForwardContainerProp=style.createShouldForwardProp(o=>!['grow'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover.hover(`\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${o.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${o.backgroundColor}; \n  }\n`;const COLOR_SCHEMA={contrast:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor__default.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))},secondary:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-secondary']:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),...o.palette}))},primary:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor__default.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))}};const Dropdown=styled__default.default.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-1"})([""," "," "," "," ",""],o=>{const e='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: center;\n      min-width: min-content;\n      line-height: normal;\n      border: ${e} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      overflow: ${o.overflow??'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > *:not(:first-child) {\n        margin-left: var(--gap);\n      }\n\n      & > ${Dropdown} {\n        right: -${e};\n        left: -${e};\n        margin-left: 0;\n      }\n\n      ${hover.hover("\n          opacity: 0;\n        ",'&:hover [data-input-fading]::after')}\n    `},o=>o.focus?`\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `:`\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `,o=>{let e=COLOR_SCHEMA.primary;return o.secondary&&(e=COLOR_SCHEMA.secondary),(o.contrast||o.onColored)&&(e=COLOR_SCHEMA.contrast),o.disabled?e.disabled:o.error?e.error:o.success?e.success:e.default},responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Container=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardContainerProp}).withConfig({displayName:"FormInputLabel__Container",componentId:"ui__sc-1il4atw-2"})([""," "," ",""],o=>`\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${o.grow??0};\n  `,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const AddonLeft=styled__default.default.div.withConfig({displayName:"FormInputLabel__AddonLeft",componentId:"ui__sc-1il4atw-3"})(["display:flex;align-items:center;& > *:not(:first-child){margin-left:var(--gap);}"]);const AddonRight=styled__default.default.div.withConfig({shouldForwardProp:o=>!['marginRight'].includes(o)}).withConfig({displayName:"FormInputLabel__AddonRight",componentId:"ui__sc-1il4atw-4"})(["display:flex;align-items:center;margin-right:","px;& > *:not(:first-child){margin-left:var(--gap);}"],o=>o.marginRight);exports.AddonLeft=AddonLeft,exports.AddonRight=AddonRight,exports.Container=Container,exports.Dropdown=Dropdown,exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardFormInputLabelProp=style.createShouldForwardProp(o=>!['primary','secondary','error','success','focus','disabled','onColored','inline','zIndex','overflow'].includes(o));const shouldForwardContentProp=style.createShouldForwardProp(o=>!['grow'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover.hover(`\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${o.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${o.backgroundColor}; \n  }\n`;const COLOR_SCHEMA={contrast:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor__default.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))},secondary:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-secondary']:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),...o.palette}))},primary:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor__default.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))}};const Dropdown=styled__default.default.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-1"})([""," "," "," "," ",""],o=>{const e='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: stretch;\n      line-height: normal;\n      border: ${e} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      overflow: ${o.overflow??'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > ${Dropdown} {\n        right: -${e};\n        left: -${e};\n      }\n\n      ${hover.hover("\n          opacity: 0;\n        ",'&:hover [data-input-fading]::after')}\n    `},o=>o.focus?`\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `:`\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `,o=>{let e=COLOR_SCHEMA.primary;return o.secondary&&(e=COLOR_SCHEMA.secondary),(o.contrast||o.onColored)&&(e=COLOR_SCHEMA.contrast),o.disabled?e.disabled:o.error?e.error:o.success?e.success:e.default},responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Container=styled__default.default.div.withConfig({displayName:"FormInputLabel__Container",componentId:"ui__sc-1il4atw-2"})(["display:flex;box-sizing:border-box;align-items:center;flex-grow:1;& > *:not(:first-child){margin-left:var(--form-input-label-gap);}"]);const Content=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardContentProp}).withConfig({displayName:"FormInputLabel__Content",componentId:"ui__sc-1il4atw-3"})([""," &:first-child{margin-left:var(--form-input-label-margin);}&:last-child{margin-right:var(--form-input-label-margin);}",""],o=>`\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${o.grow??0};\n  `,responsiveSize.responsiveSize);exports.Container=Container,exports.Content=Content,exports.Dropdown=Dropdown,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/FormInputLabel/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/FormInputLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormInputLabelProps, FormInputLabelPalette, StyledContainerProps } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'error',\n      'success',\n      'focus',\n      'disabled',\n      'onColored',\n      'inline',\n      'zIndex',\n      'overflow',\n    ].includes(propKey)\n)\n\nconst shouldForwardContainerProp = createShouldForwardProp((propKey) => !['grow'].includes(propKey))\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${palette.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${palette.backgroundColor}; \n  }\n`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  secondary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-secondary']\n            : (tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  primary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Dropdown = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  margin-top: 8px;\n`\n\nexport const Root = styled.div.withConfig<StyledFormInputLabelProps>({\n  shouldForwardProp: shouldForwardFormInputLabelProp,\n})`\n  ${(props) => {\n    const borderWidth = '1px'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      align-items: center;\n      min-width: min-content;\n      line-height: normal;\n      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      overflow: ${props.overflow ?? 'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > *:not(:first-child) {\n        margin-left: var(--gap);\n      }\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n        margin-left: 0;\n      }\n\n      ${hover(\n        `\n          opacity: 0;\n        `,\n        '&:hover [data-input-fading]::after'\n      )}\n    `\n  }}\n\n  ${(props) =>\n    props.focus\n      ? `\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `\n      : `\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `}\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.secondary) schema = COLOR_SCHEMA.secondary\n    if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div.withConfig<StyledContainerProps>({\n  shouldForwardProp: shouldForwardContainerProp,\n})`\n  ${(props) => `\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${props.grow ?? 0};\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const AddonLeft = styled.div`\n  display: flex;\n  align-items: center;\n\n  & > *:not(:first-child) {\n    margin-left: var(--gap);\n  }\n`\n\nexport const AddonRight = styled.div.withConfig<{ marginRight: number }>({\n  shouldForwardProp: (propKey) => !['marginRight'].includes(propKey),\n})`\n  display: flex;\n  align-items: center;\n  margin-right: ${(props) => props.marginRight}px;\n\n  & > *:not(:first-child) {\n    margin-left: var(--gap);\n  }\n`\n"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","shouldForwardContainerProp","template","palette","color","backgroundColor","borderColor","hover","backgroundColorHover","COLOR_SCHEMA","contrast","disabled","css","props","theme","colors","transparent","error","success","default","focus","tinycolor","darken","toString","secondary","primary","Dropdown","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","borderWidth","inline","zIndex","overflow","white","schema","onColored","responsiveSize","responsiveMargin","Container","grow","AddonLeft","AddonRight","marginRight"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/FormInputLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormInputLabelProps, FormInputLabelPalette, StyledContentProps } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'error',\n      'success',\n      'focus',\n      'disabled',\n      'onColored',\n      'inline',\n      'zIndex',\n      'overflow',\n    ].includes(propKey)\n)\n\nconst shouldForwardContentProp = createShouldForwardProp((propKey) => !['grow'].includes(propKey))\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${palette.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${palette.backgroundColor}; \n  }\n`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  secondary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-secondary']\n            : (tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  primary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Dropdown = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  margin-top: 8px;\n`\n\nexport const Root = styled.div.withConfig<StyledFormInputLabelProps>({\n  shouldForwardProp: shouldForwardFormInputLabelProp,\n})`\n  ${(props) => {\n    const borderWidth = '1px'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      align-items: stretch;\n      line-height: normal;\n      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      overflow: ${props.overflow ?? 'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n      }\n\n      ${hover(\n        `\n          opacity: 0;\n        `,\n        '&:hover [data-input-fading]::after'\n      )}\n    `\n  }}\n\n  ${(props) =>\n    props.focus\n      ? `\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `\n      : `\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `}\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.secondary) schema = COLOR_SCHEMA.secondary\n    if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div`\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  flex-grow: 1;\n\n  & > *:not(:first-child) {\n    margin-left: var(--form-input-label-gap);\n  }\n`\n\nexport const Content = styled.div.withConfig<StyledContentProps>({\n  shouldForwardProp: shouldForwardContentProp,\n})`\n  ${(props) => `\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${props.grow ?? 0};\n  `}\n\n  &:first-child {\n    margin-left: var(--form-input-label-margin);\n  }\n  &:last-child {\n    margin-right: var(--form-input-label-margin);\n  }\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","shouldForwardContentProp","template","palette","color","backgroundColor","borderColor","hover","backgroundColorHover","COLOR_SCHEMA","contrast","disabled","css","props","theme","colors","transparent","error","success","default","focus","tinycolor","darken","toString","secondary","primary","Dropdown","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","borderWidth","inline","zIndex","overflow","white","schema","onColored","responsiveSize","responsiveMargin","Container","Content","grow"],"mappings":"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"}

package/components/FormInputLabel/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardFormInputLabelProp=createShouldForwardProp(o=>!['primary','secondary','error','success','focus','disabled','onColored','inline','zIndex','overflow'].includes(o));const shouldForwardContainerProp=createShouldForwardProp(o=>!['grow'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover(`\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${o.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${o.backgroundColor}; \n  }\n`;const COLOR_SCHEMA={contrast:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))},secondary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-secondary']:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),...o.palette}))},primary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))}};const Dropdown=styled.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-1"})([""," "," "," "," ",""],o=>{const r='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: center;\n      min-width: min-content;\n      line-height: normal;\n      border: ${r} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      overflow: ${o.overflow??'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > *:not(:first-child) {\n        margin-left: var(--gap);\n      }\n\n      & > ${Dropdown} {\n        right: -${r};\n        left: -${r};\n        margin-left: 0;\n      }\n\n      ${hover("\n          opacity: 0;\n        ",'&:hover [data-input-fading]::after')}\n    `},o=>o.focus?`\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `:`\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `,o=>{let r=COLOR_SCHEMA.primary;return o.secondary&&(r=COLOR_SCHEMA.secondary),(o.contrast||o.onColored)&&(r=COLOR_SCHEMA.contrast),o.disabled?r.disabled:o.error?r.error:o.success?r.success:r.default},responsiveSize,responsiveMargin);const Container=styled.div.withConfig({shouldForwardProp:shouldForwardContainerProp}).withConfig({displayName:"FormInputLabel__Container",componentId:"ui__sc-1il4atw-2"})([""," "," ",""],o=>`\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${o.grow??0};\n  `,responsiveSize,responsiveMargin);const AddonLeft=styled.div.withConfig({displayName:"FormInputLabel__AddonLeft",componentId:"ui__sc-1il4atw-3"})(["display:flex;align-items:center;& > *:not(:first-child){margin-left:var(--gap);}"]);const AddonRight=styled.div.withConfig({shouldForwardProp:o=>!['marginRight'].includes(o)}).withConfig({displayName:"FormInputLabel__AddonRight",componentId:"ui__sc-1il4atw-4"})(["display:flex;align-items:center;margin-right:","px;& > *:not(:first-child){margin-left:var(--gap);}"],o=>o.marginRight);export{AddonLeft,AddonRight,Container,Dropdown,Root};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardFormInputLabelProp=createShouldForwardProp(o=>!['primary','secondary','error','success','focus','disabled','onColored','inline','zIndex','overflow'].includes(o));const shouldForwardContentProp=createShouldForwardProp(o=>!['grow'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover(`\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${o.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${o.backgroundColor}; \n  }\n`;const COLOR_SCHEMA={contrast:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))},secondary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-secondary']:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),...o.palette}))},primary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))}};const Dropdown=styled.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-1"})([""," "," "," "," ",""],o=>{const r='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: stretch;\n      line-height: normal;\n      border: ${r} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      overflow: ${o.overflow??'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > ${Dropdown} {\n        right: -${r};\n        left: -${r};\n      }\n\n      ${hover("\n          opacity: 0;\n        ",'&:hover [data-input-fading]::after')}\n    `},o=>o.focus?`\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `:`\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `,o=>{let r=COLOR_SCHEMA.primary;return o.secondary&&(r=COLOR_SCHEMA.secondary),(o.contrast||o.onColored)&&(r=COLOR_SCHEMA.contrast),o.disabled?r.disabled:o.error?r.error:o.success?r.success:r.default},responsiveSize,responsiveMargin);const Container=styled.div.withConfig({displayName:"FormInputLabel__Container",componentId:"ui__sc-1il4atw-2"})(["display:flex;box-sizing:border-box;align-items:center;flex-grow:1;& > *:not(:first-child){margin-left:var(--form-input-label-gap);}"]);const Content=styled.div.withConfig({shouldForwardProp:shouldForwardContentProp}).withConfig({displayName:"FormInputLabel__Content",componentId:"ui__sc-1il4atw-3"})([""," &:first-child{margin-left:var(--form-input-label-margin);}&:last-child{margin-right:var(--form-input-label-margin);}",""],o=>`\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${o.grow??0};\n  `,responsiveSize);export{Container,Content,Dropdown,Root};
 //# sourceMappingURL=style.mjs.map

package/components/FormInputLabel/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormInputLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormInputLabelProps, FormInputLabelPalette, StyledContainerProps } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'error',\n      'success',\n      'focus',\n      'disabled',\n      'onColored',\n      'inline',\n      'zIndex',\n      'overflow',\n    ].includes(propKey)\n)\n\nconst shouldForwardContainerProp = createShouldForwardProp((propKey) => !['grow'].includes(propKey))\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${palette.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${palette.backgroundColor}; \n  }\n`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  secondary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-secondary']\n            : (tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  primary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Dropdown = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  margin-top: 8px;\n`\n\nexport const Root = styled.div.withConfig<StyledFormInputLabelProps>({\n  shouldForwardProp: shouldForwardFormInputLabelProp,\n})`\n  ${(props) => {\n    const borderWidth = '1px'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      align-items: center;\n      min-width: min-content;\n      line-height: normal;\n      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      overflow: ${props.overflow ?? 'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > *:not(:first-child) {\n        margin-left: var(--gap);\n      }\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n        margin-left: 0;\n      }\n\n      ${hover(\n        `\n          opacity: 0;\n        `,\n        '&:hover [data-input-fading]::after'\n      )}\n    `\n  }}\n\n  ${(props) =>\n    props.focus\n      ? `\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `\n      : `\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `}\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.secondary) schema = COLOR_SCHEMA.secondary\n    if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div.withConfig<StyledContainerProps>({\n  shouldForwardProp: shouldForwardContainerProp,\n})`\n  ${(props) => `\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${props.grow ?? 0};\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const AddonLeft = styled.div`\n  display: flex;\n  align-items: center;\n\n  & > *:not(:first-child) {\n    margin-left: var(--gap);\n  }\n`\n\nexport const AddonRight = styled.div.withConfig<{ marginRight: number }>({\n  shouldForwardProp: (propKey) => !['marginRight'].includes(propKey),\n})`\n  display: flex;\n  align-items: center;\n  margin-right: ${(props) => props.marginRight}px;\n\n  & > *:not(:first-child) {\n    margin-left: var(--gap);\n  }\n`\n"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","shouldForwardContainerProp","template","palette","color","backgroundColor","borderColor","hover","backgroundColorHover","COLOR_SCHEMA","contrast","disabled","css","props","theme","colors","transparent","error","success","default","focus","tinycolor","darken","toString","secondary","primary","Dropdown","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","borderWidth","inline","zIndex","overflow","white","schema","onColored","responsiveSize","responsiveMargin","Container","grow","AddonLeft","AddonRight","marginRight"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormInputLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormInputLabelProps, FormInputLabelPalette, StyledContentProps } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'error',\n      'success',\n      'focus',\n      'disabled',\n      'onColored',\n      'inline',\n      'zIndex',\n      'overflow',\n    ].includes(propKey)\n)\n\nconst shouldForwardContentProp = createShouldForwardProp((propKey) => !['grow'].includes(propKey))\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${palette.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${palette.backgroundColor}; \n  }\n`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  secondary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-secondary']\n            : (tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  primary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Dropdown = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  margin-top: 8px;\n`\n\nexport const Root = styled.div.withConfig<StyledFormInputLabelProps>({\n  shouldForwardProp: shouldForwardFormInputLabelProp,\n})`\n  ${(props) => {\n    const borderWidth = '1px'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      align-items: stretch;\n      line-height: normal;\n      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      overflow: ${props.overflow ?? 'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n      }\n\n      ${hover(\n        `\n          opacity: 0;\n        `,\n        '&:hover [data-input-fading]::after'\n      )}\n    `\n  }}\n\n  ${(props) =>\n    props.focus\n      ? `\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `\n      : `\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `}\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.secondary) schema = COLOR_SCHEMA.secondary\n    if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div`\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  flex-grow: 1;\n\n  & > *:not(:first-child) {\n    margin-left: var(--form-input-label-gap);\n  }\n`\n\nexport const Content = styled.div.withConfig<StyledContentProps>({\n  shouldForwardProp: shouldForwardContentProp,\n})`\n  ${(props) => `\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${props.grow ?? 0};\n  `}\n\n  &:first-child {\n    margin-left: var(--form-input-label-margin);\n  }\n  &:last-child {\n    margin-right: var(--form-input-label-margin);\n  }\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","shouldForwardContentProp","template","palette","color","backgroundColor","borderColor","hover","backgroundColorHover","COLOR_SCHEMA","contrast","disabled","css","props","theme","colors","transparent","error","success","default","focus","tinycolor","darken","toString","secondary","primary","Dropdown","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","borderWidth","inline","zIndex","overflow","white","schema","onColored","responsiveSize","responsiveMargin","Container","Content","grow"],"mappings":"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"}

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