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

package/components/Dropdown/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/LoaderFill/index.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-0"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const IconAnimated=styled__default.default(Icon.Icon).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__IconAnimated",componentId:"ui__sc-519mcg-1"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled__default.default(index.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-2"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);const InputMimic=styled__default.default.input.withConfig({displayName:"Dropdown__InputMimic",componentId:"ui__sc-519mcg-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;appearance:none;border:none;padding:0;margin:0;background-color:transparent;width:100%;height:100%;opacity:0;&:focus{outline:none;}"]);exports.IconAnimated=IconAnimated,exports.IconContainer=IconContainer,exports.InputMimic=InputMimic,exports.LoadingIconAnimated=LoadingIconAnimated;
+'use strict';var styled=require('styled-components');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/LoaderFill/index.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-0"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const IconAnimated=styled__default.default(Icon.Icon).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__IconAnimated",componentId:"ui__sc-519mcg-1"})(["",""],n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `);const LoadingIconAnimated=styled__default.default(index.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-2"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);const InputMimic=styled__default.default.input.withConfig({displayName:"Dropdown__InputMimic",componentId:"ui__sc-519mcg-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;appearance:none;border:none;padding:0;margin:0;background-color:transparent;width:100%;height:100%;opacity:0;&:focus{outline:none;}"]);exports.IconAnimated=IconAnimated,exports.IconContainer=IconContainer,exports.InputMimic=InputMimic,exports.LoadingIconAnimated=LoadingIconAnimated;
 //# sourceMappingURL=style.js.map

package/components/Dropdown/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill } from '@foxford/icon-pack'\nimport { Icon } from 'components/Icon'\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const IconAnimated = styled(Icon).withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n\nexport const InputMimic = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  appearance: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  &:focus {\n    outline: none;\n  }\n`\n"],"names":["spinAnimation","keyframes","IconContainer","styled","div","withConfig","displayName","componentId","IconAnimated","Icon","shouldForwardProp","propKey","props","up","LoadingIconAnimated","LoaderFill","InputMimic","input"],"mappings":"yQAIA,MAAMA,cAAgBC,OAAAA,UAAS,CAAA,0CAMlBC,cAAgBC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAVJ,CAAU,CAAA,gGAQhC,MAAMK,aAAeL,gBAAAA,QAAOM,WAAMJ,WAA4B,CACnEK,kBAAoBC,GAAYA,IAAY,OAC5CN,WAAA,CAAAC,YAAA,yBAAAC,YAAA,mBAF0BJ,CAE1B,CAAA,GAAA,KACGS,GAAU,gIAISA,EAAMC,GAAK,IAAM,eAIlC,MAAMC,oBAAsBX,gBAAAA,QAAOY,kBAAWV,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAlBJ,CAAkB,CAAA,qCAAA,4BAEtCH,qBAGFgB,WAAab,gBAAAA,QAAOc,MAAKZ,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAZJ,CAAY,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill } from '@foxford/icon-pack'\nimport { Icon } from 'components/Icon'\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const IconAnimated = styled(Icon).withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n\nexport const InputMimic = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  appearance: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  &:focus {\n    outline: none;\n  }\n`\n"],"names":["spinAnimation","keyframes","IconContainer","styled","div","withConfig","displayName","componentId","IconAnimated","Icon","shouldForwardProp","propKey","props","up","LoadingIconAnimated","LoaderFill","InputMimic","input"],"mappings":"yQAIA,MAAMA,cAAgBC,OAAAA,UAAS,CAAA,0CAMlBC,cAAgBC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAVJ,CAAU,CAAA,gGAQhC,MAAMK,aAAeL,gBAAAA,QAAOM,WAAMJ,WAA4B,CACnEK,kBAAoBC,GAAYA,IAAY,OAC5CN,WAAA,CAAAC,YAAA,yBAAAC,YAAA,mBAF0BJ,CAE1B,CAAA,GAAA,IACGS,GAAU,gIAISA,EAAMC,GAAK,IAAM,cAIlC,MAAMC,oBAAsBX,gBAAAA,QAAOY,kBAAWV,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAlBJ,CAAkB,CAAA,qCAAA,4BAEtCH,qBAGFgB,WAAab,gBAAAA,QAAOc,MAAKZ,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAZJ,CAAY,CAAA"}

package/components/Dropdown/style.mjs

@@ -1,2 +1,2 @@
-import styled,{keyframes}from'styled-components';import{Icon}from'../Icon/Icon.mjs';import{LoaderFill}from'../../icon-pack/src/icons/LoaderFill/index.mjs';const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-0"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const IconAnimated=styled(Icon).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__IconAnimated",componentId:"ui__sc-519mcg-1"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled(LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-2"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);const InputMimic=styled.input.withConfig({displayName:"Dropdown__InputMimic",componentId:"ui__sc-519mcg-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;appearance:none;border:none;padding:0;margin:0;background-color:transparent;width:100%;height:100%;opacity:0;&:focus{outline:none;}"]);export{IconAnimated,IconContainer,InputMimic,LoadingIconAnimated};
+import styled,{keyframes}from'styled-components';import{Icon}from'../Icon/Icon.mjs';import{LoaderFill}from'../../icon-pack/src/icons/LoaderFill/index.mjs';const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-0"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const IconAnimated=styled(Icon).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__IconAnimated",componentId:"ui__sc-519mcg-1"})(["",""],n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `);const LoadingIconAnimated=styled(LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-2"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);const InputMimic=styled.input.withConfig({displayName:"Dropdown__InputMimic",componentId:"ui__sc-519mcg-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;appearance:none;border:none;padding:0;margin:0;background-color:transparent;width:100%;height:100%;opacity:0;&:focus{outline:none;}"]);export{IconAnimated,IconContainer,InputMimic,LoadingIconAnimated};
 //# sourceMappingURL=style.mjs.map

package/components/Dropdown/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill } from '@foxford/icon-pack'\nimport { Icon } from 'components/Icon'\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const IconAnimated = styled(Icon).withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n\nexport const InputMimic = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  appearance: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  &:focus {\n    outline: none;\n  }\n`\n"],"names":["spinAnimation","keyframes","IconContainer","styled","div","withConfig","displayName","componentId","IconAnimated","Icon","shouldForwardProp","propKey","props","up","LoadingIconAnimated","LoaderFill","InputMimic","input"],"mappings":"2JAIA,MAAMA,cAAgBC,UAAS,CAAA,0CAMlBC,cAAgBC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAVJ,CAAU,CAAA,gGAQhC,MAAMK,aAAeL,OAAOM,MAAMJ,WAA4B,CACnEK,kBAAoBC,GAAYA,IAAY,OAC5CN,WAAA,CAAAC,YAAA,yBAAAC,YAAA,mBAF0BJ,CAE1B,CAAA,GAAA,KACGS,GAAU,gIAISA,EAAMC,GAAK,IAAM,eAIlC,MAAMC,oBAAsBX,OAAOY,YAAWV,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAlBJ,CAAkB,CAAA,qCAAA,4BAEtCH,qBAGFgB,WAAab,OAAOc,MAAKZ,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAZJ,CAAY,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill } from '@foxford/icon-pack'\nimport { Icon } from 'components/Icon'\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const IconAnimated = styled(Icon).withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n\nexport const InputMimic = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  appearance: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  &:focus {\n    outline: none;\n  }\n`\n"],"names":["spinAnimation","keyframes","IconContainer","styled","div","withConfig","displayName","componentId","IconAnimated","Icon","shouldForwardProp","propKey","props","up","LoadingIconAnimated","LoaderFill","InputMimic","input"],"mappings":"2JAIA,MAAMA,cAAgBC,UAAS,CAAA,0CAMlBC,cAAgBC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAVJ,CAAU,CAAA,gGAQhC,MAAMK,aAAeL,OAAOM,MAAMJ,WAA4B,CACnEK,kBAAoBC,GAAYA,IAAY,OAC5CN,WAAA,CAAAC,YAAA,yBAAAC,YAAA,mBAF0BJ,CAE1B,CAAA,GAAA,IACGS,GAAU,gIAISA,EAAMC,GAAK,IAAM,cAIlC,MAAMC,oBAAsBX,OAAOY,YAAWV,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAlBJ,CAAkB,CAAA,qCAAA,4BAEtCH,qBAGFgB,WAAab,OAAOc,MAAKZ,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAZJ,CAAY,CAAA"}

package/components/Dropdown/utils.js

