@foxford/ui 2.39.0-beta-22709eb-20240820 → 2.39.0-beta-8d52b2b-20240822

package/components/Dropdown/constants.js

@@ -1,2 +1,2 @@
-'use strict';var constants=require('../FormInputLabel/constants.js');var constants$1=require('../InputCheckbox/constants.js');const SIZES={xxxl:constants.SIZES.l,xxl:constants.SIZES.l,xl:constants.SIZES.l,l:constants.SIZES.l,m:constants.SIZES.m,s:constants.SIZES.s,xs:constants.SIZES.s,xxs:constants.SIZES.s,xxxs:constants.SIZES.s};const SIZES_CHECKBOX={xxxl:constants$1.SIZES.m,xxl:constants$1.SIZES.m,xl:constants$1.SIZES.m,l:constants$1.SIZES.m,m:constants$1.SIZES.s,s:constants$1.SIZES.xs,xs:constants$1.SIZES.xs,xxs:constants$1.SIZES.xs,xxxs:constants$1.SIZES.xs};exports.FuseSearchKeys={text:'text',tags:'tags'},exports.SIZES=SIZES,exports.SIZES_CHECKBOX=SIZES_CHECKBOX,exports.SIZES_MENU={xxxl:{width:560,minWidth:'100%',maxWidth:'none'},xxl:{width:560,minWidth:'100%',maxWidth:'none'},xl:{width:560,minWidth:'100%',maxWidth:'none'},l:{width:560,minWidth:'100%',maxWidth:'none'},m:{width:480,minWidth:'100%',maxWidth:'none'},s:{width:280,minWidth:'100%',maxWidth:'none'},xs:{width:280,minWidth:'100%',maxWidth:'none'},xxs:{width:280,minWidth:'100%',maxWidth:'none'},xxxs:{width:280,minWidth:'100%',maxWidth:'none'}};
+import'../FormInputLabel/FormInputLabel.js';import{SIZES as x}from'../FormInputLabel/constants.js';import'../InputCheckbox/InputCheckbox.js';import{SIZES as t}from'../InputCheckbox/constants.js';var i={text:'text',tags:'tags'};var s={xxxl:x.l,xxl:x.l,xl:x.l,l:x.l,m:x.m,s:x.s,xs:x.s,xxs:x.s,xxxs:x.s};var n={xxxl:t.m,xxl:t.m,xl:t.m,l:t.m,m:t.s,s:t.xs,xs:t.xs,xxs:t.xs,xxxs:t.xs};var m={xxxl:{width:560,minWidth:'100%',maxWidth:'none'},xxl:{width:560,minWidth:'100%',maxWidth:'none'},xl:{width:560,minWidth:'100%',maxWidth:'none'},l:{width:560,minWidth:'100%',maxWidth:'none'},m:{width:480,minWidth:'100%',maxWidth:'none'},s:{width:280,minWidth:'100%',maxWidth:'none'},xs:{width:280,minWidth:'100%',maxWidth:'none'},xxs:{width:280,minWidth:'100%',maxWidth:'none'},xxxs:{width:280,minWidth:'100%',maxWidth:'none'}};export{i as FuseSearchKeys,s as SIZES,n as SIZES_CHECKBOX,m as SIZES_MENU};
 //# sourceMappingURL=constants.js.map

