@foxford/ui 2.38.0-beta-4b5e375-20240813 → 2.38.0

package/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { forwardRef, useState, useRef, useEffect, useMemo } from 'react'\nimport Fuse from 'fuse.js'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport { FormInputLabel } from 'components/FormInputLabel'\nimport { MenuComponent } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuDivider } from 'components/MenuDivider'\nimport { ListItem } from 'components/ListItem'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { Chip } from 'components/Chip'\nimport type { IconProps } from 'components/Icon'\nimport { DropdownMenuNoOptions } from './DropdownMenuNoOptions'\nimport { SIZES, SIZES_CHECKBOX, SIZES_MENU, FuseSearchKeys } from './constants'\nimport {\n  getDropdownInputText,\n  getDropdownInputValue,\n  getDropdownInputMultipleValue,\n  groupDropdownOptions,\n} from './utils'\nimport * as Styled from './style'\nimport type { DropdownProps, DropdownOption } from './types'\n\nconst COMPONENT_NAME = 'Dropdown'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Dropdown/types.ts).\n */\nconst Dropdown: React.ForwardRefExoticComponent<DropdownProps> = withMergedProps<DropdownProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      name = 'fox-dropdown',\n      labelPosition = 'dynamic',\n      optionsMultiToggle = true,\n      loading = false,\n      iconProps = {},\n      menuProps = {},\n      closeMenuOnScroll,\n      contrast,\n      defaultSelectedOption,\n      icon,\n      inputMode,\n      label,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      maxLength,\n      multiple,\n      onCloseMenu,\n      onOpenMenu,\n      onSelectOption,\n      options,\n      optionsMultiToggleCaption,\n      optionsEmptyMessage,\n      optionsEmptyIcon,\n      optionsEmptyIconProps,\n      palette,\n      placeholder,\n      readOnly,\n      required,\n      status,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      form,\n      ...rootProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n    }\n\n    const iconBaseProps: IconProps = {\n      size: 24,\n      color: rootProps.disabled ? 'content-disabled' : 'content-onmain-tertiary',\n    }\n\n    const getRelevantOptions = useMemo(() => {\n      const fuse = new Fuse<DropdownOption>(options, {\n        threshold: 0.4,\n        ignoreLocation: true,\n        keys: [FuseSearchKeys.text, FuseSearchKeys.tags],\n      })\n\n      return (pattern: string): DropdownOption[] =>\n        pattern.length === 0 ? options : fuse.search(pattern).map((result) => result.item)\n    }, [options])\n\n    const [inputText, setInputText] = useState<string>(() =>\n      multiple ? '' : getDropdownInputText(defaultSelectedOption)\n    )\n\n    const [inputValue, setInputValue] = useState<string>(() => getDropdownInputValue(defaultSelectedOption))\n\n    const [inputMultipleValue, setInputMultipleValue] = useState<string[]>(() =>\n      getDropdownInputMultipleValue(defaultSelectedOption)\n    )\n\n    const [menuRelevantOptions, setMenuRelevantOptions] = useState<DropdownOption[]>(() =>\n      getRelevantOptions(inputText)\n    )\n\n    const [menuOpenRequest, setMenuOpenRequest] = useState<boolean>(false)\n\n    const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = multiple\n      ? groupDropdownOptions(options, inputMultipleValue)\n      : [[], []]\n\n    const menuOpen = menuOpenRequest && !rootProps.disabled\n    const menuNoRelevantOptions = menuRelevantOptions.length === 0 || loading\n\n    const inputActive = Boolean(menuOpen || inputText)\n    const inputValueEmpty = multiple ? inputMultipleValue.length === 0 : inputValue.length === 0\n\n    const multiToggleChecked = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length === 0\n    const multiToggleIndeterminate = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0\n\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const menuRef = useRef<HTMLDivElement | null>(null)\n    const menuListRef = useRef<HTMLUListElement | null>(null)\n\n    const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n    const inputTextPrevRef = useRef<string>(inputText)\n    const menuOpenPrevRef = useRef<boolean>(menuOpen)\n\n    useEffect(() => {\n      if (inputText === inputTextPrevRef.current) {\n        setMenuRelevantOptions(getRelevantOptions(inputText))\n      } else {\n        inputTextPrevRef.current = inputText\n        timeoutIdRef.current = setTimeout(() => {\n          setMenuRelevantOptions(getRelevantOptions(inputText))\n        }, 150)\n      }\n\n      return () => {\n        if (timeoutIdRef.current) {\n          clearTimeout(timeoutIdRef.current)\n        }\n      }\n    }, [getRelevantOptions, inputText])\n\n    useEffect(() => {\n      if (menuOpen === menuOpenPrevRef.current) return\n\n      if (menuOpen && onOpenMenu) onOpenMenu()\n      if (!menuOpen && onCloseMenu) onCloseMenu()\n\n      menuOpenPrevRef.current = menuOpen\n    }, [menuOpen, onCloseMenu, onOpenMenu])\n\n    useEffect(() => {\n      const handleScroll = (evt: Event) => {\n        inputRef.current?.focus()\n        setMenuOpenRequest(false)\n\n        if (evt.currentTarget) {\n          evt.currentTarget.removeEventListener(evt.type, handleScroll)\n        }\n      }\n\n      if (closeMenuOnScroll && menuOpen) {\n        document.addEventListener('scroll', handleScroll)\n      }\n\n      return () => {\n        document.removeEventListener('scroll', handleScroll)\n      }\n    }, [closeMenuOnScroll, menuOpen])\n\n    const syncInputTextWithSelectedOption = () => {\n      let selectedOptionText = ''\n\n      if (!multiple) {\n        const selectedOption = options.find((option) => option.value === inputValue)\n        selectedOptionText = selectedOption ? selectedOption.text : ''\n      }\n\n      setInputText(selectedOptionText)\n    }\n\n    return (\n      <FormInputLabel\n        {...rootProps}\n        {...sizeProps}\n        ref={ref}\n        label={label}\n        labelPosition={labelPosition}\n        active={inputActive}\n        onColored={contrast}\n        error={status === 'error'}\n        success={status === 'success'}\n        icon={[icon, <Styled.ChevronIcon key='chevron' up={menuOpen} />]}\n        iconProps={{ ...iconBaseProps, ...iconProps }}\n        palette={{\n          color: rootProps.disabled ? palette.labelColorDisabled : palette.labelColor,\n          colorHover: rootProps.disabled ? palette.labelColorDisabled : palette.labelColorHover,\n          backgroundColor: rootProps.disabled ? palette.backgroundColorDisabled : palette.backgroundColor,\n          backgroundColorHover: rootProps.disabled ? palette.backgroundColorDisabled : palette.backgroundColorHover,\n          borderColor: rootProps.disabled ? palette.borderColorDisabled : palette.borderColor,\n          borderColorHover: rootProps.disabled ? palette.borderColorDisabled : palette.borderColor,\n        }}\n        onClick={(evt) => {\n          if (rootProps.onClick) rootProps.onClick(evt)\n\n          if (rootProps.disabled) return\n\n          inputRef.current?.focus()\n\n          if (!menuOpen) {\n            setMenuOpenRequest(true)\n          } else if (menuRef.current && evt.target instanceof Node && !menuRef.current.contains(evt.target)) {\n            setMenuOpenRequest(false)\n          }\n        }}\n        onKeyUp={(evt) => {\n          if (rootProps.onKeyUp) rootProps.onKeyUp(evt)\n\n          if (keyboardKeys.Esc.validate(evt.key)) {\n            inputRef.current?.focus()\n            setMenuOpenRequest(false)\n          }\n        }}\n        onPointerDown={(evt) => {\n          if (rootProps.onPointerDown) rootProps.onPointerDown(evt)\n\n          if (evt.target !== inputRef.current && evt.target instanceof Node && evt.currentTarget.contains(evt.target)) {\n            evt.preventDefault()\n          }\n        }}\n        onBlur={(evt) => {\n          if (rootProps.onBlur) rootProps.onBlur(evt)\n\n          if (!evt.currentTarget.contains(evt.relatedTarget)) {\n            syncInputTextWithSelectedOption()\n            setMenuOpenRequest(false)\n          }\n        }}\n        input={\n          <>\n            <Styled.Input\n              ref={inputRef}\n              type='text'\n              autoComplete='off'\n              autoCapitalize='off'\n              autoCorrect='off'\n              spellCheck='false'\n              inputMode={inputMode}\n              maxLength={maxLength}\n              placeholder={placeholder}\n              readOnly={readOnly}\n              required={required && inputValueEmpty}\n              disabled={rootProps.disabled}\n              label={label}\n              labelPosition={labelPosition}\n              active={inputActive}\n              value={inputText}\n              palette={{\n                color: palette.color,\n                colorDisabled: palette.colorDisabled,\n                placeholderColor: palette.placeholderColor,\n                placeholderColorDisabled: palette.placeholderColorDisabled,\n              }}\n              onClick={(evt) => {\n                if (menuOpen && evt.currentTarget.selectionStart !== evt.currentTarget.selectionEnd) {\n                  evt.stopPropagation()\n                }\n              }}\n              onChange={(evt) => {\n                setInputText(evt.currentTarget.value)\n                setMenuOpenRequest(true)\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  syncInputTextWithSelectedOption()\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.Space.validate(evt.key) && (!menuOpen || evt.currentTarget.selectionStart === 0)) {\n                  evt.preventDefault()\n                  setMenuOpenRequest((prev) => !prev)\n                }\n\n                if (keyboardKeys.ArrowDown.validate(evt.key) && menuListRef.current) {\n                  evt.preventDefault()\n                  focusFirstFocusable(menuListRef.current)\n                }\n              }}\n            />\n            {multiple\n              ? inputMultipleValue.map((value) => (\n                  <input\n                    key={value}\n                    type='hidden'\n                    name={name}\n                    value={value}\n                    form={form}\n                    disabled={rootProps.disabled}\n                  />\n                ))\n              : inputValue.length > 0 && (\n                  <input type='hidden' name={name} value={inputValue} form={form} disabled={rootProps.disabled} />\n                )}\n          </>\n        }\n        addon={\n          multiple && inputMultipleValue.length > 0 ? (\n            <Chip\n              size='xs'\n              active\n              black\n              disabled={rootProps.disabled}\n              cursor={rootProps.disabled ? 'not-allowed' : undefined}\n              text={inputMultipleValue.length}\n              textProps={{\n                appearance: 'caption',\n                size: 'xs',\n              }}\n              palette={\n                rootProps.disabled\n                  ? {\n                      color: 'content-disabled',\n                      colorHover: 'content-disabled',\n                      backgroundColor: 'bg-disabled-small',\n                      backgroundColorHover: 'bg-disabled-small',\n                    }\n                  : undefined\n              }\n              onPointerDown={(evt) => {\n                evt.preventDefault()\n              }}\n              discardButtonProps={{\n                contrast: !rootProps.disabled,\n                onKeyDown: (evt) => {\n                  if (keyboardKeys.ArrowDown.validate(evt.key) && menuListRef.current) {\n                    evt.preventDefault()\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                },\n                onClick: (evt) => {\n                  evt.stopPropagation()\n\n                  if (!readOnly) {\n                    setInputMultipleValue([])\n\n                    if (onSelectOption) onSelectOption([])\n\n                    inputRef.current?.focus()\n                    setMenuOpenRequest(true)\n                  }\n                },\n              }}\n            />\n          ) : undefined\n        }\n        dropdown={\n          menuOpen ? (\n            <MenuComponent\n              {...menuProps}\n              ref={menuRef}\n              sizeUnits='%'\n              sizes={SIZES_MENU}\n              size={menuProps.size ?? 100}\n              tabIndex={menuNoRelevantOptions ? undefined : 0}\n              secondary={!contrast}\n              elevated={contrast}\n              disableAutoFocus\n              palette={{\n                backgroundColor: palette.menuBackgroundColor,\n                borderColor: palette.menuBorderColor,\n              }}\n              onFocus={(evt) => {\n                if (!menuListRef.current) return\n\n                if (evt.target === evt.currentTarget) {\n                  if (menuListRef.current.contains(evt.relatedTarget)) {\n                    inputRef.current?.focus()\n                  } else {\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                }\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  inputRef.current?.focus()\n                  syncInputTextWithSelectedOption()\n                  setMenuOpenRequest(false)\n                }\n              }}\n            >\n              {menuNoRelevantOptions ? (\n                <DropdownMenuNoOptions\n                  loading={loading}\n                  loadingMessage={loadingMessage}\n                  loadingIcon={loadingIcon}\n                  loadingIconProps={{ ...iconBaseProps, ...loadingIconProps }}\n                  emptyMessage={optionsEmptyMessage}\n                  emptyIcon={optionsEmptyIcon}\n                  emptyIconProps={{ ...iconBaseProps, ...optionsEmptyIconProps }}\n                />\n              ) : multiple ? (\n                <MenuList ref={menuListRef}>\n                  {inputText.length > 0 ? (\n                    <>\n                      {menuRelevantOptions.map((option) => {\n                        const optionSelected = inputMultipleValue.includes(option.value)\n\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = optionSelected && optionStatus === 'error'\n                        const optionSuccessStatus = optionSelected && optionStatus === 'success'\n\n                        return (\n                          <ListItem\n                            {...sizeProps}\n                            key={option.value}\n                            text={option.text}\n                            danger={optionErrorStatus}\n                            success={optionSuccessStatus}\n                            disabled={rootProps.disabled}\n                            active={optionSelected}\n                            borderRadius={8}\n                            ellipsis={false}\n                            textProps={{ wordBreak: 'break-word' }}\n                            onClick={(evt) => {\n                              evt.stopPropagation()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                name={name}\n                                value={option.value}\n                                checked={optionSelected}\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = optionSelected\n                                      ? inputMultipleValue.filter((value) => value !== option.value)\n                                      : [...inputMultipleValue, evt.currentTarget.value]\n\n                                    setInputMultipleValue(update)\n\n                                    if (onSelectOption) {\n                                      onSelectOption(options.filter((option) => update.includes(option.value)))\n                                    }\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                    </>\n                  ) : (\n                    <>\n                      {optionsMultiToggle && (\n                        <ListItem\n                          {...sizeProps}\n                          text={optionsMultiToggleCaption}\n                          disabled={rootProps.disabled}\n                          borderRadius={8}\n                          ellipsis={false}\n                          textProps={{ wordBreak: 'break-word' }}\n                          onClick={(evt) => {\n                            if (readOnly) evt.stopPropagation()\n                          }}\n                          control={\n                            <InputCheckbox\n                              sizes={SIZES_CHECKBOX}\n                              form='none'\n                              name={name}\n                              checked={multiToggleChecked}\n                              indeterminate={multiToggleIndeterminate}\n                              error={(multiToggleChecked || multiToggleIndeterminate) && status === 'error'}\n                              success={(multiToggleChecked || multiToggleIndeterminate) && status === 'success'}\n                              onChange={() => {\n                                if (!readOnly) {\n                                  const update =\n                                    multiToggleChecked || multiToggleIndeterminate\n                                      ? []\n                                      : options.map((option) => option.value)\n\n                                  setInputMultipleValue(update)\n\n                                  if (onSelectOption) onSelectOption(update.length === 0 ? [] : options)\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      )}\n                      {optionsMultiToggle && <MenuDivider />}\n                      {menuOptionsGroups[0].map((option) => {\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = optionStatus === 'error'\n                        const optionSuccessStatus = optionStatus === 'success'\n\n                        return (\n                          <ListItem\n                            {...sizeProps}\n                            key={option.value}\n                            active\n                            text={option.text}\n                            danger={optionErrorStatus}\n                            success={optionSuccessStatus}\n                            disabled={rootProps.disabled}\n                            borderRadius={8}\n                            ellipsis={false}\n                            textProps={{ wordBreak: 'break-word' }}\n                            onClick={(evt) => {\n                              if (readOnly) evt.stopPropagation()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                name={name}\n                                value={option.value}\n                                checked\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = inputMultipleValue.filter(\n                                      (value) => value !== evt.currentTarget.value\n                                    )\n\n                                    setInputMultipleValue(update)\n\n                                    if (onSelectOption) {\n                                      onSelectOption(options.filter((option) => update.includes(option.value)))\n                                    }\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                      {menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0 && <MenuDivider />}\n                      {menuOptionsGroups[1].map((option) => (\n                        <ListItem\n                          {...sizeProps}\n                          key={option.value}\n                          text={option.text}\n                          disabled={rootProps.disabled}\n                          borderRadius={8}\n                          ellipsis={false}\n                          textProps={{ wordBreak: 'break-word' }}\n                          onClick={(evt) => {\n                            if (readOnly) evt.stopPropagation()\n                          }}\n                          control={\n                            <InputCheckbox\n                              sizes={SIZES_CHECKBOX}\n                              form='none'\n                              name={name}\n                              value={option.value}\n                              checked={false}\n                              onChange={(evt) => {\n                                if (!readOnly) {\n                                  const update = [...inputMultipleValue, evt.currentTarget.value]\n\n                                  setInputMultipleValue(update)\n\n                                  if (onSelectOption) {\n                                    onSelectOption(options.filter((option) => update.includes(option.value)))\n                                  }\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      ))}\n                    </>\n                  )}\n                </MenuList>\n              ) : (\n                <MenuList ref={menuListRef}>\n                  {menuRelevantOptions.map((option) => {\n                    const optionSelected = inputValue === option.value\n\n                    return (\n                      <ListItem\n                        {...sizeProps}\n                        key={option.value}\n                        text={option.text}\n                        active={optionSelected}\n                        danger={optionSelected && status === 'error'}\n                        success={optionSelected && status === 'success'}\n                        disabled={rootProps.disabled}\n                        borderRadius={8}\n                        ellipsis={false}\n                        textProps={{ wordBreak: 'break-word' }}\n                        onClick={(evt) => {\n                          evt.stopPropagation()\n\n                          if (!readOnly) {\n                            const update = optionSelected ? { value: '', text: '' } : option\n\n                            setInputText(update.text)\n                            setInputValue(update.value)\n\n                            if (onSelectOption) onSelectOption(update.value ? update : null)\n\n                            inputRef.current?.focus()\n\n                            setMenuOpenRequest(!update.value)\n                          }\n                        }}\n                      />\n                    )\n                  })}\n                </MenuList>\n              )}\n            </MenuComponent>\n          ) : undefined\n        }\n      />\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { Dropdown, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Dropdown","withMergedProps","forwardRef","props","ref","_menuProps$size","size","name","labelPosition","optionsMultiToggle","loading","iconProps","menuProps","closeMenuOnScroll","contrast","defaultSelectedOption","icon","inputMode","label","loadingMessage","loadingIcon","loadingIconProps","maxLength","multiple","onCloseMenu","onOpenMenu","onSelectOption","options","optionsMultiToggleCaption","optionsEmptyMessage","optionsEmptyIcon","optionsEmptyIconProps","palette","placeholder","readOnly","required","status","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","form","rootProps","_excluded","sizeProps","iconBaseProps","color","disabled","getRelevantOptions","useMemo","fuse","Fuse","threshold","ignoreLocation","keys","FuseSearchKeys","text","tags","pattern","length","search","map","result","item","inputText","setInputText","useState","getDropdownInputText","inputValue","setInputValue","getDropdownInputValue","inputMultipleValue","setInputMultipleValue","getDropdownInputMultipleValue","menuRelevantOptions","setMenuRelevantOptions","menuOpenRequest","setMenuOpenRequest","menuOptionsGroups","groupDropdownOptions","menuOpen","menuNoRelevantOptions","inputActive","Boolean","inputValueEmpty","multiToggleChecked","multiToggleIndeterminate","inputRef","useRef","menuRef","menuListRef","timeoutIdRef","inputTextPrevRef","menuOpenPrevRef","useEffect","current","setTimeout","clearTimeout","handleScroll","evt","_inputRef$current","focus","currentTarget","removeEventListener","type","document","addEventListener","syncInputTextWithSelectedOption","selectedOptionText","selectedOption","find","option","value","_jsx","FormInputLabel","active","onColored","error","success","Styled.ChevronIcon","up","labelColorDisabled","labelColor","colorHover","labelColorHover","backgroundColor","backgroundColorDisabled","backgroundColorHover","borderColor","borderColorDisabled","borderColorHover","onClick","_inputRef$current2","target","Node","contains","onKeyUp","_inputRef$current3","keyboardKeys","Esc","validate","key","onPointerDown","preventDefault","onBlur","relatedTarget","input","_jsxs","_Fragment","children","Styled.Input","autoComplete","autoCapitalize","autoCorrect","spellCheck","colorDisabled","placeholderColor","placeholderColorDisabled","selectionStart","selectionEnd","stopPropagation","onChange","onKeyDown","Enter","Space","prev","ArrowDown","focusFirstFocusable","addon","Chip","black","cursor","undefined","textProps","appearance","discardButtonProps","_inputRef$current4","dropdown","MenuComponent","sizes","SIZES_MENU","tabIndex","secondary","elevated","disableAutoFocus","menuBackgroundColor","menuBorderColor","onFocus","_inputRef$current5","_inputRef$current6","DropdownMenuNoOptions","emptyMessage","emptyIcon","emptyIconProps","_objectSpread","MenuList","_option$status","optionSelected","includes","optionStatus","optionErrorStatus","optionSuccessStatus","_createElement","ListItem","danger","borderRadius","ellipsis","wordBreak","control","InputCheckbox","SIZES_CHECKBOX","checked","update","filter","indeterminate","MenuDivider","_option$status2","_inputRef$current7","SIZES","displayName"],"mappings":"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"}

package/components/Dropdown/DropdownMenuNoOptions.js

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

package/components/Dropdown/DropdownMenuNoOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuNoOptions.js","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = 'redo',\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            {...loadingIconProps}\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n          />\n        ) : (\n          <Icon\n            {...emptyIconProps}\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage && (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      )}\n      {!loading && emptyMessage && (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      )}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["DropdownMenuNoOptions","props","loadingIcon","_jsx","Styled.LoadingIconAnimated","emptyIcon","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","Styled.IconContainer","Icon","preset","name","undefined","icon","_objectSpread","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"mVAOMA,IAAAA,EAAyBC,IAC7B,IAAMC,YACJA,EAAcC,EAACC,EADX,IAAAC,UAEJA,EAAY,OAFRC,iBAGJA,EAAmB,GAHfC,eAIJA,EAAiB,GAJbC,QAKJA,EALIC,eAMJA,EANIC,aAOJA,GACET,EAEJ,OACEU,EAACC,EAAD,CAAAC,SACE,CAAAV,EAACW,EAAD,CAAAD,SAEIV,EAACY,EADFP,SAEOF,GADN,GAAA,CAEEU,OAAO,QACPC,KAA6B,iBAAhBf,EAA2BA,OAAcgB,EACtDC,KAA6B,iBAAhBjB,EAA2BA,OAAcgB,IAGxDE,EAAAA,EAAA,GACMb,GADN,GAAA,CAEES,OAAO,QACPC,KAA2B,iBAAdZ,EAAyBA,OAAAA,EACtCc,KAA2B,iBAAdd,EAAyBA,OAAAA,OAI3CG,GAAWC,GACVN,EAACkB,EAAD,CACEC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GATdjB,SAWGJ,KAGHD,GAAWE,GACXP,EAACkB,EAAD,CACEC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GATdjB,SAWGH"}

package/components/Dropdown/constants.js

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

package/components/Dropdown/constants.js.map

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

package/components/Dropdown/style.js

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

package/components/Dropdown/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\nimport type { DropdownInputPalette, StyledDropdownProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","componentId","props","opacity","paddingTop","label","labelPosition","concat","active","disabled","_props$palette$color","_props$palette$placeh","_props$palette$colorD","_props$palette$placeh2","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","spinAnimation","keyframes","IconContainer","div","ChevronIcon","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"kHAiBO,IAAMA,EAAQC,EAAOC,MAAMC,WAAgC,CAChEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KADpFF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,IAAA,KAGbO,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAAiC,YAAxBH,EAAMI,gBACvBH,EAAO,GAAAI,OAAML,EAAMM,OAAS,EAAI,GAChCJ,EAAa,SAGXF,EAAMG,OAAiC,QAAxBH,EAAMI,gBACvBF,EAAa,SAGXF,EAAMG,OAAiC,WAAxBH,EAAMI,gBACvBH,EAAO,GAAAI,OAAML,EAAMM,OAAS,EAAI,IAcrBL,yRAAAA,OAAAA,EACIC,0BAAAA,OAAAA,EACLF,qBAAAA,OAAAA,EAAMO,SAAW,cAAgB,UAb7C,yFAqBCP,IAAD,IAAAQ,EAAAC,EAAAC,EAAAC,EAAA,OAtDcC,EAuDL,CACPC,MAAK,QAAEb,EAAAA,EAAMY,QAAQC,aAAAA,IAAhBL,EAAAA,EAAyBR,EAAMc,MAAMC,OAAO,0BACjDC,iBAAgB,QAAEhB,EAAAA,EAAMY,QAAQI,wBAAhB,IAAAP,EAAAA,EAAoCT,EAAMc,MAAMC,OAAO,4BACvEE,cAAa,QAAEjB,EAAAA,EAAMY,QAAQK,yBAAhBP,EAAAA,EAAiCV,EAAMc,MAAMC,OAAO,oBACjEG,yBAAoElB,QAA1CA,EAAAA,EAAMY,QAAQM,gCAAAA,IAA4BlB,EAAAA,EAAAA,EAAMc,MAAMC,OAAO,0CA1DlFH,EAAQC,MAEND,sCAAAA,OAAAA,EAAQI,iBAHJ,uCAAAX,OAMJO,EAAQK,yEAGRL,EAAQM,yBATrB,YAAkBN,IAAAA,KA+DlB,IAAMO,EAAgBC,EAAtB,CAAA,oCAMaC,IAAAA,EAAgB5B,EAAO6B,IAAV3B,WAAA,CAAAI,YAAA,uBAAGN,CAAtB,CAAA,gGAQA,IAAM8B,EAAc9B,EAAO+B,GAAa7B,WAAmC,CAChFC,kBAAoBC,GAAwB,OAAZA,IADVF,WAAA,CAAAI,YAAA,uBAAGN,CAGtBO,CAAAA,GAAAA,KAAAA,GAImBA,gIAAAA,OAAAA,EAAMyB,GAAK,IAAM,EAJrC,mBAQSC,EAAsBjC,EAAOkC,GAAVhC,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,qCAAA,4BAEjB0B"}

package/components/Dropdown/utils.js

@@ -1 +1,2 @@
-'use strict';exports.getDropdownInputMultipleValue=r=>r?Array.isArray(r)?r.map((r=>r.value)):[r.value]:[],exports.getDropdownInputText=r=>r?Array.isArray(r)?r[0]?r[0].text:'':r.text:'',exports.getDropdownInputValue=r=>r?Array.isArray(r)?r[0]?r[0].value:'':r.value:'',exports.groupDropdownOptions=(r,e)=>r.reduce(((r,t)=>(r[e.includes(t.value)?0:1].push(t),r)),[[],[]]);
+var r=r=>r?Array.isArray(r)?r[0]?r[0].text:'':r.text:'';var a=r=>r?Array.isArray(r)?r[0]?r[0].value:'':r.value:'';var e=r=>r?Array.isArray(r)?r.map((r=>r.value)):[r.value]:[];var u=(r,a)=>r.reduce(((r,e)=>(r[a.includes(e.value)?0:1].push(e),r)),[[],[]]);export{e as getDropdownInputMultipleValue,r as getDropdownInputText,a as getDropdownInputValue,u as groupDropdownOptions};
+//# sourceMappingURL=utils.js.map

package/components/Dropdown/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option?: DropdownOption | DropdownOption[]): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["getDropdownInputText","option","Array","isArray","text","getDropdownInputValue","value","getDropdownInputMultipleValue","map","item","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"AAEaA,IAAAA,EAAwBC,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGG,KAAO,GAExDH,EAAOG,KAJM,GAOTC,IAAAA,EAAyBJ,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,GAOTC,IAAAA,EAAiCN,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOO,KAAKC,GAASA,EAAKH,QAAS,CAACL,EAAOK,OAFtD,OAKTI,EAAuB,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQb,KACPa,EAAOF,EAAsBG,SAASd,EAAOK,OAAS,EAAI,GAAGU,KAAKf,GAC3Da,IAET,CAAC,GAAI"}

package/components/FormInputLabel/FormInputLabel.js

@@ -1 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Spacer=require('../Spacer/Spacer.js');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const FormInputLabel=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:i="m",labelPosition:t="dynamic",textProps:s={},iconProps:n={},icon:a,input:o,label:c,text:p,controls:l,addon:d,dropdown:u,...x}=e;const[$,h]=Array.isArray(a)?a:[a];return require$$0.jsxs(style.Root,{...x,size:i,labelPosition:t,ref:r,children:[$&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginRight:12,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof $=='string'?$:void 0,icon:typeof $!='string'?$:void 0,...n})}),require$$0.jsxs(style.Label,{size:"inherit",color:"inherit",...s,children:[o,c&&require$$0.jsx(style.Caption,{children:c})]}),p&&require$$0.jsx(Text.Text,{size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:d||h||l?void 0:6,...s,children:p}),d&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:12,children:d}),h&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:12,marginRight:8,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,...n})}),l&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:4,children:l}),u&&require$$0.jsx(style.Dropdown,{children:u})]})})),{sizes:constants.SIZES,displayName:"FormInputLabel"});exports.COMPONENT_NAME="FormInputLabel",exports.FormInputLabel=FormInputLabel;
+import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as i}from'react';import{Text as o}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Spacer as a}from'../Spacer/Spacer.js';import{withMergedProps as n}from'../../hocs/withMergedProps.js';import{SIZES as s}from'./constants.js';import{Root as p,Label as l,Caption as m,Dropdown as c}from'./style.js';import{jsxs as d,jsx as f}from'react/jsx-runtime';var h=["size","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown"];var b='FormInputLabel';var g=n(i(((i,n)=>{var{size:s="m",labelPosition:b="dynamic",textProps:g={},iconProps:x={},icon:y,input:j,label:P,text:u,controls:v,addon:w,dropdown:I}=i,L=e(i,h);var[S,z]=Array.isArray(y)?y:[y];return d(p,r(r({},L),{},{size:s,labelPosition:b,ref:n,children:[S&&f(a,{display:"flex",marginRight:12,children:f(t,r({preset:"brand",name:'string'==typeof S?S:void 0,icon:'string'!=typeof S?S:void 0},x))}),d(l,r(r({size:"inherit",color:"inherit"},g),{},{children:[j,P&&f(m,{children:P})]})),u&&f(o,r(r({size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:w||z||v?void 0:6},g),{},{children:u})),w&&f(a,{display:"flex",marginLeft:12,children:w}),z&&f(a,{display:"flex",marginLeft:12,marginRight:8,children:f(t,r({preset:"brand",name:'string'==typeof z?z:void 0,icon:'string'!=typeof z?z:void 0},x))}),v&&f(a,{display:"flex",marginLeft:4,children:v}),I&&f(c,{children:I})]}))})),{sizes:s,displayName:"FormInputLabel"});export{b as COMPONENT_NAME,g as FormInputLabel};
+//# sourceMappingURL=FormInputLabel.js.map

package/components/FormInputLabel/FormInputLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInputLabel.js","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      labelPosition = 'dynamic',\n      textProps = {},\n      iconProps = {},\n      icon,\n      input,\n      label,\n      text,\n      controls,\n      addon,\n      dropdown,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    return (\n      <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n        {before && (\n          <Spacer display='flex' marginRight={12}>\n            <Icon\n              preset='brand'\n              name={typeof before === 'string' ? before : undefined}\n              icon={typeof before !== 'string' ? before : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        <Styled.Label size='inherit' color='inherit' {...textProps}>\n          {input}\n          {label && <Styled.Caption>{label}</Styled.Caption>}\n        </Styled.Label>\n        {text && (\n          <Text\n            size='inherit'\n            color='inherit'\n            whiteSpace='nowrap'\n            marginLeft={12}\n            marginRight={!addon && !after && !controls ? 6 : undefined}\n            {...textProps}\n          >\n            {text}\n          </Text>\n        )}\n        {addon && (\n          <Spacer display='flex' marginLeft={12}>\n            {addon}\n          </Spacer>\n        )}\n        {after && (\n          <Spacer display='flex' marginLeft={12} marginRight={8}>\n            <Icon\n              preset='brand'\n              name={typeof after === 'string' ? after : undefined}\n              icon={typeof after !== 'string' ? after : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        {controls && (\n          <Spacer display='flex' marginLeft={4}>\n            {controls}\n          </Spacer>\n        )}\n        {dropdown && <Styled.Dropdown>{dropdown}</Styled.Dropdown>}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormInputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown","restProps","_excluded","before","after","Array","isArray","_jsxs","Styled.Root","children","_jsx","Spacer","display","marginRight","Icon","_objectSpread","preset","name","undefined","Styled.Label","color","Styled.Caption","Text","whiteSpace","marginLeft","Styled.Dropdown","sizes","SIZES","displayName"],"mappings":"6nBASMA,IAAAA,EAAiB,iBAEjBC,IAAAA,EAAuEC,EAI3EC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,cAEJA,EAAgB,UAFZC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,KAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,KAQJA,EARIC,SASJA,EATIC,MAUJA,EAVIC,SAWJA,GAEEZ,EADCa,IACDb,EAbJc,GAeA,IAAOC,EAAQC,GAASC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAEtD,OACEa,EAACC,SAAgBP,GAAjB,GAAA,CAA4BX,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAA3EoB,SACGN,CAAAA,GACCO,EAACC,EAAD,CAAQC,QAAQ,OAAOC,YAAa,GAApCJ,SACEC,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAwB,iBAAXd,EAAsBA,OAAAA,EACnCT,KAAwB,iBAAXS,EAAsBA,OAASe,GACxCzB,MAIVc,EAACY,EAADJ,EAAAA,EAAA,CAAczB,KAAK,UAAU8B,MAAM,WAAc5B,GAAjD,GAAA,CAAAiB,SAAA,CACGd,EACAC,GAASc,EAACW,EAAD,CAAAZ,SAAiBb,QAE5BC,GACCa,EAACY,EAADP,EAAAA,EAAA,CACEzB,KAAK,UACL8B,MAAM,UACNG,WAAW,SACXC,WAAY,GACZX,YAAcd,GAAUK,GAAUN,OAAeoB,EAAJ,GACzC1B,GANN,GAAA,CAAAiB,SAQGZ,KAGJE,GACCW,EAACC,EAAD,CAAQC,QAAQ,OAAOY,WAAY,GAAnCf,SACGV,IAGJK,GACCM,EAACC,EAAD,CAAQC,QAAQ,OAAOY,WAAY,GAAIX,YAAa,EAApDJ,SACEC,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAuB,iBAAVb,EAAqBA,SAClCV,KAAuB,iBAAVU,EAAqBA,OAAQc,GACtCzB,MAITK,GACCY,EAACC,EAAD,CAAQC,QAAQ,OAAOY,WAAY,EAAnCf,SACGX,IAGJE,GAAYU,EAACe,EAAD,CAAAhB,SAAkBT,WAIrC,CACE0B,MAAOC,EACPC,YA9EmB"}

package/components/FormInputLabel/constants.js

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

package/components/FormInputLabel/constants.js.map

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

package/components/FormInputLabel/style.js

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

package/components/FormInputLabel/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/FormInputLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { Text } from 'components/Text'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledFormInputLabelProps, FormInputLabelPalette } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'active',\n      'error',\n      'success',\n      'disabled',\n      'onColored',\n      'labelPosition',\n      'inline',\n      'zIndex',\n    ].includes(propKey)\n)\n\nexport const Label = styled(Text).attrs({ forwardedAs: 'label' })`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  align-self: stretch;\n  cursor: inherit;\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 40px;\n    height: 100%;\n    pointer-events: none;\n    opacity: 1;\n    background-image: linear-gradient(90deg, transparent, currentColor);\n    transition-property: color, opacity;\n  }\n`\n\nexport const Caption = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  transition-property: transform;\n`\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:focus-within {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  secondary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  primary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Dropdown = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  margin-top: 8px;\n`\n\nexport const Root = styled.div\n  .withConfig<StyledFormInputLabelProps>({\n    shouldForwardProp: shouldForwardFormInputLabelProp,\n  })\n  .attrs<StyledFormInputLabelProps>(<Required<Pick<StyledFormInputLabelProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.25em 0.6em 0.25em 1em',\n      minHeight: '3em',\n      borderRadius: '0.6em',\n    }),\n  })`\n  ${(props) => {\n    let transform = props.active ? 'scale(0.7) translateX(-21.5%) translateY(-145%)' : 'translateY(-50%)'\n    let opacity = '1'\n    let zIndex = 'auto'\n\n    if (props.labelPosition === 'top') {\n      transform = 'scale(0.7) translateX(-21.5%) translateY(-145%)'\n    }\n    if (props.labelPosition === 'center') {\n      transform = `translateY(-50%)`\n      opacity = props.active ? '0' : '1'\n      zIndex = props.active ? '-1' : 'auto'\n    }\n\n    const borderWidth = '1px'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      align-items: center;\n      min-width: min-content;\n      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${transform};\n        opacity: ${opacity};\n        z-index: ${zIndex};\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::after {\n        opacity: 0;\n      }\n    `\n  }}\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.secondary) schema = COLOR_SCHEMA.secondary\n    if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","Label","styled","Text","attrs","forwardedAs","withConfig","componentId","Caption","span","template","palette","concat","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","onColored","disabled","css","props","_objectSpread","theme","colors","transparent","error","success","default","tinycolor","darken","toString","secondary","primary","Dropdown","div","Root","shouldForwardProp","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","minHeight","borderRadius","_props$zIndex","transform","active","opacity","zIndex","labelPosition","borderWidth","inline","white","schema","responsiveSize","responsiveMargin"],"mappings":"4WASA,IAAMA,EAAkCC,GACrCC,IACE,CACC,UACA,YACA,SACA,QACA,UACA,WACA,YACA,gBACA,SACA,UACAC,SAASD,KAGR,IAAME,EAAQC,EAAOC,GAAMC,MAAM,CAAEC,YAAa,UAArCC,WAAA,CAAAC,YAAA,wBAAGL,CAAd,CAAA,wTAqBMM,IAAAA,EAAUN,EAAOO,KAAVH,WAAA,CAAAC,YAAA,wBAAGL,CAAhB,CAAA,mLAaP,IAAMQ,EAAYC,GAAD,cAAAC,OACND,EAAQE,wCACGF,EAAQG,gBACZH,uBAAAA,OAAAA,EAAQI,YAHT,+BAAAH,OAKJD,EAAQK,+CACGL,EAAQM,qBACZN,yBAAAA,OAAAA,EAAQO,iBAPX,2CAAAN,OAUJD,EAAQE,0CACGF,EAAQG,gBACZH,yBAAAA,OAAAA,EAAQI,YAZX,kBAAAH,OAcTX,EACKU,0BAAAA,OAAAA,EAAQG,gBAfrB,YAmBA,IAAMK,EAAe,CACnBC,UAAW,CACTC,SAAUC,EACLC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,oBAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,qBACpCX,YAAaQ,EAAME,MAAMC,OAAOC,YAChCX,WAAYO,EAAME,MAAMC,OAAO,oBAC/BT,qBAAsBM,EAAME,MAAMC,OAAO,qBACzCR,iBAAkBK,EAAME,MAAMC,OAAOC,aAClCJ,EAAMZ,YAGfiB,MAAON,EACFC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,4BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,sBACpCX,YAAaQ,EAAME,MAAMC,OAAO,sBAChCV,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,qBAAsBM,EAAME,MAAMC,OAAO,sBACzCR,iBAAkBK,EAAME,MAAMC,OAAO,uBAClCH,EAAMZ,YAGfkB,QAASP,EACJC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,4BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,wBACpCX,YAAaQ,EAAME,MAAMC,OAAO,wBAChCV,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,qBAAsBM,EAAME,MAAMC,OAAO,wBACzCR,iBAAkBK,EAAME,MAAMC,OAAO,yBAClCH,EAAMZ,YAGfmB,QAASR,EACJC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,4BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,qBACpCX,YAAaQ,EAAME,MAAMC,OAAO,+BAChCV,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,qBAAsBc,EAAUR,EAAME,MAAMC,OAAO,sBAAsBM,OAAO,GAAGC,WACnFf,iBAAkBK,EAAME,MAAMC,OAAO,gCAClCH,EAAMZ,aAIjBuB,UAAW,CACTb,SAAUC,EACLC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,oBAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,qBACpCX,YAAaQ,EAAME,MAAMC,OAAOC,YAChCX,WAAYO,EAAME,MAAMC,OAAO,oBAC/BT,qBAAsBM,EAAME,MAAMC,OAAO,qBACzCR,iBAAkBK,EAAME,MAAMC,OAAOC,aAClCJ,EAAMZ,YAGfiB,MAAON,EACFC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,4BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,sBACpCX,YAAaQ,EAAME,MAAMC,OAAO,sBAChCV,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,qBAAsBM,EAAME,MAAMC,OAAO,sBACzCR,iBAAkBK,EAAME,MAAMC,OAAO,uBAClCH,EAAMZ,YAGfkB,QAASP,EACJC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,4BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,wBACpCX,YAAaQ,EAAME,MAAMC,OAAO,wBAChCV,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,qBAAsBM,EAAME,MAAMC,OAAO,wBACzCR,iBAAkBK,EAAME,MAAMC,OAAO,yBAClCH,EAAMZ,YAGfmB,QAASR,EACJC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,4BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,uBACpCX,YAAaQ,EAAME,MAAMC,OAAO,+BAChCV,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,qBAAsBc,EAAUR,EAAME,MAAMC,OAAO,wBAAwBM,OAAO,GAAGC,WACrFf,iBAAkBK,EAAME,MAAMC,OAAO,gCAClCH,EAAMZ,aAIjBwB,QAAS,CACPd,SAAUC,EACLC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,oBAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,qBACpCX,YAAaQ,EAAME,MAAMC,OAAOC,YAChCX,WAAYO,EAAME,MAAMC,OAAO,oBAC/BT,qBAAsBM,EAAME,MAAMC,OAAO,qBACzCR,iBAAkBK,EAAME,MAAMC,OAAOC,aAClCJ,EAAMZ,YAGfiB,MAAON,EACFC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,4BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,sBACpCX,YAAaQ,EAAME,MAAMC,OAAO,sBAChCV,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,qBAAsBM,EAAME,MAAMC,OAAO,sBACzCR,iBAAkBK,EAAME,MAAMC,OAAO,uBAClCH,EAAMZ,YAGfkB,QAASP,EACJC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,4BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,wBACpCX,YAAaQ,EAAME,MAAMC,OAAO,wBAChCV,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,qBAAsBM,EAAME,MAAMC,OAAO,wBACzCR,iBAAkBK,EAAME,MAAMC,OAAO,yBAClCH,EAAMZ,YAGfmB,QAASR,EACJC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNX,MAAOU,EAAME,MAAMC,OAAO,4BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,qBACpCX,YAAaQ,EAAME,MAAMC,OAAO,+BAChCV,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,qBAAsBc,EAAUR,EAAME,MAAMC,OAAO,sBAAsBM,OAAO,GAAGC,WACnFf,iBAAkBK,EAAME,MAAMC,OAAO,gCAClCH,EAAMZ,cAMNyB,IAAAA,EAAWlC,EAAOmC,IAAV/B,WAAA,CAAAC,YAAA,wBAAGL,CAAjB,CAAA,qEAOA,IAAMoC,EAAOpC,EAAOmC,IACxB/B,WAAsC,CACrCiC,kBAAmB1C,IAEpBO,MAAsG,CACrGoC,uBAAwB,CAACC,EAAMC,KAAe,CAC5CC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,QAAS,0BACTC,UAAW,MACXC,aAAc,YATHxC,WAAA,CAAAC,YAAA,wBAAGL,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,KAYZqB,IAAU,IAAAwB,EACX,IAAIC,EAAYzB,EAAM0B,OAAS,kDAAoD,mBACnF,IAAIC,EAAU,IACd,IAAIC,EAAS,OAEe,QAAxB5B,EAAM6B,gBACRJ,EAAY,mDAEc,WAAxBzB,EAAM6B,gBACRJ,EAAA,mBACAE,EAAU3B,EAAM0B,OAAS,IAAM,IAC/BE,EAAS5B,EAAM0B,OAAS,KAAO,QAGjC,IAAMI,EAAc,MAEpB,MAAA,yGAAAzC,OAIaW,EAAM+B,OAAS,cAAgB,OAJ5C,qBAAA1C,OAKYW,EAAMF,SAAW,cAAgB,UAGjCgC,gFAAAA,OAAAA,EACC9B,wCAAAA,OAAgB,QAAhBA,EAAAA,EAAM4B,cAAU,IAAAJ,EAAAA,EAAA,OAGrBX,iEAAAA,OAAAA,EACMiB,wBAAAA,OAAAA,EACDA,sBAAAA,OAAAA,+CAILpD,EAlBR,wBAAAW,OAmBQX,EAnBR,OAAAW,OAmBmBJ,EAnBnB,6GAAAI,OAwBQX,EAxBR,OAAAW,OAwBmBJ,EAxBnB,2BAAAI,OAyBiBoC,EAzBjB,wBAAApC,OA0BesC,EA1Bf,wBAAAtC,OA2BeuC,EA3Bf,wEAAAvC,OA+B4BW,EAAME,MAAMC,OAAO6B,MAAoBhC,gBAAAA,OAAAA,EAAME,MAAMC,OAAO,gBAKxEzB,yGAAAA,OAAAA,8CACOA,EArCrB,oDA0CCsB,IACD,IAAIiC,EAASrC,EAAagB,QAK1B,OAHIZ,EAAMW,YAAWsB,EAASrC,EAAae,WACvCX,EAAMH,YAAWoC,EAASrC,EAAaC,WAEvCG,EAAMF,SAAiBmC,EAAOnC,SAC9BE,EAAMK,MAAc4B,EAAO5B,MAC3BL,EAAMM,QAAgB2B,EAAO3B,QAE1B2B,EAAO1B,UAGd2B,EACAC"}

package/components/FormLabel/FormLabel.js

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

package/components/FormLabel/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * Component accepts all \\<label\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [FormLabelProps](https://github.com/foxford/ui/blob/master/src/components/FormLabel/types.ts)\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n        children,\n        control,\n        label,\n        palette,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const { textProps: hintTextProps = {}, iconProps: hintIconProps = {} } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} palette={palette} ref={ref}>\n          {typeof control === 'function'\n            ? control({\n                ...sizeProps,\n                ...stateProps,\n              })\n            : cloneElement(control, {\n                ...sizeProps,\n                ...stateProps,\n                ...elementProps,\n              })}\n          <Styled.Content>\n            <Text as='span' appearance='body' size='inherit' color='inherit' {...textProps}>\n              {label ?? children}\n            </Text>\n            {hint.text && (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                size={0.8}\n                sizeUnits='em'\n                marginTop={2}\n                {...hintTextProps}\n              >\n                {hint.text}\n              </Text>\n            )}\n          </Styled.Content>\n          {hint.buttonProps && (\n            <Styled.HintButton\n              {...hint.buttonProps}\n              disabled={stateProps.disabled || hint.buttonProps.disabled}\n              palette={palette}\n              type='button'\n            >\n              {hint.icon === undefined ? (\n                <Icon as='span' size={20} name='helpCircle' {...hintIconProps} />\n              ) : (\n                <Icon\n                  as='span'\n                  size={20}\n                  name={typeof hint.icon === 'string' ? hint.icon : undefined}\n                  icon={typeof hint.icon !== 'string' ? hint.icon : undefined}\n                  {...hintIconProps}\n                />\n              )}\n            </Styled.HintButton>\n          )}\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormLabel","withMergedProps","forwardRef","_ref","ref","size","textProps","hint","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","onColored","children","control","label","palette","props","_objectWithoutProperties","_excluded","sizeProps","stateProps","elementProps","hintTextProps","iconProps","hintIconProps","_jsxs","Styled.Root","_objectSpread","cloneElement","Styled.Content","_jsx","Text","as","appearance","color","text","sizeUnits","marginTop","buttonProps","Styled.HintButton","type","Icon","undefined","icon","name","displayName","sizes","SIZES"],"mappings":"spBAQMA,IAAAA,EAAiB,YAYjBC,IAAAA,EAA6DC,EACjEC,GACE,CAAAC,EAsBEC,KACG,IAtBHC,KACEA,EAAO,IADTC,UAEEA,EAAY,GAFdC,KAGEA,EAAO,GAHTC,QAIEA,EAJFC,OAKEA,EALFC,MAMEA,EANFC,MAOEA,EAPFC,MAQEA,EARFC,OASEA,EATFC,SAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,QAaEA,EAbFC,UAcEA,EAdFC,SAeEA,EAfFC,QAgBEA,EAhBFC,MAiBEA,EAjBFC,QAkBEA,GAICnB,EAHEoB,EAGFC,EAAArB,EAAAsB,GACH,IAAMC,EAAY,CAChBrB,KAAAA,EACAG,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,GAGF,IAAMc,EAAa,CACjBb,SAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,UAAAA,GAGF,IAAMU,EACe,iBAAZR,GAAiD,iBAAlBA,EAAQG,OAAwC,OAAlBH,EAAQG,MAAiBH,EAAQG,MAAQ,GAE/G,IAAQjB,UAAWuB,EAAgB,GAAIC,UAAWC,EAAgB,IAAOxB,EAEzE,OACEyB,EAACC,aAAgBV,GAAWG,GAAeC,GAA3C,GAAA,CAAuDL,QAASA,EAASlB,IAAKA,EAA9Ee,SACG,CAAmB,mBAAZC,EACJA,EAAOc,EAAAA,EAAA,GACFR,GACAC,IAELQ,EAAaf,EAADc,EAAAA,EAAAA,EAAA,GACPR,GACAC,GACAC,IAETI,EAACI,EAAD,CAAAjB,SAAA,CACEkB,EAACC,EAADJ,EAAAA,EAAA,CAAMK,GAAG,OAAOC,WAAW,OAAOnC,KAAK,UAAUoC,MAAM,WAAcnC,GAArE,GAAA,CAAAa,SACGE,MAAAA,EAAAA,EAASF,KAEXZ,EAAKmC,MACJL,EAACC,EAADJ,EAAAA,EAAA,CACEK,GAAG,OACHC,WAAW,UACXC,MAAOd,EAAWb,SAAW,mBAAqB,2BAClDT,KAAM,GACNsC,UAAU,KACVC,UAAW,GACPf,GAPN,GAAA,CAAAV,SASGZ,EAAKmC,WAIXnC,EAAKsC,aACJR,EAACS,EAADZ,EAAAA,EAAA,GACM3B,EAAKsC,aADX,GAAA,CAEE/B,SAAUa,EAAWb,UAAYP,EAAKsC,YAAY/B,SAClDQ,QAASA,EACTyB,KAAK,SAJP5B,SAOIkB,EAACW,EAADd,OADae,IAAd1C,EAAK2C,KACJ,CAAMX,GAAG,OAAOlC,KAAM,GAAI8C,KAAK,cAE/B,CACEZ,GAAG,OACHlC,KAAM,GACN8C,KAA2B,iBAAd5C,EAAK2C,KAAoB3C,EAAK2C,UAAOD,EAClDC,KAA2B,iBAAd3C,EAAK2C,KAAoB3C,EAAK2C,UAAOD,GANJlB,cAgB9D,CACEqB,YApHmB,YAqHnBC,MAAOC"}

package/components/FormLabel/constants.js

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

package/components/FormLabel/constants.js.map

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

package/components/FormLabel/style.js

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

package/components/FormLabel/style.js.map

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

package/components/Icon/Icon.js

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

package/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { SIZES } from './constants'\nimport { ICONS, ICONS_DEFAULT } from './icons'\nimport * as Styled from './style'\nimport type { IconProps } from './types'\n\nconst COMPONENT_NAME = 'Icon'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconProps](https://github.com/foxford/ui/blob/master/src/components/Icon/types.ts)\n */\nconst Icon: React.ForwardRefExoticComponent<IconProps> = withMergedProps<IconProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'inherit', name = 'unknown', icon, ...restProps } = props\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n\n    const Icon: React.FC | undefined = (restProps.preset === 'brand' ? ICONS : ICONS_DEFAULT)[name]\n\n    return (\n      <Styled.Root {...restProps} size={size} className={className} ref={ref}>\n        {Icon ? <Icon /> : icon}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Icon }\n"],"names":["Icon","withMergedProps","forwardRef","props","ref","size","name","icon","restProps","_excluded","className","useClassname","preset","ICONS","ICONS_DEFAULT","_jsx","Styled.Root","children","displayName","sizes","SIZES"],"mappings":"odAoBMA,IAAAA,EAAmDC,EACvDC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,UAATC,KAAoBA,EAAO,UAA3BC,KAAsCA,GAAuBJ,EAAdK,IAAcL,EAAnEM,GAEA,IAAMC,EAAYC,EAhBC,OAgB4BH,EAAUE,WAEzD,IAAMV,GAAmD,UAArBQ,EAAUI,OAAqBC,EAAQC,GAAeR,GAE1F,OACES,EAACC,SAAgBR,GAAjB,GAAA,CAA4BH,KAAMA,EAAMK,UAAWA,EAAWN,IAAKA,EAAnEa,SACGjB,EAAOe,EAACf,MAAUO,QAIzB,CACEW,YA3BmB,OA4BnBC,MAAOC"}

package/components/Icon/constants.js

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

package/components/Icon/constants.js.map

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