@@ -1,2 +1,2 @@
-'use strict';const isDropdownOptionGroup=o=>!!o&&'options'in o;exports.getDropdownInputText=(o,r)=>!o||r||Array.isArray(o)&&!o[0]?'':Array.isArray(o)?o[0].label||o[0].text:o.label||o.text,exports.getDropdownSelectedOption=(o,r)=>o?Array.isArray(o)?r?[...o]:o.slice(0,1):[o]:[],exports.groupDropdownOptions=(o,r)=>{const t=new Set(r.map((o=>o.value)));return o.reduce(((o,r)=>{const[p,s]=o;if(isDropdownOptionGroup(r)){const n=[];for(const o of r.options)t.has(o.value)?p.push(o):n.push(o);return n.length>0&&s.push({...r,options:n}),o}return t.has(r.value)?p.push(r):s.push(r),o}),[[],[]])},exports.isDropdownOptionGroup=isDropdownOptionGroup;
+'use strict';const isDropdownOptionGroup=o=>!!o&&'options'in o;exports.getDropdownInputText=(o,r)=>!o||r||Array.isArray(o)&&!o[0]?'':Array.isArray(o)?o[0].label||o[0].text:o.label||o.text,exports.getDropdownSelectedOption=(o,r)=>o?Array.isArray(o)?r?[...o]:o.slice(0,1):[o]:[],exports.groupDropdownOptions=(o,r)=>{const t=new Set(r.map(o=>o.value));return o.reduce((o,r)=>{const[p,s]=o;if(isDropdownOptionGroup(r)){const n=[];for(const o of r.options)t.has(o.value)?p.push(o):n.push(o);return n.length>0&&s.push({...r,options:n}),o}return t.has(r.value)?p.push(r):s.push(r),o},[[],[]])},exports.isDropdownOptionGroup=isDropdownOptionGroup;
 //# sourceMappingURL=utils.js.map

package/components/Dropdown/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\nimport type { DropdownOption, DropdownOptionGroup } from './types'\n\nexport const isDropdownOptionGroup = (option?: DropdownOption | DropdownOptionGroup): option is DropdownOptionGroup => {\n  return option ? 'options' in option : false\n}\n\nexport const getDropdownInputText = (\n  option: Nullable<DropdownOption | DropdownOption[]>,\n  multiple?: boolean\n): string => {\n  if (!option || multiple || (Array.isArray(option) && !option[0])) return ''\n\n  if (Array.isArray(option)) return option[0].label || option[0].text\n\n  return option.label || option.text\n}\n\nexport const getDropdownSelectedOption = (\n  option: Nullable<DropdownOption | DropdownOption[]>,\n  multiple?: boolean\n): DropdownOption[] => {\n  if (!option) return []\n\n  if (Array.isArray(option)) {\n    return multiple ? [...option] : option.slice(0, 1)\n  }\n\n  return [option]\n}\n\nexport const groupDropdownOptions = (\n  options: (DropdownOption | DropdownOptionGroup)[],\n  selectedOptions: DropdownOption[]\n): [DropdownOption[], (DropdownOption | DropdownOptionGroup)[]] => {\n  const selectedValues = new Set(selectedOptions.map((option) => option.value))\n\n  return options.reduce<[DropdownOption[], (DropdownOption | DropdownOptionGroup)[]]>(\n    (acc, option) => {\n      const [selectedFlatOptions, restOptions] = acc\n\n      if (isDropdownOptionGroup(option)) {\n        const remainingOptions: DropdownOption[] = []\n\n        for (const optionInGroup of option.options) {\n          if (selectedValues.has(optionInGroup.value)) {\n            selectedFlatOptions.push(optionInGroup)\n          } else {\n            remainingOptions.push(optionInGroup)\n          }\n        }\n\n        if (remainingOptions.length > 0) {\n          restOptions.push({ ...option, options: remainingOptions })\n        }\n\n        return acc\n      }\n\n      if (selectedValues.has(option.value)) {\n        selectedFlatOptions.push(option)\n      } else {\n        restOptions.push(option)\n      }\n\n      return acc\n    },\n    [[], []]\n  )\n}\n"],"names":["isDropdownOptionGroup","option","getDropdownInputText","multiple","Array","isArray","label","text","getDropdownSelectedOption","slice","groupDropdownOptions","options","selectedOptions","selectedValues","Set","map","value","reduce","acc","selectedFlatOptions","restOptions","remainingOptions","optionInGroup","has","push","length"],"mappings":"aAGO,MAAMA,sBAAyBC,KAC7BA,GAAS,YAAaA,+BAGKC,CAClCD,EACAE,KAEKF,GAAUE,GAAaC,MAAMC,QAAQJ,KAAYA,EAAO,GAAY,GAErEG,MAAMC,QAAQJ,GAAgBA,EAAO,GAAGK,OAASL,EAAO,GAAGM,KAExDN,EAAOK,OAASL,EAAOM,uCAGSC,CACvCP,EACAE,IAEKF,EAEDG,MAAMC,QAAQJ,GACTE,EAAW,IAAIF,GAAUA,EAAOQ,MAAM,EAAG,GAG3C,CAACR,GANY,gCAScS,CAClCC,EACAC,KAEA,MAAMC,EAAiB,IAAIC,IAAIF,EAAgBG,KAAKd,GAAWA,EAAOe,SAEtE,OAAOL,EAAQM,QACb,CAACC,EAAKjB,KACJ,MAAOkB,EAAqBC,GAAeF,EAE3C,GAAIlB,sBAAsBC,GAAS,CACjC,MAAMoB,EAAqC,GAE3C,IAAK,MAAMC,KAAiBrB,EAAOU,QAC7BE,EAAeU,IAAID,EAAcN,OACnCG,EAAoBK,KAAKF,GAEzBD,EAAiBG,KAAKF,GAQ1B,OAJID,EAAiBI,OAAS,GAC5BL,EAAYI,KAAK,IAAKvB,EAAQU,QAASU,IAGlCH,CACT,CAQA,OANIL,EAAeU,IAAItB,EAAOe,OAC5BG,EAAoBK,KAAKvB,GAEzBmB,EAAYI,KAAKvB,GAGZiB,CAAG,GAEZ,CAAC,GAAI,IACN"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\nimport type { DropdownOption, DropdownOptionGroup } from './types'\n\nexport const isDropdownOptionGroup = (option?: DropdownOption | DropdownOptionGroup): option is DropdownOptionGroup => {\n  return option ? 'options' in option : false\n}\n\nexport const getDropdownInputText = (\n  option: Nullable<DropdownOption | DropdownOption[]>,\n  multiple?: boolean\n): string => {\n  if (!option || multiple || (Array.isArray(option) && !option[0])) return ''\n\n  if (Array.isArray(option)) return option[0].label || option[0].text\n\n  return option.label || option.text\n}\n\nexport const getDropdownSelectedOption = (\n  option: Nullable<DropdownOption | DropdownOption[]>,\n  multiple?: boolean\n): DropdownOption[] => {\n  if (!option) return []\n\n  if (Array.isArray(option)) {\n    return multiple ? [...option] : option.slice(0, 1)\n  }\n\n  return [option]\n}\n\nexport const groupDropdownOptions = (\n  options: (DropdownOption | DropdownOptionGroup)[],\n  selectedOptions: DropdownOption[]\n): [DropdownOption[], (DropdownOption | DropdownOptionGroup)[]] => {\n  const selectedValues = new Set(selectedOptions.map((option) => option.value))\n\n  return options.reduce<[DropdownOption[], (DropdownOption | DropdownOptionGroup)[]]>(\n    (acc, option) => {\n      const [selectedFlatOptions, restOptions] = acc\n\n      if (isDropdownOptionGroup(option)) {\n        const remainingOptions: DropdownOption[] = []\n\n        for (const optionInGroup of option.options) {\n          if (selectedValues.has(optionInGroup.value)) {\n            selectedFlatOptions.push(optionInGroup)\n          } else {\n            remainingOptions.push(optionInGroup)\n          }\n        }\n\n        if (remainingOptions.length > 0) {\n          restOptions.push({ ...option, options: remainingOptions })\n        }\n\n        return acc\n      }\n\n      if (selectedValues.has(option.value)) {\n        selectedFlatOptions.push(option)\n      } else {\n        restOptions.push(option)\n      }\n\n      return acc\n    },\n    [[], []]\n  )\n}\n"],"names":["isDropdownOptionGroup","option","getDropdownInputText","multiple","Array","isArray","label","text","getDropdownSelectedOption","slice","groupDropdownOptions","options","selectedOptions","selectedValues","Set","map","value","reduce","acc","selectedFlatOptions","restOptions","remainingOptions","optionInGroup","has","push","length"],"mappings":"aAGO,MAAMA,sBAAyBC,KAC7BA,GAAS,YAAaA,+BAGKC,CAClCD,EACAE,KAEKF,GAAUE,GAAaC,MAAMC,QAAQJ,KAAYA,EAAO,GAAY,GAErEG,MAAMC,QAAQJ,GAAgBA,EAAO,GAAGK,OAASL,EAAO,GAAGM,KAExDN,EAAOK,OAASL,EAAOM,uCAGSC,CACvCP,EACAE,IAEKF,EAEDG,MAAMC,QAAQJ,GACTE,EAAW,IAAIF,GAAUA,EAAOQ,MAAM,EAAG,GAG3C,CAACR,GANY,gCAScS,CAClCC,EACAC,KAEA,MAAMC,EAAiB,IAAIC,IAAIF,EAAgBG,IAAKd,GAAWA,EAAOe,QAEtE,OAAOL,EAAQM,OACb,CAACC,EAAKjB,KACJ,MAAOkB,EAAqBC,GAAeF,EAE3C,GAAIlB,sBAAsBC,GAAS,CACjC,MAAMoB,EAAqC,GAE3C,IAAK,MAAMC,KAAiBrB,EAAOU,QAC7BE,EAAeU,IAAID,EAAcN,OACnCG,EAAoBK,KAAKF,GAEzBD,EAAiBG,KAAKF,GAQ1B,OAJID,EAAiBI,OAAS,GAC5BL,EAAYI,KAAK,IAAKvB,EAAQU,QAASU,IAGlCH,CACT,CAQA,OANIL,EAAeU,IAAItB,EAAOe,OAC5BG,EAAoBK,KAAKvB,GAEzBmB,EAAYI,KAAKvB,GAGZiB,GAET,CAAC,GAAI"}

