@foxford/ui 2.39.0-beta-86953e6-20240820 → 2.39.0-beta-cbc88d8-20240820

package/components/Dropdown/Dropdown.js

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

package/components/Dropdown/style.js

@@ -1 +1 @@
-'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;
+'use strict';var styled=require('styled-components');var index=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const Input=styled__default.default.input.withConfig({shouldForwardProp:n=>!['palette','preset','label','labelPosition','active'].includes(n)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(n=>{let o='1';let e='0px';return n.label&&n.labelPosition==='dynamic'&&(o=""+(n.active?1:0),e='0.8em'),n.label&&n.labelPosition==='top'&&(e='0.8em'),n.label&&n.labelPosition==='center'&&(o=""+(n.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${o};\n      padding-top: ${e};\n      cursor: ${n.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(n=>{return`\n  color: ${(o={color:n.palette.color??n.theme.colors['content-onmain-primary'],placeholderColor:n.palette.placeholderColor??n.theme.colors['content-onmain-secondary'],colorDisabled:n.palette.colorDisabled??n.theme.colors['content-disabled'],placeholderColorDisabled:n.palette.placeholderColorDisabled??n.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${o.placeholderColor};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${o.placeholderColorDisabled};\n  }\n`;var o}));const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled__default.default(index.ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-2"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled__default.default(index$1.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.ChevronIcon=ChevronIcon,exports.IconContainer=IconContainer,exports.Input=Input,exports.LoadingIconAnimated=LoadingIconAnimated;

package/components/Dropdown/style.mjs

@@ -1 +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};
+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({displayName:"Dropdown__Input",componentId:"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({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(ChevronDown_2).withConfig({shouldForwardProp:o=>o!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"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({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{ChevronIcon,IconContainer,Input,LoadingIconAnimated};

package/components/FormInputLabel/style.js

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

package/components/FormInputLabel/style.mjs

@@ -1 +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};
+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({displayName:"FormInputLabel__Label",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);const Caption=styled.span.withConfig({displayName:"FormInputLabel__Caption",componentId:"ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:focus-within {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={onColored:{disabled: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({displayName:"FormInputLabel__Dropdown",componentId:"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({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-3"})([""," "," "," ",""],(o=>{let e=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';let r='1';let t='auto';o.labelPosition==='top'&&(e='scale(0.7) translateX(-21.5%) translateY(-145%)'),o.labelPosition==='center'&&(e="translateY(-50%)",r=o.active?'0':'1',t=o.active?'-1':'auto');const n='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: center;\n      min-width: min-content;\n      border: ${n} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${n};\n        left: -${n};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${e};\n        opacity: ${r};\n        z-index: ${t};\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::after {\n        opacity: 0;\n      }\n    `}),(o=>{let e=COLOR_SCHEMA.primary;return o.secondary&&(e=COLOR_SCHEMA.secondary),o.onColored&&(e=COLOR_SCHEMA.onColored),o.disabled?e.disabled:o.error?e.error:o.success?e.success:e.default}),responsiveSize,responsiveMargin);export{Caption,Dropdown,Label,Root};

package/components/FormLabel/style.js

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

package/components/FormLabel/style.mjs

@@ -1 +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};
+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({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `),(o=>{if(o.clear)return'';const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize,responsiveMargin);const Content=styled.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const HintButton=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"FormLabel__HintButton",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:start;border-radius:50%;background-color:transparent;margin-left:6px;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={hintColor:o.theme.colors['content-onmain-tertiary'],hintBackgroundColor:o.theme.colors.transparent,hintColorHover:o.theme.colors['content-onmain-primary'],hintBackgroundColorHover:tinycolor(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/images/blackBoard.svg.js

@@ -1 +1 @@
-'use strict';module.exports="assets/blackBoard.b70f3fa458cf50c0.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/blackBoard.b70f3fa458cf50c0.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/book.48991ce60498c971.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/book.48991ce60498c971.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/burger.45c468cd1f3cefbd.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/burger.45c468cd1f3cefbd.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/calendar.8b9cde3690ee19e4.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/calendar.8b9cde3690ee19e4.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/calendar_simple.1e7d462a1b03789e.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/calendar_simple.1e7d462a1b03789e.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/camps.371b46101f1933bd.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/camps.371b46101f1933bd.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/cancel.a003b4fd2adaf244.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/cancel.a003b4fd2adaf244.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/cart.f0daf496f4d3d329.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/cart.f0daf496f4d3d329.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/check.60cb47c5b3e8113c.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/check.60cb47c5b3e8113c.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/checkCircle.5078cbfa4b3dfab0.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/checkCircle.5078cbfa4b3dfab0.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/chevronDown.6a94e5048fd54a5f.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/chevronDown.6a94e5048fd54a5f.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/chevronLeft.53be79e49ca64db4.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/chevronLeft.53be79e49ca64db4.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/chevronRight.2741db73f00a193d.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/chevronRight.2741db73f00a193d.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/chevronUp.3e52f19b516588ee.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/chevronUp.3e52f19b516588ee.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/clock.a9268c702e0620d0.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/clock.a9268c702e0620d0.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/clockFilled.4818b73e01b198bd.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/clockFilled.4818b73e01b198bd.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/coins.be540ecdc42d2f64.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/coins.be540ecdc42d2f64.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/copy.4ad4b401192ac20d.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/copy.4ad4b401192ac20d.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/courses.a4f09613aed70077.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/courses.a4f09613aed70077.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/cross.47ee7546843f413e.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/cross.47ee7546843f413e.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/dialog.3ce724cc566b42a9.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/dialog.3ce724cc566b42a9.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/diamond.bf9248dd58822d12.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/diamond.bf9248dd58822d12.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/diamondFilled.9e247055ae4c3518.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/diamondFilled.9e247055ae4c3518.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/diamondSolid.b23ce5310f59070f.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/diamondSolid.b23ce5310f59070f.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/discount.0b5bc30cd739376a.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/discount.0b5bc30cd739376a.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/document.d49e3408663d49b8.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/document.d49e3408663d49b8.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/dropDownArrow.d742073c12888155.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/dropDownArrow.d742073c12888155.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/edit.74345a72afa86b30.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/edit.74345a72afa86b30.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/email.1bc1fe3435d0b220.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/email.1bc1fe3435d0b220.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/externalLink.02b3dd54a6bf75a3.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/externalLink.02b3dd54a6bf75a3.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/externat.81f87d8f360ce786.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/externat.81f87d8f360ce786.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/eye.e55a3ae41132d318.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/eye.e55a3ae41132d318.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/file.b313d585b58c71ce.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/file.b313d585b58c71ce.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/fileBordered.5327fa25de303bea.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/fileBordered.5327fa25de303bea.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/fire.caa17db686ea8652.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/fire.caa17db686ea8652.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/headphones.96385bffaa5d63f9.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/headphones.96385bffaa5d63f9.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/home.9387b910db75eeaf.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/home.9387b910db75eeaf.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/info.2a91d7e339f48950.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/info.2a91d7e339f48950.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/infoInverse.c5cb44254b57a145.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/infoInverse.c5cb44254b57a145.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/lessons.191febf80f095741.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/lessons.191febf80f095741.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/list.527dda6302d1463d.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/list.527dda6302d1463d.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/login.e40b709f4cbdcccc.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/login.e40b709f4cbdcccc.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/logout.79e9d9176845197e.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/logout.79e9d9176845197e.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/message.b8c2b14627bf6c00.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/message.b8c2b14627bf6c00.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/objective.1090046571053b18.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/objective.1090046571053b18.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/page.4a49145c1a1e94e6.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/page.4a49145c1a1e94e6.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/pencil.4691035b77d2c036.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/pencil.4691035b77d2c036.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/person.af10a7097aa75efd.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/person.af10a7097aa75efd.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/phone.136e82a5e326acee.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/phone.136e82a5e326acee.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/phoneNoFill.6830c95dd24e5fd8.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/phoneNoFill.6830c95dd24e5fd8.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/play.274f1eaaf1fe6f8b.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/play.274f1eaaf1fe6f8b.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/playPause.13f44280b7708ba0.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/playPause.13f44280b7708ba0.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/plus.c736a47da450334e.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/plus.c736a47da450334e.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/plusThin.8e3ebaf15f37298d.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/plusThin.8e3ebaf15f37298d.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/present.7440df4383266989.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/present.7440df4383266989.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/priceTag.853231ed3bce99c7.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/priceTag.853231ed3bce99c7.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/print.19f2bd7eb73112be.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/print.19f2bd7eb73112be.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/prof.4c174b79f367b0ca.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/prof.4c174b79f367b0ca.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/questionFilled.1173fb37221703a5.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/questionFilled.1173fb37221703a5.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/radioChecked.d43679fab621f816.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/radioChecked.d43679fab621f816.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/radioNotChecked.cccd6fa549a061a5.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/radioNotChecked.cccd6fa549a061a5.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/reload.52ff4c9635725150.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/reload.52ff4c9635725150.svg";

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

@@ -1 +1 @@
-'use strict';module.exports="assets/search.5ebe2b099f4fdf7b.svg";
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/search.5ebe2b099f4fdf7b.svg";