package/components/Dropdown/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { Sizes } from 'shared/types'\n\nexport const FuseSearchKeys = {\n  text: 'text',\n  tags: 'tags',\n} as const\n\nexport const SIZES: Sizes = {\n  xxxl: SIZES_FORM_INPUT_LABEL.l,\n  xxl: SIZES_FORM_INPUT_LABEL.l,\n  xl: SIZES_FORM_INPUT_LABEL.l,\n  l: SIZES_FORM_INPUT_LABEL.l,\n  m: SIZES_FORM_INPUT_LABEL.m,\n  s: SIZES_FORM_INPUT_LABEL.s,\n  xs: SIZES_FORM_INPUT_LABEL.s,\n  xxs: SIZES_FORM_INPUT_LABEL.s,\n  xxxs: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Sizes = {\n  xxxl: SIZES_INPUT_CHECKBOX.m,\n  xxl: SIZES_INPUT_CHECKBOX.m,\n  xl: SIZES_INPUT_CHECKBOX.m,\n  l: SIZES_INPUT_CHECKBOX.m,\n  m: SIZES_INPUT_CHECKBOX.s,\n  s: SIZES_INPUT_CHECKBOX.xs,\n  xs: SIZES_INPUT_CHECKBOX.xs,\n  xxs: SIZES_INPUT_CHECKBOX.xs,\n  xxxs: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Sizes = {\n  xxxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  l: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  m: {\n    width: 480,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  s: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n}\n"],"names":["SIZES","xxxl","SIZES_FORM_INPUT_LABEL","l","xxl","xl","m","s","xs","xxs","xxxs","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","text","tags","width","minWidth","maxWidth"],"mappings":"8HASO,MAAMA,MAAe,CAC1BC,KAAMC,UAAsBF,MAACG,EAC7BC,IAAKF,UAAsBF,MAACG,EAC5BE,GAAIH,UAAsBF,MAACG,EAC3BA,EAAGD,UAAsBF,MAACG,EAC1BG,EAAGJ,UAAsBF,MAACM,EAC1BC,EAAGL,UAAsBF,MAACO,EAC1BC,GAAIN,UAAsBF,MAACO,EAC3BE,IAAKP,UAAsBF,MAACO,EAC5BG,KAAMR,UAAsBF,MAACO,GAGxB,MAAMI,eAAwB,CACnCV,KAAMW,YAAoBZ,MAACM,EAC3BF,IAAKQ,YAAoBZ,MAACM,EAC1BD,GAAIO,YAAoBZ,MAACM,EACzBH,EAAGS,YAAoBZ,MAACM,EACxBA,EAAGM,YAAoBZ,MAACO,EACxBA,EAAGK,YAAoBZ,MAACQ,GACxBA,GAAII,YAAoBZ,MAACQ,GACzBC,IAAKG,YAAoBZ,MAACQ,GAC1BE,KAAME,YAAoBZ,MAACQ,2BA1BC,CAC5BK,KAAM,OACNC,KAAM,qFA2ByB,CAC/Bb,KAAM,CACJc,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZb,IAAK,CACHW,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZZ,GAAI,CACFU,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZd,EAAG,CACDY,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZX,EAAG,CACDS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZV,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,GAAI,CACFO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,IAAK,CACHM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,KAAM,CACJK,MAAO,IACPC,SAAU,OACVC,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { Sizes } from 'shared/types'\n\nexport const FuseSearchKeys = {\n  text: 'text',\n  tags: 'tags',\n} as const\n\nexport const SIZES: Sizes = {\n  xxxl: SIZES_FORM_INPUT_LABEL.l,\n  xxl: SIZES_FORM_INPUT_LABEL.l,\n  xl: SIZES_FORM_INPUT_LABEL.l,\n  l: SIZES_FORM_INPUT_LABEL.l,\n  m: SIZES_FORM_INPUT_LABEL.m,\n  s: SIZES_FORM_INPUT_LABEL.s,\n  xs: SIZES_FORM_INPUT_LABEL.s,\n  xxs: SIZES_FORM_INPUT_LABEL.s,\n  xxxs: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Sizes = {\n  xxxl: SIZES_INPUT_CHECKBOX.m,\n  xxl: SIZES_INPUT_CHECKBOX.m,\n  xl: SIZES_INPUT_CHECKBOX.m,\n  l: SIZES_INPUT_CHECKBOX.m,\n  m: SIZES_INPUT_CHECKBOX.s,\n  s: SIZES_INPUT_CHECKBOX.xs,\n  xs: SIZES_INPUT_CHECKBOX.xs,\n  xxs: SIZES_INPUT_CHECKBOX.xs,\n  xxxs: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Sizes = {\n  xxxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  l: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  m: {\n    width: 480,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  s: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n}\n"],"names":["FuseSearchKeys","text","tags","SIZES","xxxl","SIZES_FORM_INPUT_LABEL","l","xxl","xl","m","s","xs","xxs","xxxs","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","SIZES_MENU","width","minWidth","maxWidth"],"mappings":"mMAIO,IAAMA,EAAiB,CAC5BC,KAAM,OACNC,KAAM,QAGD,IAAMC,EAAe,CAC1BC,KAAMC,EAAuBC,EAC7BC,IAAKF,EAAuBC,EAC5BE,GAAIH,EAAuBC,EAC3BA,EAAGD,EAAuBC,EAC1BG,EAAGJ,EAAuBI,EAC1BC,EAAGL,EAAuBK,EAC1BC,GAAIN,EAAuBK,EAC3BE,IAAKP,EAAuBK,EAC5BG,KAAMR,EAAuBK,GAGxB,IAAMI,EAAwB,CACnCV,KAAMW,EAAqBN,EAC3BF,IAAKQ,EAAqBN,EAC1BD,GAAIO,EAAqBN,EACzBH,EAAGS,EAAqBN,EACxBA,EAAGM,EAAqBL,EACxBA,EAAGK,EAAqBJ,GACxBA,GAAII,EAAqBJ,GACzBC,IAAKG,EAAqBJ,GAC1BE,KAAME,EAAqBJ,IAGtB,IAAMK,EAAoB,CAC/BZ,KAAM,CACJa,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZZ,IAAK,CACHU,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZX,GAAI,CACFS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZb,EAAG,CACDW,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZV,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,EAAG,CACDO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,GAAI,CACFM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,IAAK,CACHK,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZN,KAAM,CACJI,MAAO,IACPC,SAAU,OACVC,SAAU"}

package/components/Dropdown/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var index=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const Input=styled__default.default.input.withConfig({shouldForwardProp:n=>!['palette','preset','label','labelPosition','active'].includes(n)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(n=>{let o='1';let e='0px';return n.label&&n.labelPosition==='dynamic'&&(o=""+(n.active?1:0),e='0.8em'),n.label&&n.labelPosition==='top'&&(e='0.8em'),n.label&&n.labelPosition==='center'&&(o=""+(n.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${o};\n      padding-top: ${e};\n      cursor: ${n.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(n=>{return`\n  color: ${(o={color:n.palette.color??n.theme.colors['content-onmain-primary'],placeholderColor:n.palette.placeholderColor??n.theme.colors['content-onmain-secondary'],colorDisabled:n.palette.colorDisabled??n.theme.colors['content-disabled'],placeholderColorDisabled:n.palette.placeholderColorDisabled??n.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${o.placeholderColor};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${o.placeholderColorDisabled};\n  }\n`;var o}));const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled__default.default(index.ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-2"})(["",""],(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$1.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.ChevronIcon=ChevronIcon,exports.IconContainer=IconContainer,exports.Input=Input,exports.LoadingIconAnimated=LoadingIconAnimated;
+import o,{keyframes as n}from'styled-components';import{ChevronDown as e,LoaderFill as r}from'@foxford/icon-pack';var t=o.input.withConfig({shouldForwardProp:o=>!['palette','preset','label','labelPosition','active'].includes(o)}).withConfig({componentId:"fox-ui__sc-519mcg-0"})([""," ",""],(o=>{var n='1';var e='0px';return o.label&&'dynamic'===o.labelPosition&&(n="".concat(o.active?1:0),e='0.8em'),o.label&&'top'===o.labelPosition&&(e='0.8em'),o.label&&'center'===o.labelPosition&&(n="".concat(o.active?1:0)),"\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ".concat(n,";\n      padding-top: ").concat(e,";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    ")}),(o=>{var n,e,r,t;return a={color:null!==(n=o.palette.color)&&void 0!==n?n:o.theme.colors['content-onmain-primary'],placeholderColor:null!==(e=o.palette.placeholderColor)&&void 0!==e?e:o.theme.colors['content-onmain-secondary'],colorDisabled:null!==(r=o.palette.colorDisabled)&&void 0!==r?r:o.theme.colors['content-disabled'],placeholderColorDisabled:null!==(t=o.palette.placeholderColorDisabled)&&void 0!==t?t:o.theme.colors['content-disabled']},"\n  color: ".concat(a.color,";\n  &::placeholder {\n    color: ").concat(a.placeholderColor,";\n  }\n  &:disabled {\n    color: ").concat(a.colorDisabled,";\n  }\n  &:disabled::placeholder {\n    color: ").concat(a.placeholderColorDisabled,";\n  }\n");var a}));var a=n(["100%{transform:rotate(360deg);}"]);var i=o.div.withConfig({componentId:"fox-ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);var l=o(e).withConfig({shouldForwardProp:o=>'up'!==o}).withConfig({componentId:"fox-ui__sc-519mcg-2"})(["",""],(o=>"\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(".concat(o.up?180:0,"deg);\n  ")));var c=o(r).withConfig({componentId:"fox-ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],a);export{l as ChevronIcon,i as IconContainer,t as Input,c as 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, ChevronDown } from '@foxford/icon-pack'\nimport type { DropdownInputPalette, StyledDropdownProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\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 ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\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"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","opacity","paddingTop","label","labelPosition","active","disabled","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","spinAnimation","keyframes","IconContainer","div","ChevronIcon","default","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"ufAiBO,MAAMA,MAAQC,gBAAAA,QAAOC,MAAMC,WAAgC,CAChEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KACpGF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFmBP,CAEnB,CAAA,GAAA,IAAA,KACGQ,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAASH,EAAMI,gBAAkB,YACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,GAChCH,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,QACzCF,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,WACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,IAG3B,yRAWMJ,0BACIC,qBACLF,EAAMM,SAAW,cAAgB,6FAM5C,IAEAN,IACDO,MAvDgD,eAAlCC,EAuDL,CACPC,MAAOT,EAAMQ,QAAQC,OAAST,EAAMU,MAAMC,OAAO,0BACjDC,iBAAkBZ,EAAMQ,QAAQI,kBAAoBZ,EAAMU,MAAMC,OAAO,4BACvEE,cAAeb,EAAMQ,QAAQK,eAAiBb,EAAMU,MAAMC,OAAO,oBACjEG,yBAA0Bd,EAAMQ,QAAQM,0BAA4Bd,EAAMU,MAAMC,OAAO,sBA1D1EF,0CAEND,EAAQI,sDAGRJ,EAAQK,gEAGRL,EAAQM,mCATHN,KA4DZ,IAGN,MAAMO,cAAgBC,OAASA,UAI9B,CAAA,0CAEYC,cAAgBzB,gBAAAA,QAAO0B,IAAGxB,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAVP,CAM5B,CAAA,gGAEM,MAAM2B,YAAc3B,gBAAM4B,QAACC,mBAAa3B,WAAmC,CAChFC,kBAAoBC,GAAYA,IAAY,OAC5CF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFyBP,CAEzB,CAAA,GAAA,KACGQ,GAAU,gIAISA,EAAMsB,GAAK,IAAM,eAIlC,MAAMC,oBAAsB/B,gBAAM4B,QAACI,oBAAW9B,WAAA,CAAAI,YAAA,gCAAAC,YAAA,mBAAlBP,CAAkB,CAAA,qCAAA,4BAEtCuB"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\nimport type { DropdownInputPalette, StyledDropdownProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\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 ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\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"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","componentId","props","opacity","paddingTop","label","labelPosition","concat","active","disabled","_props$palette$color","_props$palette$placeh","_props$palette$colorD","_props$palette$placeh2","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","spinAnimation","keyframes","IconContainer","div","ChevronIcon","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"kHAiBO,IAAMA,EAAQC,EAAOC,MAAMC,WAAgC,CAChEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KADpFF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,IAAA,KAGbO,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAAiC,YAAxBH,EAAMI,gBACvBH,EAAO,GAAAI,OAAML,EAAMM,OAAS,EAAI,GAChCJ,EAAa,SAGXF,EAAMG,OAAiC,QAAxBH,EAAMI,gBACvBF,EAAa,SAGXF,EAAMG,OAAiC,WAAxBH,EAAMI,gBACvBH,EAAO,GAAAI,OAAML,EAAMM,OAAS,EAAI,IAcrBL,yRAAAA,OAAAA,EACIC,0BAAAA,OAAAA,EACLF,qBAAAA,OAAAA,EAAMO,SAAW,cAAgB,UAb7C,yFAqBCP,IAAD,IAAAQ,EAAAC,EAAAC,EAAAC,EAAA,OAtDcC,EAuDL,CACPC,MAAK,QAAEb,EAAAA,EAAMY,QAAQC,aAAAA,IAAhBL,EAAAA,EAAyBR,EAAMc,MAAMC,OAAO,0BACjDC,iBAAgB,QAAEhB,EAAAA,EAAMY,QAAQI,wBAAhB,IAAAP,EAAAA,EAAoCT,EAAMc,MAAMC,OAAO,4BACvEE,cAAa,QAAEjB,EAAAA,EAAMY,QAAQK,yBAAhBP,EAAAA,EAAiCV,EAAMc,MAAMC,OAAO,oBACjEG,yBAAoElB,QAA1CA,EAAAA,EAAMY,QAAQM,gCAAAA,IAA4BlB,EAAAA,EAAAA,EAAMc,MAAMC,OAAO,0CA1DlFH,EAAQC,MAEND,sCAAAA,OAAAA,EAAQI,iBAHJ,uCAAAX,OAMJO,EAAQK,yEAGRL,EAAQM,yBATrB,YAAkBN,IAAAA,KA+DlB,IAAMO,EAAgBC,EAAtB,CAAA,oCAMaC,IAAAA,EAAgB5B,EAAO6B,IAAV3B,WAAA,CAAAI,YAAA,uBAAGN,CAAtB,CAAA,gGAQA,IAAM8B,EAAc9B,EAAO+B,GAAa7B,WAAmC,CAChFC,kBAAoBC,GAAwB,OAAZA,IADVF,WAAA,CAAAI,YAAA,uBAAGN,CAGtBO,CAAAA,GAAAA,KAAAA,GAImBA,gIAAAA,OAAAA,EAAMyB,GAAK,IAAM,EAJrC,mBAQSC,EAAsBjC,EAAOkC,GAAVhC,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,qCAAA,4BAEjB0B"}

package/components/Dropdown/utils.js

@@ -1,2 +1,2 @@
-'use strict';exports.getDropdownInputMultipleValue=r=>r?Array.isArray(r)?r.map((r=>r.value)):[r.value]:[],exports.getDropdownInputText=r=>r?Array.isArray(r)?r[0]?r[0].text:'':r.text:'',exports.getDropdownInputValue=r=>r?Array.isArray(r)?r[0]?r[0].value:'':r.value:'',exports.groupDropdownOptions=(r,e)=>r.reduce(((r,t)=>(r[e.includes(t.value)?0:1].push(t),r)),[[],[]]);
+var r=r=>r?Array.isArray(r)?r[0]?r[0].text:'':r.text:'';var a=r=>r?Array.isArray(r)?r[0]?r[0].value:'':r.value:'';var e=r=>r?Array.isArray(r)?r.map((r=>r.value)):[r.value]:[];var u=(r,a)=>r.reduce(((r,e)=>(r[a.includes(e.value)?0:1].push(e),r)),[[],[]]);export{e as getDropdownInputMultipleValue,r as getDropdownInputText,a as getDropdownInputValue,u as groupDropdownOptions};
 //# 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 { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option?: DropdownOption | DropdownOption[]): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["option","Array","isArray","map","item","value","text","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"mDAkB8CA,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOG,KAAKC,GAASA,EAAKC,QAAS,CAACL,EAAOK,OAFtD,gCAjBeL,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGM,KAAO,GAExDN,EAAOM,KAJM,iCAOgBN,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,gCAacE,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQX,KACPW,EAAOF,EAAsBG,SAASZ,EAAOK,OAAS,EAAI,GAAGQ,KAAKb,GAC3DW,IAET,CAAC,GAAI"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option?: DropdownOption | DropdownOption[]): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["getDropdownInputText","option","Array","isArray","text","getDropdownInputValue","value","getDropdownInputMultipleValue","map","item","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"AAEaA,IAAAA,EAAwBC,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGG,KAAO,GAExDH,EAAOG,KAJM,GAOTC,IAAAA,EAAyBJ,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,GAOTC,IAAAA,EAAiCN,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOO,KAAKC,GAASA,EAAKH,QAAS,CAACL,EAAOK,OAFtD,OAKTI,EAAuB,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQb,KACPa,EAAOF,EAAsBG,SAASd,EAAOK,OAAS,EAAI,GAAGU,KAAKf,GAC3Da,IAET,CAAC,GAAI"}

package/components/FormInputLabel/FormInputLabel.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Spacer=require('../Spacer/Spacer.js');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const FormInputLabel=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:i="m",labelPosition:t="dynamic",textProps:s={},iconProps:n={},icon:a,input:o,label:c,text:p,controls:l,addon:d,dropdown:u,...x}=e;const[$,h]=Array.isArray(a)?a:[a];return require$$0.jsxs(style.Root,{...x,size:i,labelPosition:t,ref:r,children:[$&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginRight:12,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof $=='string'?$:void 0,icon:typeof $!='string'?$:void 0,...n})}),require$$0.jsxs(style.Label,{size:"inherit",color:"inherit",...s,children:[o,c&&require$$0.jsx(style.Caption,{children:c})]}),p&&require$$0.jsx(Text.Text,{size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:d||h||l?void 0:6,...s,children:p}),d&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:12,children:d}),h&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:12,marginRight:8,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,...n})}),l&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:4,children:l}),u&&require$$0.jsx(style.Dropdown,{children:u})]})})),{sizes:constants.SIZES,displayName:"FormInputLabel"});exports.COMPONENT_NAME="FormInputLabel",exports.FormInputLabel=FormInputLabel;
+import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as i}from'react';import{Text as o}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Spacer as a}from'../Spacer/Spacer.js';import{withMergedProps as n}from'../../hocs/withMergedProps.js';import{SIZES as s}from'./constants.js';import{Root as p,Label as l,Caption as m,Dropdown as c}from'./style.js';import{jsxs as d,jsx as f}from'react/jsx-runtime';var h=["size","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown"];var b='FormInputLabel';var g=n(i(((i,n)=>{var{size:s="m",labelPosition:b="dynamic",textProps:g={},iconProps:x={},icon:y,input:j,label:P,text:u,controls:v,addon:w,dropdown:I}=i,L=e(i,h);var[S,z]=Array.isArray(y)?y:[y];return d(p,r(r({},L),{},{size:s,labelPosition:b,ref:n,children:[S&&f(a,{display:"flex",marginRight:12,children:f(t,r({preset:"brand",name:'string'==typeof S?S:void 0,icon:'string'!=typeof S?S:void 0},x))}),d(l,r(r({size:"inherit",color:"inherit"},g),{},{children:[j,P&&f(m,{children:P})]})),u&&f(o,r(r({size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:w||z||v?void 0:6},g),{},{children:u})),w&&f(a,{display:"flex",marginLeft:12,children:w}),z&&f(a,{display:"flex",marginLeft:12,marginRight:8,children:f(t,r({preset:"brand",name:'string'==typeof z?z:void 0,icon:'string'!=typeof z?z:void 0},x))}),v&&f(a,{display:"flex",marginLeft:4,children:v}),I&&f(c,{children:I})]}))})),{sizes:s,displayName:"FormInputLabel"});export{b as COMPONENT_NAME,g as 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 { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\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((props, ref) => {\n    const {\n      size = 'm',\n      labelPosition = 'dynamic',\n      textProps = {},\n      iconProps = {},\n      icon,\n      input,\n      label,\n      text,\n      controls,\n      addon,\n      dropdown,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    return (\n      <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n        {before && (\n          <Spacer display='flex' marginRight={12}>\n            <Icon\n              preset='brand'\n              name={typeof before === 'string' ? before : undefined}\n              icon={typeof before !== 'string' ? before : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        <Styled.Label size='inherit' color='inherit' {...textProps}>\n          {input}\n          {label && <Styled.Caption>{label}</Styled.Caption>}\n        </Styled.Label>\n        {text && (\n          <Text\n            size='inherit'\n            color='inherit'\n            whiteSpace='nowrap'\n            marginLeft={12}\n            marginRight={!addon && !after && !controls ? 6 : undefined}\n            {...textProps}\n          >\n            {text}\n          </Text>\n        )}\n        {addon && (\n          <Spacer display='flex' marginLeft={12}>\n            {addon}\n          </Spacer>\n        )}\n        {after && (\n          <Spacer display='flex' marginLeft={12} marginRight={8}>\n            <Icon\n              preset='brand'\n              name={typeof after === 'string' ? after : undefined}\n              icon={typeof after !== 'string' ? after : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        {controls && (\n          <Spacer display='flex' marginLeft={4}>\n            {controls}\n          </Spacer>\n        )}\n        {dropdown && <Styled.Dropdown>{dropdown}</Styled.Dropdown>}\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","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown","restProps","before","after","Array","isArray","_jsxs","Styled","children","_jsx","jsx","Spacer","display","marginRight","Icon","preset","name","undefined","jsxs","color","Text","whiteSpace","marginLeft","sizes","SIZES","displayName"],"mappings":"2UAWMA,MAAAA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,cACVA,EAAgB,UAASC,UACzBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,KACdA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,MACRA,EAAKC,SACLA,KACGC,GACDb,EAEJ,MAAOc,EAAQC,GAASC,MAAMC,QAAQX,GAAQA,EAAO,CAACA,GAEtD,OACEY,WAAAA,KAACC,MAAAA,KAAW,IAAKN,EAAWX,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAAImB,SAC5EN,CAAAA,GACCO,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOC,YAAa,GAAGL,SACrCC,WAAAC,IAACI,UAAI,CACHC,OAAO,QACPC,YAAad,GAAW,SAAWA,OAASe,EAC5CvB,YAAaQ,GAAW,SAAWA,OAASe,KACxCxB,MAIVa,WAAAY,KAACX,YAAY,CAACjB,KAAK,UAAU6B,MAAM,aAAc3B,EAASgB,SAAA,CACvDb,EACAC,GAASa,WAAAA,IAACF,MAAAA,QAAc,CAAAC,SAAEZ,OAE5BC,GACCY,WAAAC,IAACU,UAAI,CACH9B,KAAK,UACL6B,MAAM,UACNE,WAAW,SACXC,WAAY,GACZT,YAAcd,GAAUI,GAAUL,OAAemB,EAAJ,KACzCzB,EAASgB,SAEZX,IAGJE,GACCU,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOU,WAAY,GAAGd,SACnCT,IAGJI,GACCM,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOU,WAAY,GAAIT,YAAa,EAAEL,SACpDC,WAAAC,IAACI,UAAI,CACHC,OAAO,QACPC,YAAab,GAAU,SAAWA,OAAQc,EAC1CvB,YAAaS,GAAU,SAAWA,OAAQc,KACtCxB,MAITK,GACCW,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOU,WAAY,EAAEd,SAClCV,IAGJE,GAAYS,WAAAC,IAACH,eAAe,CAAAC,SAAER,MACnB,IAGlB,CACEuB,MAAOC,UAAKA,MACZC,YA9EmB,0CAAA"}
+{"version":3,"file":"FormInputLabel.js","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\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((props, ref) => {\n    const {\n      size = 'm',\n      labelPosition = 'dynamic',\n      textProps = {},\n      iconProps = {},\n      icon,\n      input,\n      label,\n      text,\n      controls,\n      addon,\n      dropdown,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    return (\n      <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n        {before && (\n          <Spacer display='flex' marginRight={12}>\n            <Icon\n              preset='brand'\n              name={typeof before === 'string' ? before : undefined}\n              icon={typeof before !== 'string' ? before : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        <Styled.Label size='inherit' color='inherit' {...textProps}>\n          {input}\n          {label && <Styled.Caption>{label}</Styled.Caption>}\n        </Styled.Label>\n        {text && (\n          <Text\n            size='inherit'\n            color='inherit'\n            whiteSpace='nowrap'\n            marginLeft={12}\n            marginRight={!addon && !after && !controls ? 6 : undefined}\n            {...textProps}\n          >\n            {text}\n          </Text>\n        )}\n        {addon && (\n          <Spacer display='flex' marginLeft={12}>\n            {addon}\n          </Spacer>\n        )}\n        {after && (\n          <Spacer display='flex' marginLeft={12} marginRight={8}>\n            <Icon\n              preset='brand'\n              name={typeof after === 'string' ? after : undefined}\n              icon={typeof after !== 'string' ? after : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        {controls && (\n          <Spacer display='flex' marginLeft={4}>\n            {controls}\n          </Spacer>\n        )}\n        {dropdown && <Styled.Dropdown>{dropdown}</Styled.Dropdown>}\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","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown","restProps","_excluded","before","after","Array","isArray","_jsxs","Styled.Root","children","_jsx","Spacer","display","marginRight","Icon","_objectSpread","preset","name","undefined","Styled.Label","color","Styled.Caption","Text","whiteSpace","marginLeft","Styled.Dropdown","sizes","SIZES","displayName"],"mappings":"6nBASMA,IAAAA,EAAiB,iBAEjBC,IAAAA,EAAuEC,EAI3EC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,cAEJA,EAAgB,UAFZC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,KAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,KAQJA,EARIC,SASJA,EATIC,MAUJA,EAVIC,SAWJA,GAEEZ,EADCa,IACDb,EAbJc,GAeA,IAAOC,EAAQC,GAASC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAEtD,OACEa,EAACC,SAAgBP,GAAjB,GAAA,CAA4BX,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAA3EoB,SACGN,CAAAA,GACCO,EAACC,EAAD,CAAQC,QAAQ,OAAOC,YAAa,GAApCJ,SACEC,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAwB,iBAAXd,EAAsBA,OAAAA,EACnCT,KAAwB,iBAAXS,EAAsBA,OAASe,GACxCzB,MAIVc,EAACY,EAADJ,EAAAA,EAAA,CAAczB,KAAK,UAAU8B,MAAM,WAAc5B,GAAjD,GAAA,CAAAiB,SAAA,CACGd,EACAC,GAASc,EAACW,EAAD,CAAAZ,SAAiBb,QAE5BC,GACCa,EAACY,EAADP,EAAAA,EAAA,CACEzB,KAAK,UACL8B,MAAM,UACNG,WAAW,SACXC,WAAY,GACZX,YAAcd,GAAUK,GAAUN,OAAeoB,EAAJ,GACzC1B,GANN,GAAA,CAAAiB,SAQGZ,KAGJE,GACCW,EAACC,EAAD,CAAQC,QAAQ,OAAOY,WAAY,GAAnCf,SACGV,IAGJK,GACCM,EAACC,EAAD,CAAQC,QAAQ,OAAOY,WAAY,GAAIX,YAAa,EAApDJ,SACEC,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAuB,iBAAVb,EAAqBA,SAClCV,KAAuB,iBAAVU,EAAqBA,OAAQc,GACtCzB,MAITK,GACCY,EAACC,EAAD,CAAQC,QAAQ,OAAOY,WAAY,EAAnCf,SACGX,IAGJE,GAAYU,EAACe,EAAD,CAAAhB,SAAkBT,WAIrC,CACE0B,MAAOC,EACPC,YA9EmB"}

package/components/FormInputLabel/constants.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xl:{fontSize:20,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:64,borderRadius:13},l:{fontSize:18,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:56,borderRadius:12},m:{fontSize:16,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:48,borderRadius:10},s:{fontSize:14,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8}};
+var d={xxxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xl:{fontSize:20,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:64,borderRadius:13},l:{fontSize:18,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:56,borderRadius:12},m:{fontSize:16,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:48,borderRadius:10},s:{fontSize:14,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8}};export{d as SIZES};
 //# sourceMappingURL=constants.js.map

package/components/FormInputLabel/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 64,\n    borderRadius: 13,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 56,\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 48,\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n}\n"],"names":["xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBC,IAAK,CACHP,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBE,GAAI,CACFR,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBG,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBI,EAAG,CACDV,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBK,EAAG,CACDX,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBM,GAAI,CACFZ,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBO,IAAK,CACHb,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBQ,KAAM,CACJd,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 64,\n    borderRadius: 13,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 56,\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 48,\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBC,IAAK,CACHP,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBE,GAAI,CACFR,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBG,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBI,EAAG,CACDV,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBK,EAAG,CACDX,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBM,GAAI,CACFZ,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBO,IAAK,CACHb,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBQ,KAAM,CACJd,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc"}

package/components/FormInputLabel/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var Text=require('../Text/Text.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardFormInputLabelProp=style.createShouldForwardProp((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline','zIndex'].includes(o)));const Label=styled__default.default(Text.Text).attrs({forwardedAs:'label'}).withConfig({displayName:"FormInputLabel__Label",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);const Caption=styled__default.default.span.withConfig({displayName:"FormInputLabel__Caption",componentId:"ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:focus-within {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={onColored:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...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'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...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'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-bg-success-500'],...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'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...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,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...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'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...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'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...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'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...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,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...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'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...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'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...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'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Dropdown=styled__default.default.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-2"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.25em 0.6em 0.25em 1em',minHeight:'3em',borderRadius:'0.6em'})}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-3"})([""," "," "," ",""],(o=>{let e=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';let r='1';let t='auto';o.labelPosition==='top'&&(e='scale(0.7) translateX(-21.5%) translateY(-145%)'),o.labelPosition==='center'&&(e="translateY(-50%)",r=o.active?'0':'1',t=o.active?'-1':'auto');const n='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      border: ${n} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${n};\n        left: -${n};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${e};\n        opacity: ${r};\n        z-index: ${t};\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\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::after {\n        opacity: 0;\n      }\n    `}),(o=>{let e=COLOR_SCHEMA.primary;return o.secondary&&(e=COLOR_SCHEMA.secondary),o.onColored&&(e=COLOR_SCHEMA.onColored),o.disabled?e.disabled:o.error?e.error:o.success?e.success:e.default}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Caption=Caption,exports.Dropdown=Dropdown,exports.Label=Label,exports.Root=Root;
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{Text as t}from'../Text/Text.js';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as l}from'../../mixins/responsive-margin.js';var s=c((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline','zIndex'].includes(o)));var i=r(t).attrs({forwardedAs:'label'}).withConfig({componentId:"fox-ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);var d=r.span.withConfig({componentId:"fox-ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);var b=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:focus-within {\n    color: ").concat(o.color,";\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n  }\n  & > ").concat(i,"::after {\n    color: ").concat(o.backgroundColor,";\n  }\n");var m={onColored:{disabled:e(["",""],(r=>b(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-200'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-200'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-200'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-200'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},secondary:{disabled:e(["",""],(r=>b(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},primary:{disabled:e(["",""],(r=>b(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>b(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))}};var g=r.div.withConfig({componentId:"fox-ui__sc-1il4atw-2"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);var h=r.div.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.25em 0.6em 0.25em 1em',minHeight:'3em',borderRadius:'0.6em'})}).withConfig({componentId:"fox-ui__sc-1il4atw-3"})([""," "," "," ",""],(o=>{var r;var e=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';var n='1';var t='auto';'top'===o.labelPosition&&(e='scale(0.7) translateX(-21.5%) translateY(-145%)'),'center'===o.labelPosition&&(e="translateY(-50%)",n=o.active?'0':'1',t=o.active?'-1':'auto');var c='1px';return"\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ".concat(o.inline?'inline-flex':'flex',";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n      align-items: center;\n      min-width: min-content;\n      border: ").concat(c," solid transparent;\n      z-index: ").concat(null!==(r=o.zIndex)&&void 0!==r?r:'auto',";\n      transition-property: background-color;\n\n      & > ").concat(g," {\n        right: -").concat(c,";\n        left: -").concat(c,";\n      }\n\n      &,\n      & > ").concat(i,"::after,\n      & > ").concat(i," > ").concat(d," {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ").concat(i," > ").concat(d," {\n        transform: ").concat(e,";\n        opacity: ").concat(n,";\n        z-index: ").concat(t,";\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ").concat(i,"::after,\n      &:focus-within > ").concat(i,"::after {\n        opacity: 0;\n      }\n    ")}),(o=>{var r=m.primary;return o.secondary&&(r=m.secondary),o.onColored&&(r=m.onColored),o.disabled?r.disabled:o.error?r.error:o.success?r.success:r.default}),a,l);export{d as Caption,g as Dropdown,i as Label,h as 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 { Text } from 'components/Text'\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 type { StyledFormInputLabelProps, FormInputLabelPalette } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'active',\n      'error',\n      'success',\n      'disabled',\n      'onColored',\n      'labelPosition',\n      'inline',\n      'zIndex',\n    ].includes(propKey)\n)\n\nexport const Label = styled(Text).attrs({ forwardedAs: 'label' })`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  align-self: stretch;\n  cursor: inherit;\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 40px;\n    height: 100%;\n    pointer-events: none;\n    opacity: 1;\n    background-image: linear-gradient(90deg, transparent, currentColor);\n    transition-property: color, opacity;\n  }\n`\n\nexport const Caption = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  transition-property: transform;\n`\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:focus-within {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\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          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\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          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\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          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\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\n  .withConfig<StyledFormInputLabelProps>({\n    shouldForwardProp: shouldForwardFormInputLabelProp,\n  })\n  .attrs<StyledFormInputLabelProps>(<Required<Pick<StyledFormInputLabelProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.25em 0.6em 0.25em 1em',\n      minHeight: '3em',\n      borderRadius: '0.6em',\n    }),\n  })`\n  ${(props) => {\n    let transform = props.active ? 'scale(0.7) translateX(-21.5%) translateY(-145%)' : 'translateY(-50%)'\n    let opacity = '1'\n    let zIndex = 'auto'\n\n    if (props.labelPosition === 'top') {\n      transform = 'scale(0.7) translateX(-21.5%) translateY(-145%)'\n    }\n    if (props.labelPosition === 'center') {\n      transform = `translateY(-50%)`\n      opacity = props.active ? '0' : '1'\n      zIndex = props.active ? '-1' : 'auto'\n    }\n\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      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${transform};\n        opacity: ${opacity};\n        z-index: ${zIndex};\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\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::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.onColored) schema = COLOR_SCHEMA.onColored\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"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","Label","styled","default","Text","attrs","forwardedAs","withConfig","displayName","componentId","Caption","span","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","onColored","disabled","css","props","theme","colors","transparent","error","success","tinycolor","darken","toString","secondary","primary","Dropdown","div","Root","shouldForwardProp","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","minHeight","borderRadius","transform","active","opacity","zIndex","labelPosition","borderWidth","inline","white","schema","responsiveSize","responsiveMargin"],"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 { Text } from 'components/Text'\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 type { StyledFormInputLabelProps, FormInputLabelPalette } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'active',\n      'error',\n      'success',\n      'disabled',\n      'onColored',\n      'labelPosition',\n      'inline',\n      'zIndex',\n    ].includes(propKey)\n)\n\nexport const Label = styled(Text).attrs({ forwardedAs: 'label' })`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  align-self: stretch;\n  cursor: inherit;\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 40px;\n    height: 100%;\n    pointer-events: none;\n    opacity: 1;\n    background-image: linear-gradient(90deg, transparent, currentColor);\n    transition-property: color, opacity;\n  }\n`\n\nexport const Caption = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  transition-property: transform;\n`\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:focus-within {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\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          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\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          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\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          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\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          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\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\n  .withConfig<StyledFormInputLabelProps>({\n    shouldForwardProp: shouldForwardFormInputLabelProp,\n  })\n  .attrs<StyledFormInputLabelProps>(<Required<Pick<StyledFormInputLabelProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.25em 0.6em 0.25em 1em',\n      minHeight: '3em',\n      borderRadius: '0.6em',\n    }),\n  })`\n  ${(props) => {\n    let transform = props.active ? 'scale(0.7) translateX(-21.5%) translateY(-145%)' : 'translateY(-50%)'\n    let opacity = '1'\n    let zIndex = 'auto'\n\n    if (props.labelPosition === 'top') {\n      transform = 'scale(0.7) translateX(-21.5%) translateY(-145%)'\n    }\n    if (props.labelPosition === 'center') {\n      transform = `translateY(-50%)`\n      opacity = props.active ? '0' : '1'\n      zIndex = props.active ? '-1' : 'auto'\n    }\n\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      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${transform};\n        opacity: ${opacity};\n        z-index: ${zIndex};\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\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::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.onColored) schema = COLOR_SCHEMA.onColored\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"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","Label","styled","Text","attrs","forwardedAs","withConfig","componentId","Caption","span","template","palette","concat","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","onColored","disabled","css","props","_objectSpread","theme","colors","transparent","error","success","default","tinycolor","darken","toString","secondary","primary","Dropdown","div","Root","shouldForwardProp","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","minHeight","borderRadius","_props$zIndex","transform","active","opacity","zIndex","labelPosition","borderWidth","inline","white","schema","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/FormLabel/FormLabel.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');var Icon=require('../Icon/Icon.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",textProps:s={},hint:r={},sizeXXS:t,sizeXS:o,sizeS:i,sizeM:n,sizeL:c,sizeXL:a,disabled:l,error:p,success:d,checked:u,onColored:b,children:x,control:z,label:h,palette:j,...m},q)=>{const y={size:e,sizeXXS:t,sizeXS:o,sizeS:i,sizeM:n,sizeL:c,sizeXL:a};const $={disabled:l,error:p,success:d,checked:u,onColored:b};const P=typeof z=='object'&&typeof z.props=='object'&&z.props!==null?z.props:{};const{textProps:v={},iconProps:f={}}=r;return require$$0.jsxs(style.Root,{...m,...y,...$,palette:j,ref:q,children:[typeof z=='function'?z({...y,...$}):React.cloneElement(z,{...y,...$,...P}),require$$0.jsxs(style.Content,{children:[require$$0.jsx(Text.Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",...s,children:h??x}),r.text&&require$$0.jsx(Text.Text,{as:"span",appearance:"caption",color:$.disabled?'content-disabled':'content-onmain-secondary',size:.8,sizeUnits:"em",marginTop:2,...v,children:r.text})]}),r.buttonProps&&require$$0.jsx(style.HintButton,{...r.buttonProps,disabled:$.disabled||r.buttonProps.disabled,palette:j,type:"button",children:require$$0.jsx(Icon.Icon,r.icon===void 0?{as:"span",size:20,name:"helpCircle",...f}:{as:"span",size:20,name:typeof r.icon=='string'?r.icon:void 0,icon:typeof r.icon!='string'?r.icon:void 0,...f})})]})})),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
+import e from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as s,cloneElement as r}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{Text as t}from'../Text/Text.js';import{Icon as n}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as a,Content as c,HintButton as p}from'./style.js';import{SIZES as l}from'./constants.js';import{jsxs as d,jsx as m}from'react/jsx-runtime';var z=["size","textProps","hint","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","onColored","children","control","label","palette"];var b='FormLabel';var h=i(s(((s,i)=>{var{size:l="m",textProps:b={},hint:h={},sizeXXS:f,sizeXS:u,sizeS:j,sizeM:x,sizeL:S,sizeXL:X,disabled:v,error:P,success:y,checked:L,onColored:M,children:C,control:g,label:I,palette:T}=s,E=o(s,z);var N={size:l,sizeXXS:f,sizeXS:u,sizeS:j,sizeM:x,sizeL:S,sizeXL:X};var k={disabled:v,error:P,success:y,checked:L,onColored:M};var w='object'==typeof g&&'object'==typeof g.props&&null!==g.props?g.props:{};var{textProps:F={},iconProps:O={}}=h;return d(a,e(e(e(e({},E),N),k),{},{palette:T,ref:i,children:['function'==typeof g?g(e(e({},N),k)):r(g,e(e(e({},N),k),w)),d(c,{children:[m(t,e(e({as:"span",appearance:"body",size:"inherit",color:"inherit"},b),{},{children:null!=I?I:C})),h.text&&m(t,e(e({as:"span",appearance:"caption",color:k.disabled?'content-disabled':'content-onmain-secondary',size:.8,sizeUnits:"em",marginTop:2},F),{},{children:h.text}))]}),h.buttonProps&&m(p,e(e({},h.buttonProps),{},{disabled:k.disabled||h.buttonProps.disabled,palette:T,type:"button",children:m(n,e(void 0===h.icon?{as:"span",size:20,name:"helpCircle"}:{as:"span",size:20,name:'string'==typeof h.icon?h.icon:void 0,icon:'string'!=typeof h.icon?h.icon:void 0},O))}))]}))})),{displayName:"FormLabel",sizes:l});export{b as COMPONENT_NAME,h as FormLabel};
 //# sourceMappingURL=FormLabel.js.map

package/components/FormLabel/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * Component accepts all \\<label\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [FormLabelProps](https://github.com/foxford/ui/blob/master/src/components/FormLabel/types.ts)\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n        children,\n        control,\n        label,\n        palette,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const { textProps: hintTextProps = {}, iconProps: hintIconProps = {} } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} palette={palette} ref={ref}>\n          {typeof control === 'function'\n            ? control({\n                ...sizeProps,\n                ...stateProps,\n              })\n            : cloneElement(control, {\n                ...sizeProps,\n                ...stateProps,\n                ...elementProps,\n              })}\n          <Styled.Content>\n            <Text as='span' appearance='body' size='inherit' color='inherit' {...textProps}>\n              {label ?? children}\n            </Text>\n            {hint.text && (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                size={0.8}\n                sizeUnits='em'\n                marginTop={2}\n                {...hintTextProps}\n              >\n                {hint.text}\n              </Text>\n            )}\n          </Styled.Content>\n          {hint.buttonProps && (\n            <Styled.HintButton\n              {...hint.buttonProps}\n              disabled={stateProps.disabled || hint.buttonProps.disabled}\n              palette={palette}\n              type='button'\n            >\n              {hint.icon === undefined ? (\n                <Icon as='span' size={20} name='helpCircle' {...hintIconProps} />\n              ) : (\n                <Icon\n                  as='span'\n                  size={20}\n                  name={typeof hint.icon === 'string' ? hint.icon : undefined}\n                  icon={typeof hint.icon !== 'string' ? hint.icon : undefined}\n                  {...hintIconProps}\n                />\n              )}\n            </Styled.HintButton>\n          )}\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","onColored","children","control","label","palette","props","ref","sizeProps","stateProps","elementProps","hintTextProps","iconProps","hintIconProps","_jsxs","Styled","cloneElement","jsxs","_jsx","jsx","Text","as","appearance","color","text","sizeUnits","marginTop","buttonProps","type","Icon","icon","undefined","name","displayName","sizes","SIZES"],"mappings":"iSAoBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,YACAC,WACAC,UACAC,QACAC,aACGC,GAELC,KAEA,MAAMC,EAAY,CAChBpB,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMa,EAAa,CACjBZ,WACAC,QACAC,UACAC,UACAC,aAGF,MAAMS,SACGP,GAAY,iBAAmBA,EAAQG,OAAU,UAAYH,EAAQG,QAAU,KAAOH,EAAQG,MAAQ,CAAA,EAE/G,MAAQjB,UAAWsB,EAAgB,CAAE,EAAEC,UAAWC,EAAgB,CAAC,GAAMvB,EAEzE,OACEwB,WAAAA,KAACC,MAAAA,KAAW,IAAKT,KAAWE,KAAeC,EAAYJ,QAASA,EAASE,IAAKA,EAAIL,iBACxEC,GAAY,WAChBA,EAAQ,IACHK,KACAC,IAELO,MAAYA,aAACb,EAAS,IACjBK,KACAC,KACAC,IAETI,WAAAG,KAACF,cAAc,CAAAb,SAAA,CACbgB,WAAAC,IAACC,UAAI,CAACC,GAAG,OAAOC,WAAW,OAAOlC,KAAK,UAAUmC,MAAM,aAAclC,EAASa,SAC3EE,GAASF,IAEXZ,EAAKkC,MACJN,WAAAA,IAACE,KAAAA,KAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOd,EAAWZ,SAAW,mBAAqB,2BAClDT,KAAM,GACNqC,UAAU,KACVC,UAAW,KACPf,EAAaT,SAEhBZ,EAAKkC,UAIXlC,EAAKqC,aACJT,WAAAA,IAACH,MAAAA,WAAiB,IACZzB,EAAKqC,YACT9B,SAAUY,EAAWZ,UAAYP,EAAKqC,YAAY9B,SAClDQ,QAASA,EACTuB,KAAK,SAAQ1B,SAGXgB,WAAAA,IAACW,KAAAA,KADFvC,EAAKwC,YAASC,EACR,CAACV,GAAG,OAAOjC,KAAM,GAAI4C,KAAK,gBAAiBnB,GAE3C,CACHQ,GAAG,OACHjC,KAAM,GACN4C,YAAa1C,EAAKwC,MAAS,SAAWxC,EAAKwC,UAAOC,EAClDD,YAAaxC,EAAKwC,MAAS,SAAWxC,EAAKwC,UAAOC,KAC9ClB,QAKA,IAIpB,CACEoB,YApHmB,YAqHnBC,MAAOC,UAAAA,+BArHY"}
+{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * Component accepts all \\<label\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [FormLabelProps](https://github.com/foxford/ui/blob/master/src/components/FormLabel/types.ts)\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n        children,\n        control,\n        label,\n        palette,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const { textProps: hintTextProps = {}, iconProps: hintIconProps = {} } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} palette={palette} ref={ref}>\n          {typeof control === 'function'\n            ? control({\n                ...sizeProps,\n                ...stateProps,\n              })\n            : cloneElement(control, {\n                ...sizeProps,\n                ...stateProps,\n                ...elementProps,\n              })}\n          <Styled.Content>\n            <Text as='span' appearance='body' size='inherit' color='inherit' {...textProps}>\n              {label ?? children}\n            </Text>\n            {hint.text && (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                size={0.8}\n                sizeUnits='em'\n                marginTop={2}\n                {...hintTextProps}\n              >\n                {hint.text}\n              </Text>\n            )}\n          </Styled.Content>\n          {hint.buttonProps && (\n            <Styled.HintButton\n              {...hint.buttonProps}\n              disabled={stateProps.disabled || hint.buttonProps.disabled}\n              palette={palette}\n              type='button'\n            >\n              {hint.icon === undefined ? (\n                <Icon as='span' size={20} name='helpCircle' {...hintIconProps} />\n              ) : (\n                <Icon\n                  as='span'\n                  size={20}\n                  name={typeof hint.icon === 'string' ? hint.icon : undefined}\n                  icon={typeof hint.icon !== 'string' ? hint.icon : undefined}\n                  {...hintIconProps}\n                />\n              )}\n            </Styled.HintButton>\n          )}\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormLabel","withMergedProps","forwardRef","_ref","ref","size","textProps","hint","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","onColored","children","control","label","palette","props","_objectWithoutProperties","_excluded","sizeProps","stateProps","elementProps","hintTextProps","iconProps","hintIconProps","_jsxs","Styled.Root","_objectSpread","cloneElement","Styled.Content","_jsx","Text","as","appearance","color","text","sizeUnits","marginTop","buttonProps","Styled.HintButton","type","Icon","undefined","icon","name","displayName","sizes","SIZES"],"mappings":"spBAQMA,IAAAA,EAAiB,YAYjBC,IAAAA,EAA6DC,EACjEC,GACE,CAAAC,EAsBEC,KACG,IAtBHC,KACEA,EAAO,IADTC,UAEEA,EAAY,GAFdC,KAGEA,EAAO,GAHTC,QAIEA,EAJFC,OAKEA,EALFC,MAMEA,EANFC,MAOEA,EAPFC,MAQEA,EARFC,OASEA,EATFC,SAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,QAaEA,EAbFC,UAcEA,EAdFC,SAeEA,EAfFC,QAgBEA,EAhBFC,MAiBEA,EAjBFC,QAkBEA,GAICnB,EAHEoB,EAGFC,EAAArB,EAAAsB,GACH,IAAMC,EAAY,CAChBrB,KAAAA,EACAG,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,GAGF,IAAMc,EAAa,CACjBb,SAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,UAAAA,GAGF,IAAMU,EACe,iBAAZR,GAAiD,iBAAlBA,EAAQG,OAAwC,OAAlBH,EAAQG,MAAiBH,EAAQG,MAAQ,GAE/G,IAAQjB,UAAWuB,EAAgB,GAAIC,UAAWC,EAAgB,IAAOxB,EAEzE,OACEyB,EAACC,aAAgBV,GAAWG,GAAeC,GAA3C,GAAA,CAAuDL,QAASA,EAASlB,IAAKA,EAA9Ee,SACG,CAAmB,mBAAZC,EACJA,EAAOc,EAAAA,EAAA,GACFR,GACAC,IAELQ,EAAaf,EAADc,EAAAA,EAAAA,EAAA,GACPR,GACAC,GACAC,IAETI,EAACI,EAAD,CAAAjB,SAAA,CACEkB,EAACC,EAADJ,EAAAA,EAAA,CAAMK,GAAG,OAAOC,WAAW,OAAOnC,KAAK,UAAUoC,MAAM,WAAcnC,GAArE,GAAA,CAAAa,SACGE,MAAAA,EAAAA,EAASF,KAEXZ,EAAKmC,MACJL,EAACC,EAADJ,EAAAA,EAAA,CACEK,GAAG,OACHC,WAAW,UACXC,MAAOd,EAAWb,SAAW,mBAAqB,2BAClDT,KAAM,GACNsC,UAAU,KACVC,UAAW,GACPf,GAPN,GAAA,CAAAV,SASGZ,EAAKmC,WAIXnC,EAAKsC,aACJR,EAACS,EAADZ,EAAAA,EAAA,GACM3B,EAAKsC,aADX,GAAA,CAEE/B,SAAUa,EAAWb,UAAYP,EAAKsC,YAAY/B,SAClDQ,QAASA,EACTyB,KAAK,SAJP5B,SAOIkB,EAACW,EAADd,OADae,IAAd1C,EAAK2C,KACJ,CAAMX,GAAG,OAAOlC,KAAM,GAAI8C,KAAK,cAE/B,CACEZ,GAAG,OACHlC,KAAM,GACN8C,KAA2B,iBAAd5C,EAAK2C,KAAoB3C,EAAK2C,UAAOD,EAClDC,KAA2B,iBAAd3C,EAAK2C,KAAoB3C,EAAK2C,UAAOD,GANJlB,cAgB9D,CACEqB,YApHmB,YAqHnBC,MAAOC"}

package/components/FormLabel/constants.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxxl:{fontSize:26},xxl:{fontSize:24},xl:{fontSize:22},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}};
+var x={xxxl:{fontSize:26},xxl:{fontSize:24},xl:{fontSize:22},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}};export{x as SIZES};
 //# sourceMappingURL=constants.js.map

package/components/FormLabel/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 26,\n  },\n  xxl: {\n    fontSize: 24,\n  },\n  xl: {\n    fontSize: 22,\n  },\n  l: {\n    fontSize: 20,\n  },\n  m: {\n    fontSize: 18,\n  },\n  s: {\n    fontSize: 16,\n  },\n  xs: {\n    fontSize: 14,\n  },\n  xxs: {\n    fontSize: 12,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 26,\n  },\n  xxl: {\n    fontSize: 24,\n  },\n  xl: {\n    fontSize: 22,\n  },\n  l: {\n    fontSize: 20,\n  },\n  m: {\n    fontSize: 18,\n  },\n  s: {\n    fontSize: 16,\n  },\n  xs: {\n    fontSize: 14,\n  },\n  xxs: {\n    fontSize: 12,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/FormLabel/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardFormLabelProp=style.createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n`;const COLOR_SCHEMA={default:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},onColored:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled__default.default.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `),(o=>{if(o.clear)return'';const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Content=styled__default.default.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const HintButton=styled__default.default.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"FormLabel__HintButton",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:start;border-radius:50%;background-color:transparent;margin-left:6px;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={hintColor:o.theme.colors['content-onmain-tertiary'],hintBackgroundColor:o.theme.colors.transparent,hintColorHover:o.theme.colors['content-onmain-primary'],hintBackgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),hintColorActive:o.theme.colors['content-onmain-primary'],hintBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],hintColorDisabled:o.theme.colors['content-disabled'],hintBackgroundColorDisabled:o.theme.colors.transparent,...o.palette}).hintColor};\n  background-color: ${r.hintBackgroundColor};\n  &:hover {\n    color: ${r.hintColorHover};\n    background-color: ${r.hintBackgroundColorHover};\n  }\n  &:active {\n    color: ${r.hintColorActive};\n    background-color: ${r.hintBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${r.hintColorDisabled};\n    background-color: ${r.hintBackgroundColorDisabled};\n  }\n`;var r}),focus.focus);exports.Content=Content,exports.HintButton=HintButton,exports.Root=Root;
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';import{responsiveMargin as c}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';var s=t((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n");var d={default:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors['border-disabled'],colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors['border-disabled']},r.palette)))),error:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-success'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-success']},r.palette)))),checked:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],borderColor:r.theme.colors['border-brand-primary-active'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:n(r.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:r.theme.colors['border-brand-primary-active']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:n(r.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},onColored:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette)))),error:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['alert-bg-error-200'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['alert-bg-error-200'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['alert-bg-success-200'],borderColor:r.theme.colors['alert-success'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['alert-bg-success-200'],borderColorHover:r.theme.colors['alert-success']},r.palette)))),checked:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:n(r.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:n(r.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))}};var m=r.label.withConfig({shouldForwardProp:s}).withConfig({componentId:"fox-ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>"\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ".concat(o.inline?'inline-flex':'flex',";\n    cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  ")),(o=>{if(o.clear)return'';var r=o.onColored?d.onColored:d.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),l,c);var b=r.span.withConfig({componentId:"fox-ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);var h=r.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({componentId:"fox-ui__sc-mry1kz-2"})(["box-sizing:border-box;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:start;border-radius:50%;background-color:transparent;margin-left:6px;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(r=>{return e=o({hintColor:r.theme.colors['content-onmain-tertiary'],hintBackgroundColor:r.theme.colors.transparent,hintColorHover:r.theme.colors['content-onmain-primary'],hintBackgroundColorHover:n(r.theme.colors['bg-oncolor-hover']).lighten(20).toString(),hintColorActive:r.theme.colors['content-onmain-primary'],hintBackgroundColorActive:r.theme.colors['bg-oncolor-hover'],hintColorDisabled:r.theme.colors['content-disabled'],hintBackgroundColorDisabled:r.theme.colors.transparent},r.palette),"\n  color: ".concat(e.hintColor,";\n  background-color: ").concat(e.hintBackgroundColor,";\n  &:hover {\n    color: ").concat(e.hintColorHover,";\n    background-color: ").concat(e.hintBackgroundColorHover,";\n  }\n  &:active {\n    color: ").concat(e.hintColorActive,";\n    background-color: ").concat(e.hintBackgroundColorActive,";\n  }\n  &:disabled {\n    color: ").concat(e.hintColorDisabled,";\n    background-color: ").concat(e.hintBackgroundColorDisabled,";\n  }\n");var e}),a);export{b as Content,h as HintButton,m as Root};
 //# sourceMappingURL=style.js.map

package/components/FormLabel/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/FormLabel/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 { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledFormLabelProps, FormLabelPalette, StyledFormLabelHintProps } from './types'\n\nconst shouldForwardFormLabelProp = createShouldForwardProp(\n  (propKey) => !['inline', 'clear', 'disabled', 'error', 'success', 'checked', 'onColored'].includes(propKey)\n)\n\nconst template = (\n  palette: Pick<\n    FormLabelPalette,\n    'color' | 'backgroundColor' | 'borderColor' | 'colorHover' | 'backgroundColorHover' | 'borderColorHover'\n  >\n) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n`\n\nconst hintTemplate = (\n  palette: Pick<\n    FormLabelPalette,\n    | 'hintColor'\n    | 'hintBackgroundColor'\n    | 'hintColorHover'\n    | 'hintBackgroundColorHover'\n    | 'hintColorActive'\n    | 'hintBackgroundColorActive'\n    | 'hintColorDisabled'\n    | 'hintBackgroundColorDisabled'\n  >\n) => `\n  color: ${palette.hintColor};\n  background-color: ${palette.hintBackgroundColor};\n  &:hover {\n    color: ${palette.hintColorHover};\n    background-color: ${palette.hintBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.hintColorActive};\n    background-color: ${palette.hintBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.hintColorDisabled};\n    background-color: ${palette.hintBackgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors['border-disabled'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors['border-disabled'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          borderColor: props.theme.colors['border-brand-primary-active'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-brand-primary-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.label.withConfig<StyledFormLabelProps>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `}\n  ${(props) => {\n    if (props.clear) return ''\n\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n    if (props.checked) return schema.checked\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const HintButton = styled.button.withConfig<StyledFormLabelHintProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  padding: 2px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  align-self: start;\n  border-radius: 50%;\n  background-color: transparent;\n  margin-left: 6px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\n  ${(props) =>\n    hintTemplate({\n      hintColor: props.theme.colors['content-onmain-tertiary'],\n      hintBackgroundColor: props.theme.colors.transparent,\n      hintColorHover: props.theme.colors['content-onmain-primary'],\n      hintBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover']).lighten(20).toString() as CSSColor,\n      hintColorActive: props.theme.colors['content-onmain-primary'],\n      hintBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      hintColorDisabled: props.theme.colors['content-disabled'],\n      hintBackgroundColorDisabled: props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","onColored","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","responsiveSize","responsiveMargin","Content","span","HintButton","button","hintTemplate","hintColor","hintBackgroundColor","transparent","hintColorHover","hintBackgroundColorHover","lighten","hintColorActive","hintBackgroundColorActive","hintColorDisabled","hintBackgroundColorDisabled","focus"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/FormLabel/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 { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledFormLabelProps, FormLabelPalette, StyledFormLabelHintProps } from './types'\n\nconst shouldForwardFormLabelProp = createShouldForwardProp(\n  (propKey) => !['inline', 'clear', 'disabled', 'error', 'success', 'checked', 'onColored'].includes(propKey)\n)\n\nconst template = (\n  palette: Pick<\n    FormLabelPalette,\n    'color' | 'backgroundColor' | 'borderColor' | 'colorHover' | 'backgroundColorHover' | 'borderColorHover'\n  >\n) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n`\n\nconst hintTemplate = (\n  palette: Pick<\n    FormLabelPalette,\n    | 'hintColor'\n    | 'hintBackgroundColor'\n    | 'hintColorHover'\n    | 'hintBackgroundColorHover'\n    | 'hintColorActive'\n    | 'hintBackgroundColorActive'\n    | 'hintColorDisabled'\n    | 'hintBackgroundColorDisabled'\n  >\n) => `\n  color: ${palette.hintColor};\n  background-color: ${palette.hintBackgroundColor};\n  &:hover {\n    color: ${palette.hintColorHover};\n    background-color: ${palette.hintBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.hintColorActive};\n    background-color: ${palette.hintBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.hintColorDisabled};\n    background-color: ${palette.hintBackgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors['border-disabled'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors['border-disabled'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          borderColor: props.theme.colors['border-brand-primary-active'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-brand-primary-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.label.withConfig<StyledFormLabelProps>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `}\n  ${(props) => {\n    if (props.clear) return ''\n\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n    if (props.checked) return schema.checked\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const HintButton = styled.button.withConfig<StyledFormLabelHintProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  padding: 2px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  align-self: start;\n  border-radius: 50%;\n  background-color: transparent;\n  margin-left: 6px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\n  ${(props) =>\n    hintTemplate({\n      hintColor: props.theme.colors['content-onmain-tertiary'],\n      hintBackgroundColor: props.theme.colors.transparent,\n      hintColorHover: props.theme.colors['content-onmain-primary'],\n      hintBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover']).lighten(20).toString() as CSSColor,\n      hintColorActive: props.theme.colors['content-onmain-primary'],\n      hintBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      hintColorDisabled: props.theme.colors['content-disabled'],\n      hintBackgroundColorDisabled: props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","_objectSpread","theme","colors","error","success","checked","tinycolor","darken","toString","onColored","Root","styled","label","withConfig","shouldForwardProp","componentId","inline","concat","clear","schema","responsiveSize","responsiveMargin","Content","span","HintButton","button","hintTemplate","hintColor","hintBackgroundColor","transparent","hintColorHover","hintBackgroundColorHover","lighten","hintColorActive","hintBackgroundColorActive","hintColorDisabled","hintBackgroundColorDisabled","focus"],"mappings":"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"}

package/components/Icon/Icon.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var constants=require('./constants.js');var index=require('./list/index.js');var style=require('./style.js');var bgWorker=require('./bg-worker.js');var require$$0=require('react/jsx-runtime');const cache={};const worker=new bgWorker.BackgroundWorker;worker.run((({xhr:e,url:n})=>{e.open('GET',n),e.send()}));const fetchImage=async e=>{let n=0;return new Promise(((r,t)=>{const s=new XMLHttpRequest;s.responseType='text',s.open('GET',e),s.send(),s.onload=()=>{r(s.response)},s.onerror=()=>{n++,n<3&&worker.add({url:e,xhr:s}),n>=3&&t(new Error(`Failed to load icon "${name}" from "${e}" after 3 attempts.`))}}))};const Icon=withMergedProps.withMergedProps(React.forwardRef(((e,n)=>{const r=styled.useTheme();const{assetHost:t}=r;const{size:s="inherit",name:o="unknown",icon:a,preset:c,...i}=e;const u=`${c}_${o}`;const[l,d]=React.useState(cache[u]??null);const h=useClassname.useClassname("Icon",i.className);const m=o==='unknown'?null:(c==='brand'?index.ICONS:index.ICONS_DEFAULT)[o];React.useEffect((()=>{m&&(cache[u]&&cache[u]!==null?d(cache[u]):cache[u]!==null?(async()=>{cache[u]=null;const e=await m();const n=e?.default;if(!n)return;let r='';try{r=await fetchImage(`${t??''}${n}`)}catch(e){console.error(e)}cache[u]=r,d(r),document.dispatchEvent(new CustomEvent(`IconLoaded_${u}`,{detail:{name:o,content:r}}))})():document.addEventListener(`IconLoaded_${u}`,(e=>{const n=e.detail;n&&n.name===o&&n.content&&d(n.content)}),{once:!0}))}),[m,o,u,t]);const w=a?{children:a}:{dangerouslySetInnerHTML:{__html:l}};return require$$0.jsx(style.Root,{...i,size:s,className:h,ref:n,...w})})),{displayName:"Icon",sizes:constants.SIZES});exports.Icon=Icon;
+import r from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as o}from'../../hocs/withMergedProps.js';import{useClassname as a}from'../../hooks/useClassname.js';import{SIZES as t}from'./constants.js';import{ICONS as m,ICONS_DEFAULT as i}from'./icons.js';import{Root as n}from'./style.js';import{jsx as p}from'react/jsx-runtime';var c=["size","name","icon"];var f=o(e(((e,o)=>{var{size:t="inherit",name:f="unknown",icon:l}=e,h=s(e,c);var j=a("Icon",h.className);var u=('brand'===h.preset?m:i)[f];return p(n,r(r({},h),{},{size:t,className:j,ref:o,children:u?p(u,{}):l}))})),{displayName:"Icon",sizes:t});export{f as Icon};
 //# sourceMappingURL=Icon.js.map