package/components/Dropdown/utils.mjs

@@ -1,2 +1,2 @@
-const isDropdownOptionGroup=o=>!!o&&'options'in o;const getDropdownInputText=(o,t)=>!o||t||Array.isArray(o)&&!o[0]?'':Array.isArray(o)?o[0].label||o[0].text:o.label||o.text;const getDropdownSelectedOption=(o,t)=>o?Array.isArray(o)?t?[...o]:o.slice(0,1):[o]:[];const groupDropdownOptions=(o,t)=>{const n=new Set(t.map((o=>o.value)));return o.reduce(((o,t)=>{const[r,p]=o;if(isDropdownOptionGroup(t)){const e=[];for(const o of t.options)n.has(o.value)?r.push(o):e.push(o);return e.length>0&&p.push({...t,options:e}),o}return n.has(t.value)?r.push(t):p.push(t),o}),[[],[]])};export{getDropdownInputText,getDropdownSelectedOption,groupDropdownOptions,isDropdownOptionGroup};
+const isDropdownOptionGroup=o=>!!o&&'options'in o;const getDropdownInputText=(o,t)=>!o||t||Array.isArray(o)&&!o[0]?'':Array.isArray(o)?o[0].label||o[0].text:o.label||o.text;const getDropdownSelectedOption=(o,t)=>o?Array.isArray(o)?t?[...o]:o.slice(0,1):[o]:[];const groupDropdownOptions=(o,t)=>{const n=new Set(t.map(o=>o.value));return o.reduce((o,t)=>{const[r,p]=o;if(isDropdownOptionGroup(t)){const e=[];for(const o of t.options)n.has(o.value)?r.push(o):e.push(o);return e.length>0&&p.push({...t,options:e}),o}return n.has(t.value)?r.push(t):p.push(t),o},[[],[]])};export{getDropdownInputText,getDropdownSelectedOption,groupDropdownOptions,isDropdownOptionGroup};
 //# sourceMappingURL=utils.mjs.map

package/components/Dropdown/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\nimport type { DropdownOption, DropdownOptionGroup } from './types'\n\nexport const isDropdownOptionGroup = (option?: DropdownOption | DropdownOptionGroup): option is DropdownOptionGroup => {\n  return option ? 'options' in option : false\n}\n\nexport const getDropdownInputText = (\n  option: Nullable<DropdownOption | DropdownOption[]>,\n  multiple?: boolean\n): string => {\n  if (!option || multiple || (Array.isArray(option) && !option[0])) return ''\n\n  if (Array.isArray(option)) return option[0].label || option[0].text\n\n  return option.label || option.text\n}\n\nexport const getDropdownSelectedOption = (\n  option: Nullable<DropdownOption | DropdownOption[]>,\n  multiple?: boolean\n): DropdownOption[] => {\n  if (!option) return []\n\n  if (Array.isArray(option)) {\n    return multiple ? [...option] : option.slice(0, 1)\n  }\n\n  return [option]\n}\n\nexport const groupDropdownOptions = (\n  options: (DropdownOption | DropdownOptionGroup)[],\n  selectedOptions: DropdownOption[]\n): [DropdownOption[], (DropdownOption | DropdownOptionGroup)[]] => {\n  const selectedValues = new Set(selectedOptions.map((option) => option.value))\n\n  return options.reduce<[DropdownOption[], (DropdownOption | DropdownOptionGroup)[]]>(\n    (acc, option) => {\n      const [selectedFlatOptions, restOptions] = acc\n\n      if (isDropdownOptionGroup(option)) {\n        const remainingOptions: DropdownOption[] = []\n\n        for (const optionInGroup of option.options) {\n          if (selectedValues.has(optionInGroup.value)) {\n            selectedFlatOptions.push(optionInGroup)\n          } else {\n            remainingOptions.push(optionInGroup)\n          }\n        }\n\n        if (remainingOptions.length > 0) {\n          restOptions.push({ ...option, options: remainingOptions })\n        }\n\n        return acc\n      }\n\n      if (selectedValues.has(option.value)) {\n        selectedFlatOptions.push(option)\n      } else {\n        restOptions.push(option)\n      }\n\n      return acc\n    },\n    [[], []]\n  )\n}\n"],"names":["isDropdownOptionGroup","option","getDropdownInputText","multiple","Array","isArray","label","text","getDropdownSelectedOption","slice","groupDropdownOptions","options","selectedOptions","selectedValues","Set","map","value","reduce","acc","selectedFlatOptions","restOptions","remainingOptions","optionInGroup","has","push","length"],"mappings":"AAGO,MAAMA,sBAAyBC,KAC7BA,GAAS,YAAaA,QAGlBC,qBAAuBA,CAClCD,EACAE,KAEKF,GAAUE,GAAaC,MAAMC,QAAQJ,KAAYA,EAAO,GAAY,GAErEG,MAAMC,QAAQJ,GAAgBA,EAAO,GAAGK,OAASL,EAAO,GAAGM,KAExDN,EAAOK,OAASL,EAAOM,WAGnBC,0BAA4BA,CACvCP,EACAE,IAEKF,EAEDG,MAAMC,QAAQJ,GACTE,EAAW,IAAIF,GAAUA,EAAOQ,MAAM,EAAG,GAG3C,CAACR,GANY,SASTS,qBAAuBA,CAClCC,EACAC,KAEA,MAAMC,EAAiB,IAAIC,IAAIF,EAAgBG,KAAKd,GAAWA,EAAOe,SAEtE,OAAOL,EAAQM,QACb,CAACC,EAAKjB,KACJ,MAAOkB,EAAqBC,GAAeF,EAE3C,GAAIlB,sBAAsBC,GAAS,CACjC,MAAMoB,EAAqC,GAE3C,IAAK,MAAMC,KAAiBrB,EAAOU,QAC7BE,EAAeU,IAAID,EAAcN,OACnCG,EAAoBK,KAAKF,GAEzBD,EAAiBG,KAAKF,GAQ1B,OAJID,EAAiBI,OAAS,GAC5BL,EAAYI,KAAK,IAAKvB,EAAQU,QAASU,IAGlCH,CACT,CAQA,OANIL,EAAeU,IAAItB,EAAOe,OAC5BG,EAAoBK,KAAKvB,GAEzBmB,EAAYI,KAAKvB,GAGZiB,CAAG,GAEZ,CAAC,GAAI,IACN"}
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\nimport type { DropdownOption, DropdownOptionGroup } from './types'\n\nexport const isDropdownOptionGroup = (option?: DropdownOption | DropdownOptionGroup): option is DropdownOptionGroup => {\n  return option ? 'options' in option : false\n}\n\nexport const getDropdownInputText = (\n  option: Nullable<DropdownOption | DropdownOption[]>,\n  multiple?: boolean\n): string => {\n  if (!option || multiple || (Array.isArray(option) && !option[0])) return ''\n\n  if (Array.isArray(option)) return option[0].label || option[0].text\n\n  return option.label || option.text\n}\n\nexport const getDropdownSelectedOption = (\n  option: Nullable<DropdownOption | DropdownOption[]>,\n  multiple?: boolean\n): DropdownOption[] => {\n  if (!option) return []\n\n  if (Array.isArray(option)) {\n    return multiple ? [...option] : option.slice(0, 1)\n  }\n\n  return [option]\n}\n\nexport const groupDropdownOptions = (\n  options: (DropdownOption | DropdownOptionGroup)[],\n  selectedOptions: DropdownOption[]\n): [DropdownOption[], (DropdownOption | DropdownOptionGroup)[]] => {\n  const selectedValues = new Set(selectedOptions.map((option) => option.value))\n\n  return options.reduce<[DropdownOption[], (DropdownOption | DropdownOptionGroup)[]]>(\n    (acc, option) => {\n      const [selectedFlatOptions, restOptions] = acc\n\n      if (isDropdownOptionGroup(option)) {\n        const remainingOptions: DropdownOption[] = []\n\n        for (const optionInGroup of option.options) {\n          if (selectedValues.has(optionInGroup.value)) {\n            selectedFlatOptions.push(optionInGroup)\n          } else {\n            remainingOptions.push(optionInGroup)\n          }\n        }\n\n        if (remainingOptions.length > 0) {\n          restOptions.push({ ...option, options: remainingOptions })\n        }\n\n        return acc\n      }\n\n      if (selectedValues.has(option.value)) {\n        selectedFlatOptions.push(option)\n      } else {\n        restOptions.push(option)\n      }\n\n      return acc\n    },\n    [[], []]\n  )\n}\n"],"names":["isDropdownOptionGroup","option","getDropdownInputText","multiple","Array","isArray","label","text","getDropdownSelectedOption","slice","groupDropdownOptions","options","selectedOptions","selectedValues","Set","map","value","reduce","acc","selectedFlatOptions","restOptions","remainingOptions","optionInGroup","has","push","length"],"mappings":"AAGO,MAAMA,sBAAyBC,KAC7BA,GAAS,YAAaA,QAGlBC,qBAAuBA,CAClCD,EACAE,KAEKF,GAAUE,GAAaC,MAAMC,QAAQJ,KAAYA,EAAO,GAAY,GAErEG,MAAMC,QAAQJ,GAAgBA,EAAO,GAAGK,OAASL,EAAO,GAAGM,KAExDN,EAAOK,OAASL,EAAOM,WAGnBC,0BAA4BA,CACvCP,EACAE,IAEKF,EAEDG,MAAMC,QAAQJ,GACTE,EAAW,IAAIF,GAAUA,EAAOQ,MAAM,EAAG,GAG3C,CAACR,GANY,SASTS,qBAAuBA,CAClCC,EACAC,KAEA,MAAMC,EAAiB,IAAIC,IAAIF,EAAgBG,IAAKd,GAAWA,EAAOe,QAEtE,OAAOL,EAAQM,OACb,CAACC,EAAKjB,KACJ,MAAOkB,EAAqBC,GAAeF,EAE3C,GAAIlB,sBAAsBC,GAAS,CACjC,MAAMoB,EAAqC,GAE3C,IAAK,MAAMC,KAAiBrB,EAAOU,QAC7BE,EAAeU,IAAID,EAAcN,OACnCG,EAAoBK,KAAKF,GAEzBD,EAAiBG,KAAKF,GAQ1B,OAJID,EAAiBI,OAAS,GAC5BL,EAAYI,KAAK,IAAKvB,EAAQU,QAASU,IAGlCH,CACT,CAQA,OANIL,EAAeU,IAAItB,EAAOe,OAC5BG,EAAoBK,KAAKvB,GAEzBmB,EAAYI,KAAKvB,GAGZiB,GAET,CAAC,GAAI"}

