@foxford/ui 2.38.0-beta-4083fb5-20240814 → 2.39.0-beta-345ac6d-20240814

package/components/Dropdown/Dropdown.mjs

@@ -0,0 +1 @@
+import{forwardRef,useMemo,useState,useRef,useEffect,createElement}from'react';import Fuse from'../../external/.pnpm/fuse.js@7.0.0/node_modules/fuse.js/dist/fuse.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{keyboardKeys}from'../../shared/constants.mjs';import{DropdownMenuNoOptions}from'./DropdownMenuNoOptions.mjs';import{SIZES,FuseSearchKeys,SIZES_MENU,SIZES_CHECKBOX}from'./constants.mjs';import{getDropdownInputText,getDropdownInputValue,getDropdownInputMultipleValue,groupDropdownOptions}from'./utils.mjs';import{ChevronIcon,Input}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{FormInputLabel}from'../FormInputLabel/FormInputLabel.mjs';import{Chip}from'../Chip/Chip.mjs';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{MenuList}from'../MenuList/MenuList.mjs';import{ListItem}from'../ListItem/ListItem.mjs';import{InputCheckbox}from'../InputCheckbox/InputCheckbox.mjs';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';const COMPONENT_NAME='Dropdown';const Dropdown=withMergedProps(forwardRef(((e,o)=>{const{size:t="m",name:r="fox-dropdown",labelPosition:n="dynamic",optionsMultiToggle:s=!0,loading:a=!1,iconProps:l={},menuProps:i={},closeMenuOnScroll:c,contrast:d,defaultSelectedOption:u,icon:p,inputMode:m,label:b,loadingMessage:g,loadingIcon:f,loadingIconProps:C,maxLength:v,multiple:h,onCloseMenu:k,onOpenMenu:x,onSelectOption:y,options:I,optionsMultiToggleCaption:w,optionsEmptyMessage:D,optionsEmptyIcon:M,optionsEmptyIconProps:j,palette:E,placeholder:S,readOnly:P,required:z,status:L,sizeXXS:F,sizeXS:T,sizeS:K,sizeM:O,sizeL:B,sizeXL:N,sizeUnits:R,form:X,...H}=e;const _={size:t,sizeXXS:F,sizeXS:T,sizeS:K,sizeM:O,sizeL:B,sizeXL:N,sizeUnits:R};const Z={size:24,color:H.disabled?'content-disabled':'content-onmain-tertiary'};const U=useMemo((()=>{const e=new Fuse(I,{threshold:.4,ignoreLocation:!0,keys:[FuseSearchKeys.text,FuseSearchKeys.tags]});return o=>o.length===0?I:e.search(o).map((e=>e.item))}),[I]);const[A,V]=useState((()=>h?'':getDropdownInputText(u)));const[q,G]=useState((()=>getDropdownInputValue(u)));const[J,Q]=useState((()=>getDropdownInputMultipleValue(u)));const[W,Y]=useState((()=>U(A)));const[$,ee]=useState(!1);const oe=h?groupDropdownOptions(I,J):[[],[]];const te=$&&!H.disabled;const re=W.length===0||a;const ne=Boolean(te||A);const se=h?J.length===0:q.length===0;const ae=oe[0].length>0&&oe[1].length===0;const le=oe[0].length>0&&oe[1].length>0;const ie=useRef(null);const ce=useRef(null);const de=useRef(null);const ue=useRef(null);const pe=useRef(A);const me=useRef(te);useEffect((()=>(A===pe.current?Y(U(A)):(pe.current=A,ue.current=setTimeout((()=>{Y(U(A))}),150)),()=>{ue.current&&clearTimeout(ue.current)})),[U,A]),useEffect((()=>{te!==me.current&&(te&&x&&x(),!te&&k&&k(),me.current=te)}),[te,k,x]),useEffect((()=>{const handleScroll=e=>{ie.current?.focus(),ee(!1),e.currentTarget&&e.currentTarget.removeEventListener(e.type,handleScroll)};return c&&te&&document.addEventListener('scroll',handleScroll),()=>{document.removeEventListener('scroll',handleScroll)}}),[c,te]);const syncInputTextWithSelectedOption=()=>{let e='';if(!h){const o=I.find((e=>e.value===q));e=o?o.text:''}V(e)};return jsx(FormInputLabel,{...H,..._,ref:o,label:b,labelPosition:n,active:ne,onColored:d,error:L==='error',success:L==='success',icon:[p,jsx(ChevronIcon,{up:te},'chevron')],iconProps:{...Z,...l},palette:{color:H.disabled?E.labelColorDisabled:E.labelColor,colorHover:H.disabled?E.labelColorDisabled:E.labelColorHover,backgroundColor:H.disabled?E.backgroundColorDisabled:E.backgroundColor,backgroundColorHover:H.disabled?E.backgroundColorDisabled:E.backgroundColorHover,borderColor:H.disabled?E.borderColorDisabled:E.borderColor,borderColorHover:H.disabled?E.borderColorDisabled:E.borderColor},onClick:e=>{H.onClick&&H.onClick(e),H.disabled||(ie.current?.focus(),te?ce.current&&e.target instanceof Node&&!ce.current.contains(e.target)&&ee(!1):ee(!0))},onKeyUp:e=>{H.onKeyUp&&H.onKeyUp(e),keyboardKeys.Esc.validate(e.key)&&(ie.current?.focus(),ee(!1))},onPointerDown:e=>{H.onPointerDown&&H.onPointerDown(e),e.target!==ie.current&&e.target instanceof Node&&e.currentTarget.contains(e.target)&&e.preventDefault()},onBlur:e=>{H.onBlur&&H.onBlur(e),e.currentTarget.contains(e.relatedTarget)||(syncInputTextWithSelectedOption(),ee(!1))},input:jsxs(Fragment,{children:[jsx(Input,{ref:ie,type:"text",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",inputMode:m,maxLength:v,placeholder:S,readOnly:P,required:z&&se,disabled:H.disabled,label:b,labelPosition:n,active:ne,value:A,palette:{color:E.color,colorDisabled:E.colorDisabled,placeholderColor:E.placeholderColor,placeholderColorDisabled:E.placeholderColorDisabled},onClick:e=>{te&&e.currentTarget.selectionStart!==e.currentTarget.selectionEnd&&e.stopPropagation()},onChange:e=>{V(e.currentTarget.value),ee(!0)},onKeyDown:e=>{keyboardKeys.Enter.validate(e.key)&&(syncInputTextWithSelectedOption(),ee(!1)),!keyboardKeys.Space.validate(e.key)||te&&e.currentTarget.selectionStart!==0||(e.preventDefault(),ee((e=>!e))),keyboardKeys.ArrowDown.validate(e.key)&&de.current&&(e.preventDefault(),focusFirstFocusable(de.current))}}),h?J.map((e=>jsx("input",{type:"hidden",name:r,value:e,form:X,disabled:H.disabled},e))):q.length>0&&jsx("input",{type:"hidden",name:r,value:q,form:X,disabled:H.disabled})]}),addon:h&&J.length>0?jsx(Chip,{size:"xs",active:!0,black:!0,disabled:H.disabled,cursor:H.disabled?'not-allowed':void 0,text:J.length,textProps:{appearance:'caption',size:'xs'},palette:H.disabled?{color:'content-disabled',colorHover:'content-disabled',backgroundColor:'bg-disabled-small',backgroundColorHover:'bg-disabled-small'}:void 0,onPointerDown:e=>{e.preventDefault()},discardButtonProps:{contrast:!H.disabled,onKeyDown:e=>{keyboardKeys.ArrowDown.validate(e.key)&&de.current&&(e.preventDefault(),focusFirstFocusable(de.current))},onClick:e=>{e.stopPropagation(),P||(Q([]),y&&y([]),ie.current?.focus(),ee(!0))}}}):void 0,dropdown:te?jsx(MenuComponent,{...i,ref:ce,sizeUnits:"%",sizes:SIZES_MENU,size:i.size??100,tabIndex:re?void 0:0,secondary:!d,elevated:d,disableAutoFocus:!0,palette:{backgroundColor:E.menuBackgroundColor,borderColor:E.menuBorderColor},onFocus:e=>{de.current&&e.target===e.currentTarget&&(de.current.contains(e.relatedTarget)?ie.current?.focus():focusFirstFocusable(de.current))},onKeyDown:e=>{keyboardKeys.Enter.validate(e.key)&&(ie.current?.focus(),syncInputTextWithSelectedOption(),ee(!1))},children:re?jsx(DropdownMenuNoOptions,{loading:a,loadingMessage:g,loadingIcon:f,loadingIconProps:{...Z,...C},emptyMessage:D,emptyIcon:M,emptyIconProps:{...Z,...j}}):jsx(MenuList,h?{ref:de,children:A.length>0?jsx(Fragment,{children:W.map((e=>{const o=J.includes(e.value);const t=e.status??L;const n=o&&t==='error';const s=o&&t==='success';return createElement(ListItem,{..._,key:e.value,text:e.text,danger:n,success:s,disabled:H.disabled,active:o,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,value:e.value,checked:o,error:n,success:s,onChange:t=>{if(!P){const r=o?J.filter((o=>o!==e.value)):[...J,t.currentTarget.value];Q(r),y&&y(I.filter((e=>r.includes(e.value))))}}})})}))}):jsxs(Fragment,{children:[s&&jsx(ListItem,{..._,text:w,disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{P&&e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,checked:ae,indeterminate:le,error:(ae||le)&&L==='error',success:(ae||le)&&L==='success',onChange:()=>{if(!P){const e=ae||le?[]:I.map((e=>e.value));Q(e),y&&y(e.length===0?[]:I)}}})}),s&&jsx(MenuDivider,{}),oe[0].map((e=>{const o=e.status??L;const t=o==='error';const n=o==='success';return createElement(ListItem,{..._,key:e.value,active:!0,text:e.text,danger:t,success:n,disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{P&&e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,value:e.value,checked:!0,error:t,success:n,onChange:e=>{if(!P){const o=J.filter((o=>o!==e.currentTarget.value));Q(o),y&&y(I.filter((e=>o.includes(e.value))))}}})})})),oe[0].length>0&&oe[1].length>0&&jsx(MenuDivider,{}),oe[1].map((e=>createElement(ListItem,{..._,key:e.value,text:e.text,disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{P&&e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,value:e.value,checked:!1,onChange:e=>{if(!P){const o=[...J,e.currentTarget.value];Q(o),y&&y(I.filter((e=>o.includes(e.value))))}}})})))]})}:{ref:de,children:W.map((e=>{const o=q===e.value;return createElement(ListItem,{..._,key:e.value,text:e.text,active:o,danger:o&&L==='error',success:o&&L==='success',disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:t=>{if(t.stopPropagation(),!P){const t=o?{value:'',text:''}:e;V(t.text),G(t.value),y&&y(t.value?t:null),ie.current?.focus(),ee(!t.value)}}})}))})}):void 0})})),{sizes:SIZES,displayName:"Dropdown"});export{COMPONENT_NAME,Dropdown};

package/components/Dropdown/DropdownMenuNoOptions.js

@@ -1,2 +1 @@
-import e from'@babel/runtime/helpers/objectSpread2';import{MenuContainer as r}from'../MenuContainer/MenuContainer.js';import{Text as o}from'../Text/Text.js';import{Icon as n}from'../Icon/Icon.js';import'../Icon/icons.js';import{IconContainer as i,LoadingIconAnimated as t}from'./style.js';import{jsxs as a,jsx as s}from'react/jsx-runtime';var m=m=>{var{loadingIcon:p=s(t,{}),emptyIcon:c="redo",loadingIconProps:d={},emptyIconProps:g={},loading:l,loadingMessage:f,emptyMessage:h}=m;return a(r,{children:[s(i,{children:s(n,l?e(e({},d),{},{preset:"brand",name:'string'==typeof p?p:void 0,icon:'string'!=typeof p?p:void 0}):e(e({},g),{},{preset:"brand",name:'string'==typeof c?c:void 0,icon:'string'!=typeof c?c:void 0}))}),l&&f&&s(o,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:f}),!l&&h&&s(o,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:h})]})};export{m as DropdownMenuNoOptions};
-//# sourceMappingURL=DropdownMenuNoOptions.js.map
+'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');var MenuContainer=require('../MenuContainer/MenuContainer.js');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');exports.DropdownMenuNoOptions=e=>{const{loadingIcon:r=require$$0.jsx(style.LoadingIconAnimated,{}),emptyIcon:n="redo",loadingIconProps:i={},emptyIconProps:t={},loading:o,loadingMessage:a,emptyMessage:s}=e;return require$$0.jsxs(MenuContainer.MenuContainer,{children:[require$$0.jsx(style.IconContainer,{children:require$$0.jsx(Icon.Icon,o?{...i,preset:"brand",name:typeof r=='string'?r:void 0,icon:typeof r!='string'?r:void 0}:{...t,preset:"brand",name:typeof n=='string'?n:void 0,icon:typeof n!='string'?n:void 0})}),o&&a&&require$$0.jsx(Text.Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:a}),!o&&s&&require$$0.jsx(Text.Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:s})]})};

package/components/Dropdown/DropdownMenuNoOptions.mjs

@@ -0,0 +1 @@
+import{IconContainer,LoadingIconAnimated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const DropdownMenuNoOptions=n=>{const{loadingIcon:o=jsx(LoadingIconAnimated,{}),emptyIcon:e="redo",loadingIconProps:r={},emptyIconProps:t={},loading:i,loadingMessage:a,emptyMessage:s}=n;return jsxs(MenuContainer,{children:[jsx(IconContainer,{children:jsx(Icon,i?{...r,preset:"brand",name:typeof o=='string'?o:void 0,icon:typeof o!='string'?o:void 0}:{...t,preset:"brand",name:typeof e=='string'?e:void 0,icon:typeof e!='string'?e:void 0})}),i&&a&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:a}),!i&&s&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:s})]})};export{DropdownMenuNoOptions};

package/components/Dropdown/constants.js

@@ -1,2 +1 @@
-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
+'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'}};

package/components/Dropdown/constants.mjs

@@ -0,0 +1 @@
+import{SIZES as SIZES$1}from'../FormInputLabel/constants.mjs';import{SIZES as SIZES$2}from'../InputCheckbox/constants.mjs';const FuseSearchKeys={text:'text',tags:'tags'};const SIZES={xxxl:SIZES$1.l,xxl:SIZES$1.l,xl:SIZES$1.l,l:SIZES$1.l,m:SIZES$1.m,s:SIZES$1.s,xs:SIZES$1.s,xxs:SIZES$1.s,xxxs:SIZES$1.s};const SIZES_CHECKBOX={xxxl:SIZES$2.m,xxl:SIZES$2.m,xl:SIZES$2.m,l:SIZES$2.m,m:SIZES$2.s,s:SIZES$2.xs,xs:SIZES$2.xs,xxs:SIZES$2.xs,xxxs:SIZES$2.xs};const 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'}};export{FuseSearchKeys,SIZES,SIZES_CHECKBOX,SIZES_MENU};

package/components/Dropdown/style.js

@@ -1,2 +1 @@
-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
+'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');const Input=styled.input.withConfig({shouldForwardProp:o=>!['palette','preset','label','labelPosition','active'].includes(o)}).withConfig({componentId:"fox-ui__sc-519mcg-0"})([""," ",""],(o=>{let n='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(n=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(n=""+(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: ${n};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(n={color:o.palette.color??o.theme.colors['content-onmain-primary'],placeholderColor:o.palette.placeholderColor??o.theme.colors['content-onmain-secondary'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],placeholderColorDisabled:o.palette.placeholderColorDisabled??o.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${n.placeholderColor};\n  }\n  &:disabled {\n    color: ${n.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${n.placeholderColorDisabled};\n  }\n`;var n}));const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({componentId:"fox-ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(index.ChevronDown).withConfig({shouldForwardProp:o=>o!=='up'}).withConfig({componentId:"fox-ui__sc-519mcg-2"})(["",""],(o=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${o.up?180:0}deg);\n  `));const LoadingIconAnimated=styled(index$1.LoaderFill).withConfig({componentId:"fox-ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.ChevronIcon=ChevronIcon,exports.IconContainer=IconContainer,exports.Input=Input,exports.LoadingIconAnimated=LoadingIconAnimated;

package/components/Dropdown/style.mjs

@@ -0,0 +1 @@
+import styled,{keyframes}from'styled-components';import{ChevronDown as ChevronDown_2}from'../../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.mjs';import{LoaderFill as LoaderFill_2}from'../../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.mjs';const Input=styled.input.withConfig({shouldForwardProp:o=>!['palette','preset','label','labelPosition','active'].includes(o)}).withConfig({componentId:"fox-ui__sc-519mcg-0"})([""," ",""],(o=>{let n='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(n=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(n=""+(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: ${n};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(n={color:o.palette.color??o.theme.colors['content-onmain-primary'],placeholderColor:o.palette.placeholderColor??o.theme.colors['content-onmain-secondary'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],placeholderColorDisabled:o.palette.placeholderColorDisabled??o.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${n.placeholderColor};\n  }\n  &:disabled {\n    color: ${n.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${n.placeholderColorDisabled};\n  }\n`;var n}));const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({componentId:"fox-ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(ChevronDown_2).withConfig({shouldForwardProp:o=>o!=='up'}).withConfig({componentId:"fox-ui__sc-519mcg-2"})(["",""],(o=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${o.up?180:0}deg);\n  `));const LoadingIconAnimated=styled(LoaderFill_2).withConfig({componentId:"fox-ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{ChevronIcon,IconContainer,Input,LoadingIconAnimated};

package/components/Dropdown/utils.js

@@ -1,2 +1 @@
-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
+'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)),[[],[]]);

package/components/Dropdown/utils.mjs

@@ -0,0 +1 @@
+const getDropdownInputText=t=>t?Array.isArray(t)?t[0]?t[0].text:'':t.text:'';const getDropdownInputValue=t=>t?Array.isArray(t)?t[0]?t[0].value:'':t.value:'';const getDropdownInputMultipleValue=t=>t?Array.isArray(t)?t.map((t=>t.value)):[t.value]:[];const groupDropdownOptions=(t,e)=>t.reduce(((t,o)=>(t[e.includes(o.value)?0:1].push(o),t)),[[],[]]);export{getDropdownInputMultipleValue,getDropdownInputText,getDropdownInputValue,groupDropdownOptions};

package/components/FormInputLabel/FormInputLabel.js

@@ -1,2 +1 @@
-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
+'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;

package/components/FormInputLabel/FormInputLabel.mjs

@@ -0,0 +1 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Label,Caption,Dropdown}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Spacer}from'../Spacer/Spacer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='FormInputLabel';const FormInputLabel=withMergedProps(forwardRef(((r,e)=>{const{size:o="m",labelPosition:i="dynamic",textProps:t={},iconProps:n={},icon:s,input:a,label:p,text:m,controls:c,addon:l,dropdown:d,...f}=r;const[x,h]=Array.isArray(s)?s:[s];return jsxs(Root,{...f,size:o,labelPosition:i,ref:e,children:[x&&jsx(Spacer,{display:"flex",marginRight:12,children:jsx(Icon,{preset:"brand",name:typeof x=='string'?x:void 0,icon:typeof x!='string'?x:void 0,...n})}),jsxs(Label,{size:"inherit",color:"inherit",...t,children:[a,p&&jsx(Caption,{children:p})]}),m&&jsx(Text,{size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:l||h||c?void 0:6,...t,children:m}),l&&jsx(Spacer,{display:"flex",marginLeft:12,children:l}),h&&jsx(Spacer,{display:"flex",marginLeft:12,marginRight:8,children:jsx(Icon,{preset:"brand",name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,...n})}),c&&jsx(Spacer,{display:"flex",marginLeft:4,children:c}),d&&jsx(Dropdown,{children:d})]})})),{sizes:SIZES,displayName:"FormInputLabel"});export{COMPONENT_NAME,FormInputLabel};

package/components/FormInputLabel/constants.js

@@ -1,2 +1 @@
-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
+'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}};

package/components/FormInputLabel/constants.mjs

@@ -0,0 +1 @@
+const 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}};export{SIZES};

package/components/FormInputLabel/style.js

@@ -1,2 +1 @@
-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
+'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');const shouldForwardFormInputLabelProp=style.createShouldForwardProp((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline','zIndex'].includes(o)));const Label=styled(Text.Text).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;}"]);const Caption=styled.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;"]);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(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(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(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Dropdown=styled.div.withConfig({componentId:"fox-ui__sc-1il4atw-2"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled.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({componentId:"fox-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;

package/components/FormInputLabel/style.mjs

@@ -0,0 +1 @@
+import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{Text}from'../Text/Text.mjs';const shouldForwardFormInputLabelProp=createShouldForwardProp((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline','zIndex'].includes(o)));const Label=styled(Text).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;}"]);const Caption=styled.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;"]);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: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: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: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: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(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},secondary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],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: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: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(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},primary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],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: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: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(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Dropdown=styled.div.withConfig({componentId:"fox-ui__sc-1il4atw-2"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled.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({componentId:"fox-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,responsiveMargin);export{Caption,Dropdown,Label,Root};

package/components/FormLabel/FormLabel.js

@@ -1,2 +1 @@
-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
+'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;

package/components/FormLabel/FormLabel.mjs

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

package/components/FormLabel/constants.js

@@ -1,2 +1 @@
-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
+'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}};

package/components/FormLabel/constants.mjs

@@ -0,0 +1 @@
+const 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}};export{SIZES};

package/components/FormLabel/style.js

@@ -1,2 +1 @@
-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
+'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');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(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(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(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(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({componentId:"fox-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.span.withConfig({componentId:"fox-ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const HintButton=styled.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'),(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(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;

package/components/FormLabel/style.mjs

@@ -0,0 +1 @@
+import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';const shouldForwardFormLabelProp=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: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: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: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: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(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default: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(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},onColored:{disabled: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: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: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: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(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default: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(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({componentId:"fox-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,responsiveMargin);const Content=styled.span.withConfig({componentId:"fox-ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const HintButton=styled.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'),(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(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);export{Content,HintButton,Root};

package/components/Icon/Icon.js

@@ -1,2 +1 @@
-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
+'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 list=require('./list.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:t})=>{e.open('GET',t),e.send()}));const fetchImage=async e=>{let t=0;return new Promise(((r,n)=>{const s=new XMLHttpRequest;s.responseType='text',s.open('GET',e),s.send(),s.onload=()=>{r(s.response)},s.onerror=()=>{t++,t<3&&worker.add({url:e,xhr:s}),t>=3&&n(new Error(`Failed to load icon "${name}" from "${e}" after 3 attempts.`))}}))};const Icon=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const r=styled.useTheme();const{assetHost:n}=r;const{size:s="inherit",name:o="unknown",icon:a,preset:c,...l}=e;const i=`${c}_${o}`;const[u,d]=React.useState(cache[i]??null);const h=useClassname.useClassname("Icon",l.className);const m=o==='unknown'?null:(c==='brand'?list.ICONS:list.ICONS_DEFAULT)[o];React.useEffect((()=>{m&&(cache[i]&&cache[i]!==null?d(cache[i]):cache[i]!==null?(async()=>{cache[i]=null;let e=typeof m=='string'?m:'';e||typeof m!='function'||(e=(await m()).default);let t='';try{t=await fetchImage(`${n??''}${e}`)}catch(e){console.error(e)}cache[i]=t,d(t),document.dispatchEvent(new CustomEvent(`IconLoaded_${i}`,{detail:{name:o,content:t}}))})():document.addEventListener(`IconLoaded_${i}`,(e=>{const t=e.detail;t&&t.name===o&&t.content&&d(t.content)}),{once:!0}))}),[m,o,i,n]);const p=a?{children:a}:{dangerouslySetInnerHTML:{__html:u}};return require$$0.jsx(style.Root,{...l,size:s,className:h,ref:t,...p})})),{displayName:"Icon",sizes:constants.SIZES});exports.Icon=Icon;

package/components/Icon/Icon.mjs

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

package/components/Icon/bg-worker.js

@@ -0,0 +1 @@
+'use strict';exports.BackgroundWorker=class BackgroundWorker{_stack=[];_handler=()=>{};add(s){this._stack.push(s)}run(s){this._handler=s,this._process()}_process=async()=>{const s=this._stack.pop();s!==void 0&&s!==null?(await this._handler(s),setTimeout(this._process,100)):setTimeout(this._process,500)}};

package/components/Icon/bg-worker.mjs

@@ -0,0 +1 @@
+class BackgroundWorker{_stack=[];_handler=()=>{};add(s){this._stack.push(s)}run(s){this._handler=s,this._process()}_process=async()=>{const s=this._stack.pop();s!==void 0&&s!==null?(await this._handler(s),setTimeout(this._process,100)):setTimeout(this._process,500)}}export{BackgroundWorker};

package/components/Icon/constants.js

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

package/components/Icon/constants.mjs

@@ -0,0 +1 @@
+const SIZES={xxxl:{fontSize:42},xxl:{fontSize:38},xl:{fontSize:34},l:{fontSize:30},m:{fontSize:26},s:{fontSize:22},xs:{fontSize:18},xxs:{fontSize:14},xxxs:{fontSize:10}};export{SIZES};

package/components/Icon/images/blackBoard.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/blackBoard.b70f3fa458cf50c0.svg";

package/components/Icon/images/blackBoard.svg.mjs

@@ -0,0 +1 @@
+var BlackBoard="assets/blackBoard.b70f3fa458cf50c0.svg";export{BlackBoard as default};

package/components/Icon/images/book.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/book.48991ce60498c971.svg";

package/components/Icon/images/book.svg.mjs

@@ -0,0 +1 @@
+var Book="assets/book.48991ce60498c971.svg";export{Book as default};

package/components/Icon/images/burger.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/burger.45c468cd1f3cefbd.svg";

package/components/Icon/images/burger.svg.mjs

@@ -0,0 +1 @@
+var Burger="assets/burger.45c468cd1f3cefbd.svg";export{Burger as default};

package/components/Icon/images/calendar.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/calendar.8b9cde3690ee19e4.svg";

package/components/Icon/images/calendar.svg.mjs

@@ -0,0 +1 @@
+var calendar="assets/calendar.8b9cde3690ee19e4.svg";export{calendar as default};

package/components/Icon/images/calendar_simple.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/calendar_simple.1e7d462a1b03789e.svg";

package/components/Icon/images/calendar_simple.svg.mjs

@@ -0,0 +1 @@
+var calendarSimple="assets/calendar_simple.1e7d462a1b03789e.svg";export{calendarSimple as default};

package/components/Icon/images/camps.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/camps.371b46101f1933bd.svg";

package/components/Icon/images/camps.svg.mjs

@@ -0,0 +1 @@
+var Camps="assets/camps.371b46101f1933bd.svg";export{Camps as default};

package/components/Icon/images/cancel.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/cancel.a003b4fd2adaf244.svg";

package/components/Icon/images/cancel.svg.mjs

@@ -0,0 +1 @@
+var cancel="assets/cancel.a003b4fd2adaf244.svg";export{cancel as default};

package/components/Icon/images/cart.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/cart.f0daf496f4d3d329.svg";

package/components/Icon/images/cart.svg.mjs

@@ -0,0 +1 @@
+var Cart="assets/cart.f0daf496f4d3d329.svg";export{Cart as default};

package/components/Icon/images/check.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/check.60cb47c5b3e8113c.svg";

package/components/Icon/images/check.svg.mjs

@@ -0,0 +1 @@
+var check="assets/check.60cb47c5b3e8113c.svg";export{check as default};

package/components/Icon/images/checkCircle.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/checkCircle.5078cbfa4b3dfab0.svg";

package/components/Icon/images/checkCircle.svg.mjs

@@ -0,0 +1 @@
+var checkCircle="assets/checkCircle.5078cbfa4b3dfab0.svg";export{checkCircle as default};

package/components/Icon/images/chevronDown.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/chevronDown.6a94e5048fd54a5f.svg";

package/components/Icon/images/chevronDown.svg.mjs

@@ -0,0 +1 @@
+var chevronDown="assets/chevronDown.6a94e5048fd54a5f.svg";export{chevronDown as default};

package/components/Icon/images/chevronLeft.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/chevronLeft.53be79e49ca64db4.svg";

package/components/Icon/images/chevronLeft.svg.mjs

@@ -0,0 +1 @@
+var chevronLeft="assets/chevronLeft.53be79e49ca64db4.svg";export{chevronLeft as default};

package/components/Icon/images/chevronRight.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/chevronRight.2741db73f00a193d.svg";

package/components/Icon/images/chevronRight.svg.mjs

@@ -0,0 +1 @@
+var chevronRight="assets/chevronRight.2741db73f00a193d.svg";export{chevronRight as default};

package/components/Icon/images/chevronUp.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/chevronUp.3e52f19b516588ee.svg";

package/components/Icon/images/chevronUp.svg.mjs

@@ -0,0 +1 @@
+var chevronUp="assets/chevronUp.3e52f19b516588ee.svg";export{chevronUp as default};

package/components/Icon/images/clock.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/clock.a9268c702e0620d0.svg";

package/components/Icon/images/clock.svg.mjs

@@ -0,0 +1 @@
+var Clock="assets/clock.a9268c702e0620d0.svg";export{Clock as default};

package/components/Icon/images/clockFilled.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/clockFilled.4818b73e01b198bd.svg";

package/components/Icon/images/clockFilled.svg.mjs

@@ -0,0 +1 @@
+var ClockFilled="assets/clockFilled.4818b73e01b198bd.svg";export{ClockFilled as default};

package/components/Icon/images/coins.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/coins.be540ecdc42d2f64.svg";

package/components/Icon/images/coins.svg.mjs

@@ -0,0 +1 @@
+var Coins="assets/coins.be540ecdc42d2f64.svg";export{Coins as default};

package/components/Icon/images/copy.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/copy.4ad4b401192ac20d.svg";

package/components/Icon/images/copy.svg.mjs

@@ -0,0 +1 @@
+var Copy="assets/copy.4ad4b401192ac20d.svg";export{Copy as default};

package/components/Icon/images/courses.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/courses.a4f09613aed70077.svg";

package/components/Icon/images/courses.svg.mjs

@@ -0,0 +1 @@
+var Courses="assets/courses.a4f09613aed70077.svg";export{Courses as default};

package/components/Icon/images/cross.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/cross.47ee7546843f413e.svg";

package/components/Icon/images/cross.svg.mjs

@@ -0,0 +1 @@
+var cross="assets/cross.47ee7546843f413e.svg";export{cross as default};

package/components/Icon/images/dialog.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/dialog.3ce724cc566b42a9.svg";

package/components/Icon/images/dialog.svg.mjs

@@ -0,0 +1 @@
+var dialog="assets/dialog.3ce724cc566b42a9.svg";export{dialog as default};

package/components/Icon/images/diamond.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/diamond.bf9248dd58822d12.svg";

package/components/Icon/images/diamond.svg.mjs

@@ -0,0 +1 @@
+var Diamond="assets/diamond.bf9248dd58822d12.svg";export{Diamond as default};

package/components/Icon/images/diamondFilled.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/diamondFilled.9e247055ae4c3518.svg";

package/components/Icon/images/diamondFilled.svg.mjs

@@ -0,0 +1 @@
+var DiamondFIlled="assets/diamondFilled.9e247055ae4c3518.svg";export{DiamondFIlled as default};

package/components/Icon/images/diamondSolid.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/diamondSolid.b23ce5310f59070f.svg";

package/components/Icon/images/diamondSolid.svg.mjs

@@ -0,0 +1 @@
+var DiamondSolid="assets/diamondSolid.b23ce5310f59070f.svg";export{DiamondSolid as default};

package/components/Icon/images/discount.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/discount.0b5bc30cd739376a.svg";

package/components/Icon/images/discount.svg.mjs

@@ -0,0 +1 @@
+var Discount="assets/discount.0b5bc30cd739376a.svg";export{Discount as default};

package/components/Icon/images/document.svg.js

@@ -0,0 +1 @@
+'use strict';module.exports="assets/document.d49e3408663d49b8.svg";

package/components/Icon/images/document.svg.mjs

@@ -0,0 +1 @@
+var document="assets/document.d49e3408663d49b8.svg";export{document as default};