package/components/FormInput/FormInput.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var useResizeObserver=require('../../hooks/useResizeObserver.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var InputLabel=require('../InputLabel/InputLabel.js');const FormInput=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:r="m",mask:i="",labelPosition:t="dynamic",sizeXXS:a,sizeXS:n,sizeS:u,sizeM:l,sizeL:o,sizeXL:c,sizes:z,active:b,label:d,labelId:p,...R}=e;const v={size:r,sizeXXS:a,sizeXS:n,sizeS:u,sizeM:l,sizeL:o,sizeXL:c,sizes:z};const m=React.useRef(null);React.useImperativeHandle(s,(()=>m.current),[]);const[I,j]=React.useState(!1);const h=React.useCallback((e=>{j(e.scrollWidth>e.clientWidth)}),[]);return useResizeObserver.useResizeObserver({target:m,onResize:h}),jsxRuntime.jsx(InputLabel.InputLabel,{...v,active:b,label:d,labelId:p,labelPosition:t,children:jsxRuntime.jsx(style.Fading,{visible:I,"data-input-fading":!0,children:jsxRuntime.jsx(style.Input,{...R,"aria-labelledby":d?p:void 0,mask:i,onBlur:e=>{R.onBlur&&R.onBlur(e),h(e.currentTarget)},inputRef:e=>{m.current=e}})})})})),{displayName:'FormInput',sizes:sizes.SIZES});exports.FormInput=FormInput;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var useResizeObserver=require('../../hooks/useResizeObserver.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var InputLabel=require('../InputLabel/InputLabel.js');const FormInput=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:r="m",mask:i="",labelPosition:t="dynamic",sizeXXS:a,sizeXS:n,sizeS:u,sizeM:l,sizeL:o,sizeXL:c,sizes:z,active:b,label:d,labelId:p,...R}=e;const v={size:r,sizeXXS:a,sizeXS:n,sizeS:u,sizeM:l,sizeL:o,sizeXL:c,sizes:z};const m=React.useRef(null);React.useImperativeHandle(s,()=>m.current,[]);const[I,j]=React.useState(!1);const h=React.useCallback(e=>{j(e.scrollWidth>e.clientWidth)},[]);return useResizeObserver.useResizeObserver({target:m,onResize:h}),jsxRuntime.jsx(InputLabel.InputLabel,{...v,active:b,label:d,labelId:p,labelPosition:t,children:jsxRuntime.jsx(style.Fading,{visible:I,"data-input-fading":!0,children:jsxRuntime.jsx(style.Input,{...R,"aria-labelledby":d?p:void 0,mask:i,onBlur:e=>{R.onBlur&&R.onBlur(e),h(e.currentTarget)},inputRef:e=>{m.current=e}})})})}),{displayName:'FormInput',sizes:sizes.SIZES});exports.FormInput=FormInput;
 //# sourceMappingURL=FormInput.js.map

package/components/FormInput/FormInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.js","sources":["../../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useState, useCallback } from 'react'\nimport { InputLabel } from 'components/InputLabel'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { FormInputProps } from './types'\n\nconst COMPONENT_NAME = 'FormInput'\n\n/**\n *\n * Компонент для приема однострочного ввода.\n *\n * Поддерживается маска ввода и анимация текстового лейбла.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst FormInput: React.ForwardRefExoticComponent<FormInputProps> = withMergedProps<FormInputProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<FormInputProps>>((props, forwardedRef) => {\n    const {\n      size = 'm',\n      mask = '',\n      labelPosition = 'dynamic',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n      active,\n      label,\n      labelId,\n      ...inputProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n    }\n\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => inputRef.current, [])\n\n    const [overflow, setOverflow] = useState<boolean>(false)\n\n    const handleDetectOverflow = useCallback((e: HTMLInputElement) => {\n      setOverflow(e.scrollWidth > e.clientWidth)\n    }, [])\n\n    useResizeObserver({\n      target: inputRef,\n      onResize: handleDetectOverflow,\n    })\n\n    return (\n      <InputLabel {...sizeProps} active={active} label={label} labelId={labelId} labelPosition={labelPosition}>\n        <Styled.Fading visible={overflow} data-input-fading>\n          <Styled.Input\n            {...inputProps}\n            aria-labelledby={label ? labelId : undefined}\n            mask={mask}\n            onBlur={(evt) => {\n              if (inputProps.onBlur) inputProps.onBlur(evt)\n\n              handleDetectOverflow(evt.currentTarget)\n            }}\n            inputRef={(input) => {\n              inputRef.current = input\n            }}\n          />\n        </Styled.Fading>\n      </InputLabel>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormInput }\n"],"names":["FormInput","withMergedProps","forwardRef","props","forwardedRef","size","mask","labelPosition","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","active","label","labelId","inputProps","sizeProps","inputRef","useRef","useImperativeHandle","current","overflow","setOverflow","useState","handleDetectOverflow","useCallback","e","scrollWidth","clientWidth","useResizeObserver","target","onResize","_jsx","InputLabel","children","Styled","visible","undefined","onBlur","evt","currentTarget","input","displayName","SIZES"],"mappings":"yUAmBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,GAAEC,cACTA,EAAgB,UAASC,QACzBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,QACLA,KACGC,GACDf,EAEJ,MAAMgB,EAAY,CAChBd,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,SAGF,MAAMM,EAAWC,MAAAA,OAAgC,MACjDC,MAAAA,oBAAsElB,GAAc,IAAMgB,EAASG,SAAS,IAE5G,MAAOC,EAAUC,GAAeC,MAAAA,UAAkB,GAElD,MAAMC,EAAuBC,MAAAA,aAAaC,IACxCJ,EAAYI,EAAEC,YAAcD,EAAEE,YAAY,GACzC,IAOH,OALAC,oCAAkB,CAChBC,OAAQb,EACRc,SAAUP,IAIVQ,WAAAA,IAACC,WAAAA,WAAU,IAAKjB,EAAWJ,OAAQA,EAAQC,MAAOA,EAAOC,QAASA,EAASV,cAAeA,EAAc8B,SACtGF,WAAAA,IAACG,aAAa,CAACC,QAASf,EAAU,qBAAA,EAAiBa,SACjDF,WAAAA,IAACG,YAAY,IACPpB,EACJ,kBAAiBF,EAAQC,OAAUuB,EACnClC,KAAMA,EACNmC,OAASC,IACHxB,EAAWuB,QAAQvB,EAAWuB,OAAOC,GAEzCf,EAAqBe,EAAIC,cAAc,EAEzCvB,SAAWwB,IACTxB,EAASG,QAAUqB,CAAK,OAInB,IAGjB,CACEC,YA3EmB,YA4EnB/B,MAAOgC,MAAAA"}
+{"version":3,"file":"FormInput.js","sources":["../../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useState, useCallback } from 'react'\nimport { InputLabel } from 'components/InputLabel'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { FormInputProps } from './types'\n\nconst COMPONENT_NAME = 'FormInput'\n\n/**\n *\n * Компонент для приема однострочного ввода.\n *\n * Поддерживается маска ввода и анимация текстового лейбла.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst FormInput: React.ForwardRefExoticComponent<FormInputProps> = withMergedProps<FormInputProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<FormInputProps>>((props, forwardedRef) => {\n    const {\n      size = 'm',\n      mask = '',\n      labelPosition = 'dynamic',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n      active,\n      label,\n      labelId,\n      ...inputProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n    }\n\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => inputRef.current, [])\n\n    const [overflow, setOverflow] = useState<boolean>(false)\n\n    const handleDetectOverflow = useCallback((e: HTMLInputElement) => {\n      setOverflow(e.scrollWidth > e.clientWidth)\n    }, [])\n\n    useResizeObserver({\n      target: inputRef,\n      onResize: handleDetectOverflow,\n    })\n\n    return (\n      <InputLabel {...sizeProps} active={active} label={label} labelId={labelId} labelPosition={labelPosition}>\n        <Styled.Fading visible={overflow} data-input-fading>\n          <Styled.Input\n            {...inputProps}\n            aria-labelledby={label ? labelId : undefined}\n            mask={mask}\n            onBlur={(evt) => {\n              if (inputProps.onBlur) inputProps.onBlur(evt)\n\n              handleDetectOverflow(evt.currentTarget)\n            }}\n            inputRef={(input) => {\n              inputRef.current = input\n            }}\n          />\n        </Styled.Fading>\n      </InputLabel>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormInput }\n"],"names":["FormInput","withMergedProps","forwardRef","props","forwardedRef","size","mask","labelPosition","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","active","label","labelId","inputProps","sizeProps","inputRef","useRef","useImperativeHandle","current","overflow","setOverflow","useState","handleDetectOverflow","useCallback","e","scrollWidth","clientWidth","useResizeObserver","target","onResize","_jsx","InputLabel","children","Styled","visible","undefined","onBlur","evt","currentTarget","input","displayName","SIZES"],"mappings":"yUAmBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,WAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,GAAEC,cACTA,EAAgB,UAASC,QACzBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,QACLA,KACGC,GACDf,EAEJ,MAAMgB,EAAY,CAChBd,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,SAGF,MAAMM,EAAWC,MAAAA,OAAgC,MACjDC,MAAAA,oBAAsElB,EAAc,IAAMgB,EAASG,QAAS,IAE5G,MAAOC,EAAUC,GAAeC,MAAAA,UAAkB,GAElD,MAAMC,EAAuBC,MAAAA,YAAaC,IACxCJ,EAAYI,EAAEC,YAAcD,EAAEE,cAC7B,IAOH,OALAC,oCAAkB,CAChBC,OAAQb,EACRc,SAAUP,IAIVQ,WAAAA,IAACC,WAAAA,WAAU,IAAKjB,EAAWJ,OAAQA,EAAQC,MAAOA,EAAOC,QAASA,EAASV,cAAeA,EAAc8B,SACtGF,WAAAA,IAACG,aAAa,CAACC,QAASf,EAAU,qBAAA,EAAiBa,SACjDF,WAAAA,IAACG,YAAY,IACPpB,EACJ,kBAAiBF,EAAQC,OAAUuB,EACnClC,KAAMA,EACNmC,OAASC,IACHxB,EAAWuB,QAAQvB,EAAWuB,OAAOC,GAEzCf,EAAqBe,EAAIC,gBAE3BvB,SAAWwB,IACTxB,EAASG,QAAUqB,WAO/B,CACEC,YA3EmB,YA4EnB/B,MAAOgC,MAAAA"}

package/components/FormInput/FormInput.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useRef,useImperativeHandle,useState,useCallback}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useResizeObserver}from'../../hooks/useResizeObserver.mjs';import{SIZES}from'./sizes.mjs';import{Fading,Input}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{InputLabel}from'../InputLabel/InputLabel.mjs';const FormInput=withMergedProps(forwardRef(((e,s)=>{const{size:i="m",mask:r="",labelPosition:t="dynamic",sizeXXS:o,sizeXS:a,sizeS:l,sizeM:n,sizeL:u,sizeXL:m,sizes:p,active:z,label:c,labelId:d,...b}=e;const f={size:i,sizeXXS:o,sizeXS:a,sizeS:l,sizeM:n,sizeL:u,sizeXL:m,sizes:p};const I=useRef(null);useImperativeHandle(s,(()=>I.current),[]);const[S,j]=useState(!1);const h=useCallback((e=>{j(e.scrollWidth>e.clientWidth)}),[]);return useResizeObserver({target:I,onResize:h}),jsx(InputLabel,{...f,active:z,label:c,labelId:d,labelPosition:t,children:jsx(Fading,{visible:S,"data-input-fading":!0,children:jsx(Input,{...b,"aria-labelledby":c?d:void 0,mask:r,onBlur:e=>{b.onBlur&&b.onBlur(e),h(e.currentTarget)},inputRef:e=>{I.current=e}})})})})),{displayName:'FormInput',sizes:SIZES});export{FormInput};
+import{forwardRef,useRef,useImperativeHandle,useState,useCallback}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useResizeObserver}from'../../hooks/useResizeObserver.mjs';import{SIZES}from'./sizes.mjs';import{Fading,Input}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{InputLabel}from'../InputLabel/InputLabel.mjs';const FormInput=withMergedProps(forwardRef((e,s)=>{const{size:i="m",mask:r="",labelPosition:t="dynamic",sizeXXS:o,sizeXS:a,sizeS:l,sizeM:n,sizeL:u,sizeXL:m,sizes:p,active:z,label:c,labelId:d,...b}=e;const f={size:i,sizeXXS:o,sizeXS:a,sizeS:l,sizeM:n,sizeL:u,sizeXL:m,sizes:p};const I=useRef(null);useImperativeHandle(s,()=>I.current,[]);const[S,j]=useState(!1);const h=useCallback(e=>{j(e.scrollWidth>e.clientWidth)},[]);return useResizeObserver({target:I,onResize:h}),jsx(InputLabel,{...f,active:z,label:c,labelId:d,labelPosition:t,children:jsx(Fading,{visible:S,"data-input-fading":!0,children:jsx(Input,{...b,"aria-labelledby":c?d:void 0,mask:r,onBlur:e=>{b.onBlur&&b.onBlur(e),h(e.currentTarget)},inputRef:e=>{I.current=e}})})})}),{displayName:'FormInput',sizes:SIZES});export{FormInput};
 //# sourceMappingURL=FormInput.mjs.map

package/components/FormInput/FormInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.mjs","sources":["../../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useState, useCallback } from 'react'\nimport { InputLabel } from 'components/InputLabel'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { FormInputProps } from './types'\n\nconst COMPONENT_NAME = 'FormInput'\n\n/**\n *\n * Компонент для приема однострочного ввода.\n *\n * Поддерживается маска ввода и анимация текстового лейбла.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst FormInput: React.ForwardRefExoticComponent<FormInputProps> = withMergedProps<FormInputProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<FormInputProps>>((props, forwardedRef) => {\n    const {\n      size = 'm',\n      mask = '',\n      labelPosition = 'dynamic',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n      active,\n      label,\n      labelId,\n      ...inputProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n    }\n\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => inputRef.current, [])\n\n    const [overflow, setOverflow] = useState<boolean>(false)\n\n    const handleDetectOverflow = useCallback((e: HTMLInputElement) => {\n      setOverflow(e.scrollWidth > e.clientWidth)\n    }, [])\n\n    useResizeObserver({\n      target: inputRef,\n      onResize: handleDetectOverflow,\n    })\n\n    return (\n      <InputLabel {...sizeProps} active={active} label={label} labelId={labelId} labelPosition={labelPosition}>\n        <Styled.Fading visible={overflow} data-input-fading>\n          <Styled.Input\n            {...inputProps}\n            aria-labelledby={label ? labelId : undefined}\n            mask={mask}\n            onBlur={(evt) => {\n              if (inputProps.onBlur) inputProps.onBlur(evt)\n\n              handleDetectOverflow(evt.currentTarget)\n            }}\n            inputRef={(input) => {\n              inputRef.current = input\n            }}\n          />\n        </Styled.Fading>\n      </InputLabel>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormInput }\n"],"names":["FormInput","withMergedProps","forwardRef","props","forwardedRef","size","mask","labelPosition","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","active","label","labelId","inputProps","sizeProps","inputRef","useRef","useImperativeHandle","current","overflow","setOverflow","useState","handleDetectOverflow","useCallback","e","scrollWidth","clientWidth","useResizeObserver","target","onResize","_jsx","InputLabel","children","Styled","visible","undefined","onBlur","evt","currentTarget","input","displayName","SIZES"],"mappings":"wWAmBA,MAAMA,UAA6DC,gBACjEC,YAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,GAAEC,cACTA,EAAgB,UAASC,QACzBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,QACLA,KACGC,GACDf,EAEJ,MAAMgB,EAAY,CAChBd,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,SAGF,MAAMM,EAAWC,OAAgC,MACjDC,oBAAsElB,GAAc,IAAMgB,EAASG,SAAS,IAE5G,MAAOC,EAAUC,GAAeC,UAAkB,GAElD,MAAMC,EAAuBC,aAAaC,IACxCJ,EAAYI,EAAEC,YAAcD,EAAEE,YAAY,GACzC,IAOH,OALAC,kBAAkB,CAChBC,OAAQb,EACRc,SAAUP,IAIVQ,IAACC,WAAU,IAAKjB,EAAWJ,OAAQA,EAAQC,MAAOA,EAAOC,QAASA,EAASV,cAAeA,EAAc8B,SACtGF,IAACG,OAAa,CAACC,QAASf,EAAU,qBAAA,EAAiBa,SACjDF,IAACG,MAAY,IACPpB,EACJ,kBAAiBF,EAAQC,OAAUuB,EACnClC,KAAMA,EACNmC,OAASC,IACHxB,EAAWuB,QAAQvB,EAAWuB,OAAOC,GAEzCf,EAAqBe,EAAIC,cAAc,EAEzCvB,SAAWwB,IACTxB,EAASG,QAAUqB,CAAK,OAInB,IAGjB,CACEC,YA3EmB,YA4EnB/B,MAAOgC"}
+{"version":3,"file":"FormInput.mjs","sources":["../../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useState, useCallback } from 'react'\nimport { InputLabel } from 'components/InputLabel'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { FormInputProps } from './types'\n\nconst COMPONENT_NAME = 'FormInput'\n\n/**\n *\n * Компонент для приема однострочного ввода.\n *\n * Поддерживается маска ввода и анимация текстового лейбла.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst FormInput: React.ForwardRefExoticComponent<FormInputProps> = withMergedProps<FormInputProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<FormInputProps>>((props, forwardedRef) => {\n    const {\n      size = 'm',\n      mask = '',\n      labelPosition = 'dynamic',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n      active,\n      label,\n      labelId,\n      ...inputProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n    }\n\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => inputRef.current, [])\n\n    const [overflow, setOverflow] = useState<boolean>(false)\n\n    const handleDetectOverflow = useCallback((e: HTMLInputElement) => {\n      setOverflow(e.scrollWidth > e.clientWidth)\n    }, [])\n\n    useResizeObserver({\n      target: inputRef,\n      onResize: handleDetectOverflow,\n    })\n\n    return (\n      <InputLabel {...sizeProps} active={active} label={label} labelId={labelId} labelPosition={labelPosition}>\n        <Styled.Fading visible={overflow} data-input-fading>\n          <Styled.Input\n            {...inputProps}\n            aria-labelledby={label ? labelId : undefined}\n            mask={mask}\n            onBlur={(evt) => {\n              if (inputProps.onBlur) inputProps.onBlur(evt)\n\n              handleDetectOverflow(evt.currentTarget)\n            }}\n            inputRef={(input) => {\n              inputRef.current = input\n            }}\n          />\n        </Styled.Fading>\n      </InputLabel>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormInput }\n"],"names":["FormInput","withMergedProps","forwardRef","props","forwardedRef","size","mask","labelPosition","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","active","label","labelId","inputProps","sizeProps","inputRef","useRef","useImperativeHandle","current","overflow","setOverflow","useState","handleDetectOverflow","useCallback","e","scrollWidth","clientWidth","useResizeObserver","target","onResize","_jsx","InputLabel","children","Styled","visible","undefined","onBlur","evt","currentTarget","input","displayName","SIZES"],"mappings":"wWAmBA,MAAMA,UAA6DC,gBACjEC,WAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,GAAEC,cACTA,EAAgB,UAASC,QACzBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,QACLA,KACGC,GACDf,EAEJ,MAAMgB,EAAY,CAChBd,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,SAGF,MAAMM,EAAWC,OAAgC,MACjDC,oBAAsElB,EAAc,IAAMgB,EAASG,QAAS,IAE5G,MAAOC,EAAUC,GAAeC,UAAkB,GAElD,MAAMC,EAAuBC,YAAaC,IACxCJ,EAAYI,EAAEC,YAAcD,EAAEE,cAC7B,IAOH,OALAC,kBAAkB,CAChBC,OAAQb,EACRc,SAAUP,IAIVQ,IAACC,WAAU,IAAKjB,EAAWJ,OAAQA,EAAQC,MAAOA,EAAOC,QAASA,EAASV,cAAeA,EAAc8B,SACtGF,IAACG,OAAa,CAACC,QAASf,EAAU,qBAAA,EAAiBa,SACjDF,IAACG,MAAY,IACPpB,EACJ,kBAAiBF,EAAQC,OAAUuB,EACnClC,KAAMA,EACNmC,OAASC,IACHxB,EAAWuB,QAAQvB,EAAWuB,OAAOC,GAEzCf,EAAqBe,EAAIC,gBAE3BvB,SAAWwB,IACTxB,EAASG,QAAUqB,WAO/B,CACEC,YA3EmB,YA4EnB/B,MAAOgC"}

package/components/FormInput/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var InputMask=require('react-input-mask');var hover=require('../../mixins/hover.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);var InputMask__default=_interopDefault(InputMask);const Fading=styled__default.default.div.withConfig({shouldForwardProp:n=>n!=='visible'}).withConfig({displayName:"FormInput__Fading",componentId:"ui__sc-1eiwrfu-0"})(["",""],(n=>`\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    position: relative;\n    width: 100%;\n    transform: translateZ(0);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 40px;\n      pointer-events: none;\n      opacity: ${n.visible?1:0};\n      background-image: linear-gradient(90deg, transparent, currentcolor);\n      transition-property: opacity, color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n    }\n\n    ${hover.hover("\n        opacity: 0;\n      ",'&:hover::after')}\n\n    &:focus-within::after {\n      opacity: 0;\n    }\n  `));const Input=styled__default.default(InputMask__default.default).withConfig({shouldForwardProp:n=>!['palette'].includes(n)}).withConfig({displayName:"FormInput__Input",componentId:"ui__sc-1eiwrfu-1"})(["box-sizing:border-box;appearance:textfield;border:none;padding:0;margin:0;background-color:transparent;font:inherit;height:1.4em;width:100%;cursor:pointer;&:disabled{cursor:not-allowed;}&[type='number']::-webkit-outer-spin-button,&[type='number']::-webkit-inner-spin-button{appearance:none;margin:0;}&:focus{outline:none;}&:focus:read-write{cursor:text;}",""],(n=>{return`\n  color: ${(e={color:n.theme.colors['content-onmain-primary'],placeholderColor:n.theme.colors['content-onmain-secondary'],colorDisabled:n.theme.colors['content-disabled'],placeholderColorDisabled:n.theme.colors['content-disabled'],...n.palette}).color};\n  &:disabled {\n    color: ${e.colorDisabled};\n  }\n  &::placeholder {\n    color: ${e.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${e.placeholderColorDisabled};\n  }\n`;var e}));exports.Fading=Fading,exports.Input=Input;
+'use strict';var styled=require('styled-components');var InputMask=require('react-input-mask');var hover=require('../../mixins/hover.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);var InputMask__default=_interopDefault(InputMask);const Fading=styled__default.default.div.withConfig({shouldForwardProp:n=>n!=='visible'}).withConfig({displayName:"FormInput__Fading",componentId:"ui__sc-1eiwrfu-0"})(["",""],n=>`\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    position: relative;\n    width: 100%;\n    transform: translateZ(0);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 40px;\n      pointer-events: none;\n      opacity: ${n.visible?1:0};\n      background-image: linear-gradient(90deg, transparent, currentcolor);\n      transition-property: opacity, color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n    }\n\n    ${hover.hover("\n        opacity: 0;\n      ",'&:hover::after')}\n\n    &:focus-within::after {\n      opacity: 0;\n    }\n  `);const Input=styled__default.default(InputMask__default.default).withConfig({shouldForwardProp:n=>!['palette'].includes(n)}).withConfig({displayName:"FormInput__Input",componentId:"ui__sc-1eiwrfu-1"})(["box-sizing:border-box;appearance:textfield;border:none;padding:0;margin:0;background-color:transparent;font:inherit;height:1.4em;width:100%;cursor:pointer;&:disabled{cursor:not-allowed;}&[type='number']::-webkit-outer-spin-button,&[type='number']::-webkit-inner-spin-button{appearance:none;margin:0;}&:focus{outline:none;}&:focus:read-write{cursor:text;}",""],n=>{return`\n  color: ${(e={color:n.theme.colors['content-onmain-primary'],placeholderColor:n.theme.colors['content-onmain-secondary'],colorDisabled:n.theme.colors['content-disabled'],placeholderColorDisabled:n.theme.colors['content-disabled'],...n.palette}).color};\n  &:disabled {\n    color: ${e.colorDisabled};\n  }\n  &::placeholder {\n    color: ${e.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${e.placeholderColorDisabled};\n  }\n`;var e});exports.Fading=Fading,exports.Input=Input;
 //# sourceMappingURL=style.js.map

package/components/FormInput/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/FormInput/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport { hover } from 'mixins/hover'\nimport type { StyledMaskInputProps, FormInputPalette } from './types'\n\nconst template = (palette: FormInputPalette) => `\n  color: ${palette.color};\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Fading = styled.div.withConfig<{ visible: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'visible',\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    position: relative;\n    width: 100%;\n    transform: translateZ(0);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 40px;\n      pointer-events: none;\n      opacity: ${props.visible ? 1 : 0};\n      background-image: linear-gradient(90deg, transparent, currentcolor);\n      transition-property: opacity, color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n    }\n\n    ${hover(\n      `\n        opacity: 0;\n      `,\n      '&:hover::after'\n    )}\n\n    &:focus-within::after {\n      opacity: 0;\n    }\n  `}\n`\n\nexport const Input: React.ComponentType<StyledMaskInputProps> = styled(InputMask).withConfig<StyledMaskInputProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: textfield;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  font: inherit;\n  height: 1.4em;\n  width: 100%;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &[type='number']::-webkit-outer-spin-button,\n  &[type='number']::-webkit-inner-spin-button {\n    appearance: none;\n    margin: 0;\n  }\n  &:focus {\n    outline: none;\n  }\n\n  &:focus:read-write {\n    cursor: text;\n  }\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n"],"names":["Fading","styled","div","withConfig","shouldForwardProp","propKey","displayName","componentId","props","visible","hover","Input","InputMask","includes","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled"],"mappings":"ySAkBO,MAAMA,OAASC,gBAAAA,QAAOC,IAAIC,WAAiC,CAChEC,kBAAoBC,GAAYA,IAAY,YAC5CF,WAAA,CAAAG,YAAA,oBAAAC,YAAA,oBAFoBN,CAEpB,CAAA,GAAA,KACGO,GAAU,8UAgBEA,EAAMC,QAAU,EAAI,2NAO/BC,YACA,gCAGA,mFASC,MAAMC,MAAmDV,gBAAAA,QAAOW,4BAAWT,WAAiC,CACjHC,kBAAoBC,IAAa,CAAC,WAAWQ,SAASR,KACtDF,WAAA,CAAAG,YAAA,mBAAAC,YAAA,oBAF8DN,CAE9D,CAAA,qWAAA,KA2BGO,IACDM,MAlF4C,eAA9BC,EAkFL,CACPC,MAAOR,EAAMS,MAAMC,OAAO,0BAC1BC,iBAAkBX,EAAMS,MAAMC,OAAO,4BACrCE,cAAeZ,EAAMS,MAAMC,OAAO,oBAClCG,yBAA0Bb,EAAMS,MAAMC,OAAO,uBAC1CV,EAAMO,UAtFIC,sCAEND,EAAQK,uDAGRL,EAAQI,mEAGRJ,EAAQM,mCATHN,KAwFZ"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/FormInput/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport { hover } from 'mixins/hover'\nimport type { StyledMaskInputProps, FormInputPalette } from './types'\n\nconst template = (palette: FormInputPalette) => `\n  color: ${palette.color};\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Fading = styled.div.withConfig<{ visible: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'visible',\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    position: relative;\n    width: 100%;\n    transform: translateZ(0);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 40px;\n      pointer-events: none;\n      opacity: ${props.visible ? 1 : 0};\n      background-image: linear-gradient(90deg, transparent, currentcolor);\n      transition-property: opacity, color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n    }\n\n    ${hover(\n      `\n        opacity: 0;\n      `,\n      '&:hover::after'\n    )}\n\n    &:focus-within::after {\n      opacity: 0;\n    }\n  `}\n`\n\nexport const Input: React.ComponentType<StyledMaskInputProps> = styled(InputMask).withConfig<StyledMaskInputProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: textfield;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  font: inherit;\n  height: 1.4em;\n  width: 100%;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &[type='number']::-webkit-outer-spin-button,\n  &[type='number']::-webkit-inner-spin-button {\n    appearance: none;\n    margin: 0;\n  }\n  &:focus {\n    outline: none;\n  }\n\n  &:focus:read-write {\n    cursor: text;\n  }\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n"],"names":["Fading","styled","div","withConfig","shouldForwardProp","propKey","displayName","componentId","props","visible","hover","Input","InputMask","includes","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled"],"mappings":"ySAkBO,MAAMA,OAASC,gBAAAA,QAAOC,IAAIC,WAAiC,CAChEC,kBAAoBC,GAAYA,IAAY,YAC5CF,WAAA,CAAAG,YAAA,oBAAAC,YAAA,oBAFoBN,CAEpB,CAAA,GAAA,IACGO,GAAU,8UAgBEA,EAAMC,QAAU,EAAI,2NAO/BC,YACA,gCAGA,kFASC,MAAMC,MAAmDV,gBAAAA,QAAOW,4BAAWT,WAAiC,CACjHC,kBAAoBC,IAAa,CAAC,WAAWQ,SAASR,KACtDF,WAAA,CAAAG,YAAA,mBAAAC,YAAA,oBAF8DN,CAE9D,CAAA,qWAAA,IA2BGO,IACDM,MAlF4C,eAA9BC,EAkFL,CACPC,MAAOR,EAAMS,MAAMC,OAAO,0BAC1BC,iBAAkBX,EAAMS,MAAMC,OAAO,4BACrCE,cAAeZ,EAAMS,MAAMC,OAAO,oBAClCG,yBAA0Bb,EAAMS,MAAMC,OAAO,uBAC1CV,EAAMO,UAtFIC,sCAEND,EAAQK,uDAGRL,EAAQI,mEAGRJ,EAAQM,mCATHN"}

package/components/FormInput/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import InputMask from'react-input-mask';import{hover}from'../../mixins/hover.mjs';const Fading=styled.div.withConfig({shouldForwardProp:n=>n!=='visible'}).withConfig({displayName:"FormInput__Fading",componentId:"ui__sc-1eiwrfu-0"})(["",""],(n=>`\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    position: relative;\n    width: 100%;\n    transform: translateZ(0);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 40px;\n      pointer-events: none;\n      opacity: ${n.visible?1:0};\n      background-image: linear-gradient(90deg, transparent, currentcolor);\n      transition-property: opacity, color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n    }\n\n    ${hover("\n        opacity: 0;\n      ",'&:hover::after')}\n\n    &:focus-within::after {\n      opacity: 0;\n    }\n  `));const Input=styled(InputMask).withConfig({shouldForwardProp:n=>!['palette'].includes(n)}).withConfig({displayName:"FormInput__Input",componentId:"ui__sc-1eiwrfu-1"})(["box-sizing:border-box;appearance:textfield;border:none;padding:0;margin:0;background-color:transparent;font:inherit;height:1.4em;width:100%;cursor:pointer;&:disabled{cursor:not-allowed;}&[type='number']::-webkit-outer-spin-button,&[type='number']::-webkit-inner-spin-button{appearance:none;margin:0;}&:focus{outline:none;}&:focus:read-write{cursor:text;}",""],(n=>{return`\n  color: ${(o={color:n.theme.colors['content-onmain-primary'],placeholderColor:n.theme.colors['content-onmain-secondary'],colorDisabled:n.theme.colors['content-disabled'],placeholderColorDisabled:n.theme.colors['content-disabled'],...n.palette}).color};\n  &:disabled {\n    color: ${o.colorDisabled};\n  }\n  &::placeholder {\n    color: ${o.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${o.placeholderColorDisabled};\n  }\n`;var o}));export{Fading,Input};
+import styled from'styled-components';import InputMask from'react-input-mask';import{hover}from'../../mixins/hover.mjs';const Fading=styled.div.withConfig({shouldForwardProp:n=>n!=='visible'}).withConfig({displayName:"FormInput__Fading",componentId:"ui__sc-1eiwrfu-0"})(["",""],n=>`\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    position: relative;\n    width: 100%;\n    transform: translateZ(0);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 40px;\n      pointer-events: none;\n      opacity: ${n.visible?1:0};\n      background-image: linear-gradient(90deg, transparent, currentcolor);\n      transition-property: opacity, color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n    }\n\n    ${hover("\n        opacity: 0;\n      ",'&:hover::after')}\n\n    &:focus-within::after {\n      opacity: 0;\n    }\n  `);const Input=styled(InputMask).withConfig({shouldForwardProp:n=>!['palette'].includes(n)}).withConfig({displayName:"FormInput__Input",componentId:"ui__sc-1eiwrfu-1"})(["box-sizing:border-box;appearance:textfield;border:none;padding:0;margin:0;background-color:transparent;font:inherit;height:1.4em;width:100%;cursor:pointer;&:disabled{cursor:not-allowed;}&[type='number']::-webkit-outer-spin-button,&[type='number']::-webkit-inner-spin-button{appearance:none;margin:0;}&:focus{outline:none;}&:focus:read-write{cursor:text;}",""],n=>{return`\n  color: ${(o={color:n.theme.colors['content-onmain-primary'],placeholderColor:n.theme.colors['content-onmain-secondary'],colorDisabled:n.theme.colors['content-disabled'],placeholderColorDisabled:n.theme.colors['content-disabled'],...n.palette}).color};\n  &:disabled {\n    color: ${o.colorDisabled};\n  }\n  &::placeholder {\n    color: ${o.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${o.placeholderColorDisabled};\n  }\n`;var o});export{Fading,Input};
 //# sourceMappingURL=style.mjs.map

package/components/FormInput/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormInput/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport { hover } from 'mixins/hover'\nimport type { StyledMaskInputProps, FormInputPalette } from './types'\n\nconst template = (palette: FormInputPalette) => `\n  color: ${palette.color};\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Fading = styled.div.withConfig<{ visible: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'visible',\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    position: relative;\n    width: 100%;\n    transform: translateZ(0);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 40px;\n      pointer-events: none;\n      opacity: ${props.visible ? 1 : 0};\n      background-image: linear-gradient(90deg, transparent, currentcolor);\n      transition-property: opacity, color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n    }\n\n    ${hover(\n      `\n        opacity: 0;\n      `,\n      '&:hover::after'\n    )}\n\n    &:focus-within::after {\n      opacity: 0;\n    }\n  `}\n`\n\nexport const Input: React.ComponentType<StyledMaskInputProps> = styled(InputMask).withConfig<StyledMaskInputProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: textfield;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  font: inherit;\n  height: 1.4em;\n  width: 100%;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &[type='number']::-webkit-outer-spin-button,\n  &[type='number']::-webkit-inner-spin-button {\n    appearance: none;\n    margin: 0;\n  }\n  &:focus {\n    outline: none;\n  }\n\n  &:focus:read-write {\n    cursor: text;\n  }\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n"],"names":["Fading","styled","div","withConfig","shouldForwardProp","propKey","displayName","componentId","props","visible","hover","Input","InputMask","includes","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled"],"mappings":"wHAkBO,MAAMA,OAASC,OAAOC,IAAIC,WAAiC,CAChEC,kBAAoBC,GAAYA,IAAY,YAC5CF,WAAA,CAAAG,YAAA,oBAAAC,YAAA,oBAFoBN,CAEpB,CAAA,GAAA,KACGO,GAAU,8UAgBEA,EAAMC,QAAU,EAAI,2NAO/BC,MACA,gCAGA,mFASC,MAAMC,MAAmDV,OAAOW,WAAWT,WAAiC,CACjHC,kBAAoBC,IAAa,CAAC,WAAWQ,SAASR,KACtDF,WAAA,CAAAG,YAAA,mBAAAC,YAAA,oBAF8DN,CAE9D,CAAA,qWAAA,KA2BGO,IACDM,MAlF4C,eAA9BC,EAkFL,CACPC,MAAOR,EAAMS,MAAMC,OAAO,0BAC1BC,iBAAkBX,EAAMS,MAAMC,OAAO,4BACrCE,cAAeZ,EAAMS,MAAMC,OAAO,oBAClCG,yBAA0Bb,EAAMS,MAAMC,OAAO,uBAC1CV,EAAMO,UAtFIC,sCAEND,EAAQK,uDAGRL,EAAQI,mEAGRJ,EAAQM,mCATHN,KAwFZ"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormInput/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport { hover } from 'mixins/hover'\nimport type { StyledMaskInputProps, FormInputPalette } from './types'\n\nconst template = (palette: FormInputPalette) => `\n  color: ${palette.color};\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Fading = styled.div.withConfig<{ visible: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'visible',\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    position: relative;\n    width: 100%;\n    transform: translateZ(0);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 40px;\n      pointer-events: none;\n      opacity: ${props.visible ? 1 : 0};\n      background-image: linear-gradient(90deg, transparent, currentcolor);\n      transition-property: opacity, color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n    }\n\n    ${hover(\n      `\n        opacity: 0;\n      `,\n      '&:hover::after'\n    )}\n\n    &:focus-within::after {\n      opacity: 0;\n    }\n  `}\n`\n\nexport const Input: React.ComponentType<StyledMaskInputProps> = styled(InputMask).withConfig<StyledMaskInputProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: textfield;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  font: inherit;\n  height: 1.4em;\n  width: 100%;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &[type='number']::-webkit-outer-spin-button,\n  &[type='number']::-webkit-inner-spin-button {\n    appearance: none;\n    margin: 0;\n  }\n  &:focus {\n    outline: none;\n  }\n\n  &:focus:read-write {\n    cursor: text;\n  }\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n"],"names":["Fading","styled","div","withConfig","shouldForwardProp","propKey","displayName","componentId","props","visible","hover","Input","InputMask","includes","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled"],"mappings":"wHAkBO,MAAMA,OAASC,OAAOC,IAAIC,WAAiC,CAChEC,kBAAoBC,GAAYA,IAAY,YAC5CF,WAAA,CAAAG,YAAA,oBAAAC,YAAA,oBAFoBN,CAEpB,CAAA,GAAA,IACGO,GAAU,8UAgBEA,EAAMC,QAAU,EAAI,2NAO/BC,MACA,gCAGA,kFASC,MAAMC,MAAmDV,OAAOW,WAAWT,WAAiC,CACjHC,kBAAoBC,IAAa,CAAC,WAAWQ,SAASR,KACtDF,WAAA,CAAAG,YAAA,mBAAAC,YAAA,oBAF8DN,CAE9D,CAAA,qWAAA,IA2BGO,IACDM,MAlF4C,eAA9BC,EAkFL,CACPC,MAAOR,EAAMS,MAAMC,OAAO,0BAC1BC,iBAAkBX,EAAMS,MAAMC,OAAO,4BACrCE,cAAeZ,EAAMS,MAAMC,OAAO,oBAClCG,yBAA0Bb,EAAMS,MAAMC,OAAO,uBAC1CV,EAAMO,UAtFIC,sCAEND,EAAQK,uDAGRL,EAAQI,mEAGRJ,EAAQM,mCATHN"}

package/components/FormInputLabel/FormInputLabel.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');const FormInputLabel=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:i="m",sizeXXS:r,sizeXS:t,sizeS:n,sizeM:o,sizeL:l,sizeXL:u,input:a,text:d,controls:x,addonLeft:z,addonRight:h,dropdown:j,...c}=e;const m={size:i,sizeXXS:r,sizeXS:t,sizeS:n,sizeM:o,sizeL:l,sizeXL:u};return jsxRuntime.jsxs(style.Root,{...c,...m,ref:s,children:[z?jsxRuntime.jsx(style.AddonLeft,{children:z}):null,jsxRuntime.jsx(style.Container,{...m,sizes:sizes.SIZES_CONTAINER,grow:1,children:a}),d?jsxRuntime.jsx(style.Container,{...m,sizes:sizes.SIZES_CONTAINER,marginRight:h||x?void 0:8,children:jsxRuntime.jsx(Text.Text,{size:"inherit",color:"inherit",lineHeight:"inherit",whiteSpace:"nowrap",children:d})}):null,h?jsxRuntime.jsx(style.AddonRight,{marginRight:x?0:4,children:h}):null,x,j?jsxRuntime.jsx(style.Dropdown,{children:j}):null]})})),{sizes:sizes.SIZES,displayName:"FormInputLabel"});exports.COMPONENT_NAME="FormInputLabel",exports.FormInputLabel=FormInputLabel;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');const FormInputLabel=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:i="m",sizeXXS:r,sizeXS:t,sizeS:n,sizeM:o,sizeL:l,sizeXL:u,input:a,text:d,controls:x,addonLeft:z,addonRight:h,dropdown:j,...c}=e;const m={size:i,sizeXXS:r,sizeXS:t,sizeS:n,sizeM:o,sizeL:l,sizeXL:u};return jsxRuntime.jsxs(style.Root,{...c,...m,ref:s,children:[z?jsxRuntime.jsx(style.AddonLeft,{children:z}):null,jsxRuntime.jsx(style.Container,{...m,sizes:sizes.SIZES_CONTAINER,grow:1,children:a}),d?jsxRuntime.jsx(style.Container,{...m,sizes:sizes.SIZES_CONTAINER,marginRight:h||x?void 0:8,children:jsxRuntime.jsx(Text.Text,{size:"inherit",color:"inherit",lineHeight:"inherit",whiteSpace:"nowrap",children:d})}):null,h?jsxRuntime.jsx(style.AddonRight,{marginRight:x?0:4,children:h}):null,x,j?jsxRuntime.jsx(style.Dropdown,{children:j}):null]})}),{sizes:sizes.SIZES,displayName:"FormInputLabel"});exports.COMPONENT_NAME="FormInputLabel",exports.FormInputLabel=FormInputLabel;
 //# sourceMappingURL=FormInputLabel.js.map

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,YAA6D,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,OAChD,IAGlB,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 { 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"}

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{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};
 //# 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,YAA6D,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,OAChD,IAGlB,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 { 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"}

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 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;
 //# 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, 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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"}

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 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};
 //# 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, 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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"}