@foxford/ui 2.89.0-beta-f37e97a-20251217 → 2.89.0

package/components/InputCheckbox/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{hover}from'../../mixins/hover.mjs';import{CheckFill}from'../../icon-pack/src/icons/CheckFill/index.mjs';import{MinusFill}from'../../icon-pack/src/icons/MinusFill/index.mjs';const shouldForwardInputCheckboxProp=createShouldForwardProp((o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o)));const Input=styled.input.withConfig({displayName:"InputCheckbox__Input",componentId:"ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled.span.withConfig({displayName:"InputCheckbox__InputMask",componentId:"ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;"]);const InputChecked=styled(CheckFill).withConfig({displayName:"InputCheckbox__InputChecked",componentId:"ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);const InputIndeterminate=styled(MinusFill).withConfig({displayName:"InputCheckbox__InputIndeterminate",componentId:"ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n    color: ${o.color};\n  }\n  ${hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      color: ${o.colorHover};\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n    color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n    color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n    color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-error-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-error-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-success-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-success-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-brand-primary-basic']:o.colors['border-onmain-default-small'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['border-brand-primary'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['bg-brand-primary-basic'],borderColorChecked:o.colors['bg-brand-primary-basic'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))},contrast:{error:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['bg-brand-primary-basic'],backgroundColor:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-oncolor-primary']:o.colors['border-onmain-default-small'],colorHover:o.colors['bg-brand-primary-basic'],backgroundColorHover:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-oncolor-primary']:o.colors['border-brand-primary'],colorChecked:o.colors['bg-brand-primary-basic'],backgroundColorChecked:o.colors['bg-oncolor-primary'],borderColorChecked:o.colors['bg-oncolor-primary'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardInputCheckboxProp}).withConfig({displayName:"InputCheckbox__Root",componentId:"ui__sc-3ztnvc-4"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\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  `),(o=>{const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?r.error:o.success?r.success:r.default}),responsiveSize);export{Input,InputChecked,InputIndeterminate,InputMask,Root};
+import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{hover}from'../../mixins/hover.mjs';import SvgChecked from'./images/checked.svg.mjs';import SvgIndeterminate from'./images/indeterminate.svg.mjs';const shouldForwardInputCheckboxProp=createShouldForwardProp((o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o)));const Input=styled.input.withConfig({displayName:"InputCheckbox__Input",componentId:"ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled.span.withConfig({displayName:"InputCheckbox__InputMask",componentId:"ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;"]);const InputChecked=styled(SvgChecked).withConfig({displayName:"InputCheckbox__InputChecked",componentId:"ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);const InputIndeterminate=styled(SvgIndeterminate).withConfig({displayName:"InputCheckbox__InputIndeterminate",componentId:"ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n    color: ${o.color};\n  }\n  ${hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      color: ${o.colorHover};\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n    color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n    color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n    color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-error-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-error-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-success-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-success-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-brand-primary-basic']:o.colors['border-onmain-default-small'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['border-brand-primary'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['bg-brand-primary-basic'],borderColorChecked:o.colors['bg-brand-primary-basic'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))},contrast:{error:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['bg-brand-primary-basic'],backgroundColor:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-oncolor-primary']:o.colors['border-onmain-default-small'],colorHover:o.colors['bg-brand-primary-basic'],backgroundColorHover:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-oncolor-primary']:o.colors['border-brand-primary'],colorChecked:o.colors['bg-brand-primary-basic'],backgroundColorChecked:o.colors['bg-oncolor-primary'],borderColorChecked:o.colors['bg-oncolor-primary'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardInputCheckboxProp}).withConfig({displayName:"InputCheckbox__Root",componentId:"ui__sc-3ztnvc-4"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\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  `),(o=>{const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?r.error:o.success?r.success:r.default}),responsiveSize);export{Input,InputChecked,InputIndeterminate,InputMask,Root};
 //# sourceMappingURL=style.mjs.map

package/components/InputCheckbox/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { CheckFill, MinusFill } from '@foxford/icon-pack'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { hover } from 'mixins/hover'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n`\n\nexport const InputChecked = styled(CheckFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(MinusFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  ${hover(\n    `\n      background-color: ${palette.backgroundColorHover};\n      border-color: ${palette.borderColorHover};\n      color: ${palette.colorHover};\n    `,\n    `&:hover > ${InputMask}`\n  )}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  contrast: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span.withConfig<StyledInputCheckboxProps>({\n  shouldForwardProp: shouldForwardInputCheckboxProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\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  ${(props) => {\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","displayName","componentId","InputMask","span","InputChecked","CheckFill","InputIndeterminate","MinusFill","template","palette","backgroundColor","borderColor","color","hover","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","theme","indeterminate","colors","success","contrast","Root","shouldForwardProp","props","inline","disabled","white","schema","onColored","responsiveSize"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { hover } from 'mixins/hover'\nimport Checked from './images/checked.svg?module'\nimport Indeterminate from './images/indeterminate.svg?module'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n`\n\nexport const InputChecked = styled(Checked)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(Indeterminate)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  ${hover(\n    `\n      background-color: ${palette.backgroundColorHover};\n      border-color: ${palette.borderColorHover};\n      color: ${palette.colorHover};\n    `,\n    `&:hover > ${InputMask}`\n  )}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  contrast: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span.withConfig<StyledInputCheckboxProps>({\n  shouldForwardProp: shouldForwardInputCheckboxProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\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  ${(props) => {\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","displayName","componentId","InputMask","span","InputChecked","Checked","InputIndeterminate","Indeterminate","template","palette","backgroundColor","borderColor","color","hover","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","theme","indeterminate","colors","success","contrast","Root","shouldForwardProp","props","inline","disabled","white","schema","onColored","responsiveSize"],"mappings":"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"}

package/components/MenuContainer/MenuContainer.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var index=require('../../icon-pack/src/icons/Close/index.js');exports.MenuContainer=React.forwardRef(((e,s)=>{const{closeButtonProps:r={},children:n,showCloseButton:t,closeFn:i,...o}=e;return jsxRuntime.jsxs(style.Root,{...o,ref:s,children:[t?jsxRuntime.jsx(style.CloseButton,{square:!0,size:"m",icon:jsxRuntime.jsx(index.Close,{}),...r,onClick:e=>{i&&i(),r.onClick&&r.onClick(e)}}):null,n]})}));
+'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.MenuContainer=React.forwardRef(((e,s)=>{const{closeButtonProps:t={},children:r,showCloseButton:n,closeFn:o,...i}=e;return jsxRuntime.jsxs(style.Root,{...i,ref:s,children:[n?jsxRuntime.jsx(style.CloseButton,{square:!0,size:"m",icon:"close",...t,onClick:e=>{o&&o(),t.onClick&&t.onClick(e)}}):null,r]})}));
 //# sourceMappingURL=MenuContainer.js.map

package/components/MenuContainer/MenuContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn, ...restProps } = props\n\n  return (\n    <Styled.Root {...restProps} ref={ref}>\n      {showCloseButton ? (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon={<Close />}\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      ) : null}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","restProps","_jsxs","Styled","_jsx","jsx","square","size","icon","Close","onClick","evt"],"mappings":"wMAa2EA,MAAUA,YAGnF,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,KAAYC,GAAcN,EAEpF,OACEO,WAAAA,KAACC,MAAAA,KAAW,IAAKF,EAAWL,IAAKA,EAAIE,UAClCC,EACCK,WAAAC,IAACF,kBAAkB,CACjBG,QAAM,EACNC,KAAK,IACLC,KAAMJ,WAAAA,IAACK,MAAKA,aACRZ,EACJa,QAAUC,IACJX,GAASA,IACTH,EAAiBa,SAASb,EAAiBa,QAAQC,EAAI,IAG7D,KACHb,IACW"}
+{"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn, ...restProps } = props\n\n  return (\n    <Styled.Root {...restProps} ref={ref}>\n      {showCloseButton ? (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon='close'\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      ) : null}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","restProps","_jsxs","Styled","_jsx","jsx","square","size","icon","onClick","evt"],"mappings":"0IAY2EA,MAAUA,YAGnF,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,KAAYC,GAAcN,EAEpF,OACEO,WAAAA,KAACC,MAAAA,KAAW,IAAKF,EAAWL,IAAKA,EAAIE,UAClCC,EACCK,WAAAC,IAACF,kBAAkB,CACjBG,QAAM,EACNC,KAAK,IACLC,KAAK,WACDX,EACJY,QAAUC,IACJV,GAASA,IACTH,EAAiBY,SAASZ,EAAiBY,QAAQC,EAAI,IAG7D,KACHZ,IACW"}

package/components/MenuContainer/MenuContainer.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{Root,CloseButton}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const MenuContainer=forwardRef(((o,s)=>{const{closeButtonProps:e={},children:r,showCloseButton:n,closeFn:t,...i}=o;return jsxs(Root,{...i,ref:s,children:[n?jsx(CloseButton,{square:!0,size:"m",icon:jsx(Close,{}),...e,onClick:o=>{t&&t(),e.onClick&&e.onClick(o)}}):null,r]})}));export{MenuContainer};
+import{forwardRef}from'react';import{Root,CloseButton}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const MenuContainer=forwardRef(((o,e)=>{const{closeButtonProps:r={},children:t,showCloseButton:n,closeFn:s,...l}=o;return jsxs(Root,{...l,ref:e,children:[n?jsx(CloseButton,{square:!0,size:"m",icon:"close",...r,onClick:o=>{s&&s(),r.onClick&&r.onClick(o)}}):null,t]})}));export{MenuContainer};
 //# sourceMappingURL=MenuContainer.mjs.map

package/components/MenuContainer/MenuContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContainer.mjs","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn, ...restProps } = props\n\n  return (\n    <Styled.Root {...restProps} ref={ref}>\n      {showCloseButton ? (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon={<Close />}\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      ) : null}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["MenuContainer","forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","restProps","_jsxs","Styled","_jsx","square","size","icon","Close","onClick","evt"],"mappings":"6KAaMA,MAAAA,cAAqEC,YAGzE,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,KAAYC,GAAcN,EAEpF,OACEO,KAACC,KAAW,IAAKF,EAAWL,IAAKA,EAAIE,UAClCC,EACCK,IAACD,YAAkB,CACjBE,QAAM,EACNC,KAAK,IACLC,KAAMH,IAACI,aACHX,EACJY,QAAUC,IACJV,GAASA,IACTH,EAAiBY,SAASZ,EAAiBY,QAAQC,EAAI,IAG7D,KACHZ,IACW"}
+{"version":3,"file":"MenuContainer.mjs","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn, ...restProps } = props\n\n  return (\n    <Styled.Root {...restProps} ref={ref}>\n      {showCloseButton ? (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon='close'\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      ) : null}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["MenuContainer","forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","restProps","_jsxs","Styled","_jsx","square","size","icon","onClick","evt"],"mappings":"gHAYMA,MAAAA,cAAqEC,YAGzE,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,KAAYC,GAAcN,EAEpF,OACEO,KAACC,KAAW,IAAKF,EAAWL,IAAKA,EAAIE,UAClCC,EACCK,IAACD,YAAkB,CACjBE,QAAM,EACNC,KAAK,IACLC,KAAK,WACDV,EACJW,QAAUC,IACJT,GAASA,IACTH,EAAiBW,SAASX,EAAiBW,QAAQC,EAAI,IAG7D,KACHX,IACW"}

package/components/Modal/Close.js

@@ -1,2 +1,2 @@
-'use strict';var tinyCrossDefault=require('./images/tinyCrossDefault.svg.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');exports.ModalClose=({className:s,onClick:e})=>jsxRuntime.jsx(style.ModalClose,{className:s,onClick:e,children:jsxRuntime.jsx(Icon.Icon,{icon:jsxRuntime.jsx(tinyCrossDefault.default,{}),color:"#D9D9D9"})});
+'use strict';var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');exports.ModalClose=({className:e,onClick:s})=>jsxRuntime.jsx(style.ModalClose,{className:e,onClick:s,children:jsxRuntime.jsx(Icon.Icon,{name:"tinyCross",color:"#D9D9D9"})});
 //# sourceMappingURL=Close.js.map

package/components/Modal/Close.js.map

@@ -1 +1 @@
-{"version":3,"file":"Close.js","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport TinyCross from './images/tinyCrossDefault.svg?module'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon icon={<TinyCross />} color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["className","onClick","_jsx","Styled","children","jsx","Icon","icon","TinyCross","default","color"],"mappings":"iNASO,EAAoBA,UAAEA,EAASC,QAAEA,KAEpCC,WAAAA,IAACC,MAAAA,WAAiB,CAACH,UAAWA,EAAWC,QAASA,EAAQG,SACxDF,WAAAG,IAACC,UAAI,CAACC,KAAML,WAAAA,IAACM,iBAASC,YAAKC,MAAM"}
+{"version":3,"file":"Close.js","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon name='tinyCross' color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["className","onClick","_jsx","Styled","children","jsx","Icon","name","color"],"mappings":"gJAQO,EAAoBA,UAAEA,EAASC,QAAEA,KAEpCC,WAAAA,IAACC,MAAAA,WAAiB,CAACH,UAAWA,EAAWC,QAASA,EAAQG,SACxDF,WAAAG,IAACC,UAAI,CAACC,KAAK,YAAYC,MAAM"}

package/components/Modal/Close.mjs

@@ -1,2 +1,2 @@
-import SvgTinyCrossDefault from'./images/tinyCrossDefault.svg.mjs';import{ModalClose as ModalClose$1}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';function ModalClose({className:o,onClick:s}){return jsx(ModalClose$1,{className:o,onClick:s,children:jsx(Icon,{icon:jsx(SvgTinyCrossDefault,{}),color:"#D9D9D9"})})}export{ModalClose};
+import{ModalClose as ModalClose$1}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';function ModalClose({className:o,onClick:s}){return jsx(ModalClose$1,{className:o,onClick:s,children:jsx(Icon,{name:"tinyCross",color:"#D9D9D9"})})}export{ModalClose};
 //# sourceMappingURL=Close.mjs.map

package/components/Modal/Close.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Close.mjs","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport TinyCross from './images/tinyCrossDefault.svg?module'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon icon={<TinyCross />} color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["ModalClose","className","onClick","_jsx","Styled","children","Icon","icon","TinyCross","color"],"mappings":"6LASO,SAASA,YAAWC,UAAEA,EAASC,QAAEA,IACtC,OACEC,IAACC,aAAiB,CAACH,UAAWA,EAAWC,QAASA,EAAQG,SACxDF,IAACG,KAAI,CAACC,KAAMJ,IAACK,wBAAcC,MAAM,aAGvC"}
+{"version":3,"file":"Close.mjs","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon name='tinyCross' color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["ModalClose","className","onClick","_jsx","Styled","children","Icon","name","color"],"mappings":"0HAQO,SAASA,YAAWC,UAAEA,EAASC,QAAEA,IACtC,OACEC,IAACC,aAAiB,CAACH,UAAWA,EAAWC,QAASA,EAAQG,SACxDF,IAACG,KAAI,CAACC,KAAK,YAAYC,MAAM,aAGnC"}

package/components/Notification/Notification.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');var Anchor=require('../Anchor/Anchor.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/Close/index.js');var index$1=require('../../icon-pack/src/icons/InfoCircle/index.js');var index$2=require('../../icon-pack/src/icons/CloseCirlce/index.js');var index$3=require('../../icon-pack/src/icons/CheckCircle/index.js');var index$4=require('../../icon-pack/src/icons/WarningTriangle/index.js');const Notification=withMergedProps.withMergedProps(React.forwardRef(((e,n)=>{const{size:s="m",status:i="system",iconProps:r={},discardButtonProps:t={},titleProps:o={},textProps:c={},actionButtonProps:a={},anchorProps:x={},title:u,text:l,hideIcon:j,sizeXXS:d,sizeXS:p,sizeS:m,sizeM:h,sizeL:R,sizeXL:C,...I}=e;const k={size:s,sizeXXS:d,sizeXS:p,sizeS:m,sizeM:h,sizeL:R,sizeXL:C};const v={system:jsxRuntime.jsx(index$1.InfoCircle,{}),info:jsxRuntime.jsx(index$1.InfoCircle,{}),error:jsxRuntime.jsx(index$2.CloseCirlce,{}),success:jsxRuntime.jsx(index$3.CheckCircle,{}),warning:jsxRuntime.jsx(index$4.WarningTriangle,{})};return jsxRuntime.jsxs(style.Root,{...I,...k,status:i,ref:n,children:[!j&&jsxRuntime.jsx(style.Spacer,{children:jsxRuntime.jsx(Icon.Icon,{preset:"brand",icon:r.name||r.icon?void 0:v[i],sizes:constants.SIZES_ICON,...k,...r})}),jsxRuntime.jsxs(style.Container,{children:[jsxRuntime.jsxs(style.Content,{children:[u?jsxRuntime.jsx(Text.Text,{as:"p",appearance:"body",weight:700,wordBreak:"break-word",color:"content-onmain-primary",...k,...o,children:u}):null,l?jsxRuntime.jsx(Text.Text,{as:"p",appearance:"body",wordBreak:"break-word",color:"content-onmain-primary",marginTop:u?'0.2em':void 0,sizes:constants.SIZES_TEXT,...k,...c,children:l}):null]}),a.onClick||x.href||x.to?jsxRuntime.jsxs(style.Controls,{children:[a.onClick?jsxRuntime.jsx(Button.Button,{preset:"brand",black:!0,sizes:constants.SIZES_ACTION,...k,...a}):null,x.href||x.to?jsxRuntime.jsx(Anchor.Anchor,{preset:"brand",underline:!0,palette:{color:'content-onmain-primary'},textProps:{appearance:'body',wordBreak:'break-word'},marginLeft:a.onClick?'0.6em':void 0,...k,...x}):null]}):null]}),t.onClick?jsxRuntime.jsx(style.Spacer,{children:jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.Close,{}),square:!0,...k,...t})}):null]})})),{displayName:'Notification',sizes:constants.SIZES});exports.Notification=Notification;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');var Anchor=require('../Anchor/Anchor.js');var IconButton=require('../IconButton/IconButton.js');const Notification=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="m",status:n="system",iconProps:r={},discardButtonProps:o={},titleProps:i={},textProps:a={},actionButtonProps:c={},anchorProps:u={},title:l,text:x,hideIcon:j,sizeXXS:d,sizeXS:p,sizeS:m,sizeM:h,sizeL:z,sizeXL:I,...R}=e;const S={size:s,sizeXXS:d,sizeXS:p,sizeS:m,sizeM:h,sizeL:z,sizeXL:I};return jsxRuntime.jsxs(style.Root,{...R,...S,status:n,ref:t,children:[!j&&jsxRuntime.jsx(style.Spacer,{children:jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:constants.ICON_NAMES[n],sizes:constants.SIZES_ICON,...S,...r})}),jsxRuntime.jsxs(style.Container,{children:[jsxRuntime.jsxs(style.Content,{children:[l?jsxRuntime.jsx(Text.Text,{as:"p",appearance:"body",weight:700,wordBreak:"break-word",color:"content-onmain-primary",...S,...i,children:l}):null,x?jsxRuntime.jsx(Text.Text,{as:"p",appearance:"body",wordBreak:"break-word",color:"content-onmain-primary",marginTop:l?'0.2em':void 0,sizes:constants.SIZES_TEXT,...S,...a,children:x}):null]}),c.onClick||u.href||u.to?jsxRuntime.jsxs(style.Controls,{children:[c.onClick?jsxRuntime.jsx(Button.Button,{preset:"brand",black:!0,sizes:constants.SIZES_ACTION,...S,...c}):null,u.href||u.to?jsxRuntime.jsx(Anchor.Anchor,{preset:"brand",underline:!0,palette:{color:'content-onmain-primary'},textProps:{appearance:'body',wordBreak:'break-word'},marginLeft:c.onClick?'0.6em':void 0,...S,...u}):null]}):null]}),o.onClick?jsxRuntime.jsx(style.Spacer,{children:jsxRuntime.jsx(IconButton.IconButton,{icon:"close",square:!0,...S,...o})}):null]})})),{displayName:'Notification',sizes:constants.SIZES});exports.Notification=Notification;
 //# sourceMappingURL=Notification.js.map

package/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { InfoCircle, CloseCirlce, CheckCircle, WarningTriangle, Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { IconButton } from 'components/IconButton'\nimport { Button } from 'components/Button'\nimport { Anchor } from 'components/Anchor'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, SIZES_ACTION } from './constants'\nimport * as Styled from './style'\nimport type { NotificationProps, NotificationStatus } from './types'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Notification/types.ts).\n */\nconst Notification: React.ForwardRefExoticComponent<NotificationProps> = withMergedProps<\n  NotificationProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<NotificationProps>>((props, ref) => {\n    const {\n      size = 'm',\n      status = 'system',\n      iconProps = {},\n      discardButtonProps = {},\n      titleProps = {},\n      textProps = {},\n      actionButtonProps = {},\n      anchorProps = {},\n      title,\n      text,\n      hideIcon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const statusIcons: Record<NotificationStatus, JSX.Element> = {\n      system: <InfoCircle />,\n      info: <InfoCircle />,\n      error: <CloseCirlce />,\n      success: <CheckCircle />,\n      warning: <WarningTriangle />,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {!hideIcon && (\n          <Styled.Spacer>\n            <Icon\n              preset='brand'\n              icon={!iconProps.name && !iconProps.icon ? statusIcons[status] : undefined}\n              sizes={SIZES_ICON}\n              {...sizeProps}\n              {...iconProps}\n            />\n          </Styled.Spacer>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {title ? (\n              <Text\n                as='p'\n                appearance='body'\n                weight={700}\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                {...sizeProps}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : null}\n            {text ? (\n              <Text\n                as='p'\n                appearance='body'\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                marginTop={title ? '0.2em' : undefined}\n                sizes={SIZES_TEXT}\n                {...sizeProps}\n                {...textProps}\n              >\n                {text}\n              </Text>\n            ) : null}\n          </Styled.Content>\n          {actionButtonProps.onClick || anchorProps.href || anchorProps.to ? (\n            <Styled.Controls>\n              {actionButtonProps.onClick ? (\n                <Button preset='brand' black sizes={SIZES_ACTION} {...sizeProps} {...actionButtonProps} />\n              ) : null}\n              {anchorProps.href || anchorProps.to ? (\n                <Anchor\n                  preset='brand'\n                  underline\n                  palette={{\n                    color: 'content-onmain-primary',\n                  }}\n                  textProps={{\n                    appearance: 'body',\n                    wordBreak: 'break-word',\n                  }}\n                  marginLeft={actionButtonProps.onClick ? '0.6em' : undefined}\n                  {...sizeProps}\n                  {...anchorProps}\n                />\n              ) : null}\n            </Styled.Controls>\n          ) : null}\n        </Styled.Container>\n        {discardButtonProps.onClick ? (\n          <Styled.Spacer>\n            <IconButton icon={<Close />} square {...sizeProps} {...discardButtonProps} />\n          </Styled.Spacer>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Notification }\n"],"names":["Notification","withMergedProps","forwardRef","props","ref","size","status","iconProps","discardButtonProps","titleProps","textProps","actionButtonProps","anchorProps","title","text","hideIcon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","statusIcons","system","_jsx","InfoCircle","info","error","CloseCirlce","success","CheckCircle","warning","WarningTriangle","_jsxs","Styled","children","jsx","Icon","preset","icon","name","undefined","sizes","SIZES_ICON","jsxs","Text","as","appearance","weight","wordBreak","color","marginTop","SIZES_TEXT","onClick","href","to","Button","black","SIZES_ACTION","Anchor","underline","palette","marginLeft","IconButton","Close","square","displayName","SIZES"],"mappings":"owBAyBMA,MAAAA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,UACjBA,EAAY,CAAE,EAAAC,mBACdA,EAAqB,CAAE,EAAAC,WACvBA,EAAa,CAAE,EAAAC,UACfA,EAAY,CAAE,EAAAC,kBACdA,EAAoB,CAAE,EAAAC,YACtBA,EAAc,CAAE,EAAAC,MAChBA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDnB,EAEJ,MAAMoB,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuD,CAC3DC,OAAQC,WAAAA,IAACC,QAAUA,eACnBC,KAAMF,WAAAA,IAACC,QAAUA,eACjBE,MAAOH,WAAAA,IAACI,QAAWA,gBACnBC,QAASL,WAAAA,IAACM,QAAWA,gBACrBC,QAASP,WAAAA,IAACQ,QAAeA,gBAAE,KAG7B,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKd,KAAeC,EAAWjB,OAAQA,EAAQF,IAAKA,EAAIiC,SAAA,EAChEtB,GACAW,WAAAA,IAACU,MAAAA,OAAa,CAAAC,SACZX,WAAAY,IAACC,UAAI,CACHC,OAAO,QACPC,KAAOlC,EAAUmC,MAASnC,EAAUkC,UAA6BE,EAAtBnB,EAAYlB,GACvDsC,MAAOC,UAAWA,cACdtB,KACAhB,MAIV4B,WAAAW,KAACV,gBAAgB,CAAAC,SACfF,CAAAA,WAAAW,KAACV,cAAc,CAAAC,SACZxB,CAAAA,EACCa,WAAAY,IAACS,UAAI,CACHC,GAAG,IACHC,WAAW,OACXC,OAAQ,IACRC,UAAU,aACVC,MAAM,4BACF7B,KACAd,EAAU4B,SAEbxB,IAED,KACHC,EACCY,WAAAA,IAACqB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXE,UAAU,aACVC,MAAM,yBACNC,UAAWxC,EAAQ,aAAU8B,EAC7BC,MAAOU,UAAWA,cACd/B,KACAb,EAAS2B,SAEZvB,IAED,QAELH,EAAkB4C,SAAW3C,EAAY4C,MAAQ5C,EAAY6C,GAC5DtB,WAAAW,KAACV,eAAe,CAAAC,UACb1B,EAAkB4C,QACjB7B,WAAAA,IAACgC,OAAAA,OAAM,CAAClB,OAAO,QAAQmB,OAAK,EAACf,MAAOgB,UAAaA,gBAAKrC,KAAeZ,IACnE,KACHC,EAAY4C,MAAQ5C,EAAY6C,GAC/B/B,WAAAY,IAACuB,cAAM,CACLrB,OAAO,QACPsB,WAAS,EACTC,QAAS,CACPX,MAAO,0BAET1C,UAAW,CACTuC,WAAY,OACZE,UAAW,cAEba,WAAYrD,EAAkB4C,QAAU,aAAUZ,KAC9CpB,KACAX,IAEJ,QAEJ,QAELJ,EAAmB+C,QAClB7B,WAAAA,IAACU,MAAAA,OAAa,CAAAC,SACZX,WAAAY,IAAC2B,sBAAU,CAACxB,KAAMf,WAAAA,IAACwC,MAAKA,UAAKC,QAAM,KAAK5C,KAAef,MAEvD,OACQ,IAGlB,CACE4D,YApImB,eAqInBxB,MAAOyB,UAAAA"}
+{"version":3,"file":"Notification.js","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { IconButton } from 'components/IconButton'\nimport { Button } from 'components/Button'\nimport { Anchor } from 'components/Anchor'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, ICON_NAMES, SIZES_ACTION } from './constants'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Notification/types.ts).\n */\nconst Notification: React.ForwardRefExoticComponent<NotificationProps> = withMergedProps<\n  NotificationProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<NotificationProps>>((props, ref) => {\n    const {\n      size = 'm',\n      status = 'system',\n      iconProps = {},\n      discardButtonProps = {},\n      titleProps = {},\n      textProps = {},\n      actionButtonProps = {},\n      anchorProps = {},\n      title,\n      text,\n      hideIcon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {!hideIcon && (\n          <Styled.Spacer>\n            <Icon preset='brand' name={ICON_NAMES[status]} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n          </Styled.Spacer>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {title ? (\n              <Text\n                as='p'\n                appearance='body'\n                weight={700}\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                {...sizeProps}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : null}\n            {text ? (\n              <Text\n                as='p'\n                appearance='body'\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                marginTop={title ? '0.2em' : undefined}\n                sizes={SIZES_TEXT}\n                {...sizeProps}\n                {...textProps}\n              >\n                {text}\n              </Text>\n            ) : null}\n          </Styled.Content>\n          {actionButtonProps.onClick || anchorProps.href || anchorProps.to ? (\n            <Styled.Controls>\n              {actionButtonProps.onClick ? (\n                <Button preset='brand' black sizes={SIZES_ACTION} {...sizeProps} {...actionButtonProps} />\n              ) : null}\n              {anchorProps.href || anchorProps.to ? (\n                <Anchor\n                  preset='brand'\n                  underline\n                  palette={{\n                    color: 'content-onmain-primary',\n                  }}\n                  textProps={{\n                    appearance: 'body',\n                    wordBreak: 'break-word',\n                  }}\n                  marginLeft={actionButtonProps.onClick ? '0.6em' : undefined}\n                  {...sizeProps}\n                  {...anchorProps}\n                />\n              ) : null}\n            </Styled.Controls>\n          ) : null}\n        </Styled.Container>\n        {discardButtonProps.onClick ? (\n          <Styled.Spacer>\n            <IconButton icon='close' square {...sizeProps} {...discardButtonProps} />\n          </Styled.Spacer>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Notification }\n"],"names":["Notification","withMergedProps","forwardRef","props","ref","size","status","iconProps","discardButtonProps","titleProps","textProps","actionButtonProps","anchorProps","title","text","hideIcon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsxs","Styled","children","_jsx","jsx","Icon","preset","name","ICON_NAMES","sizes","SIZES_ICON","jsxs","Text","as","appearance","weight","wordBreak","color","marginTop","undefined","SIZES_TEXT","onClick","href","to","Button","black","SIZES_ACTION","Anchor","underline","palette","marginLeft","IconButton","icon","square","displayName","SIZES"],"mappings":"2aAwBMA,MAAAA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,UACjBA,EAAY,CAAE,EAAAC,mBACdA,EAAqB,CAAE,EAAAC,WACvBA,EAAa,CAAE,EAAAC,UACfA,EAAY,CAAE,EAAAC,kBACdA,EAAoB,CAAE,EAAAC,YACtBA,EAAc,CAAE,EAAAC,MAChBA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDnB,EAEJ,MAAMoB,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,WAAAA,KAACC,MAAAA,KAAW,IAAKH,KAAeC,EAAWjB,OAAQA,EAAQF,IAAKA,EAAIsB,SAAA,EAChEX,GACAY,WAAAA,IAACF,MAAAA,OAAa,CAAAC,SACZC,WAAAC,IAACC,UAAI,CAACC,OAAO,QAAQC,KAAMC,UAAUA,WAAC1B,GAAS2B,MAAOC,UAAWA,cAAKX,KAAehB,MAGzFiB,WAAAW,KAACV,gBAAgB,CAAAC,SACfF,CAAAA,WAAAW,KAACV,cAAc,CAAAC,SACZb,CAAAA,EACCc,WAAAC,IAACQ,UAAI,CACHC,GAAG,IACHC,WAAW,OACXC,OAAQ,IACRC,UAAU,aACVC,MAAM,4BACFlB,KACAd,EAAUiB,SAEbb,IAED,KACHC,EACCa,WAAAA,IAACS,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXE,UAAU,aACVC,MAAM,yBACNC,UAAW7B,EAAQ,aAAU8B,EAC7BV,MAAOW,UAAWA,cACdrB,KACAb,EAASgB,SAEZZ,IAED,QAELH,EAAkBkC,SAAWjC,EAAYkC,MAAQlC,EAAYmC,GAC5DvB,WAAAW,KAACV,eAAe,CAAAC,UACbf,EAAkBkC,QACjBlB,WAAAA,IAACqB,OAAAA,OAAM,CAAClB,OAAO,QAAQmB,OAAK,EAAChB,MAAOiB,UAAaA,gBAAK3B,KAAeZ,IACnE,KACHC,EAAYkC,MAAQlC,EAAYmC,GAC/BpB,WAAAC,IAACuB,cAAM,CACLrB,OAAO,QACPsB,WAAS,EACTC,QAAS,CACPZ,MAAO,0BAET/B,UAAW,CACT4B,WAAY,OACZE,UAAW,cAEbc,WAAY3C,EAAkBkC,QAAU,aAAUF,KAC9CpB,KACAX,IAEJ,QAEJ,QAELJ,EAAmBqC,QAClBlB,WAAAA,IAACF,MAAAA,OAAa,CAAAC,SACZC,WAAAC,IAAC2B,sBAAU,CAACC,KAAK,QAAQC,QAAM,KAAKlC,KAAef,MAEnD,OACQ,IAGlB,CACEkD,YAtHmB,eAuHnBzB,MAAO0B,UAAAA"}

package/components/Notification/Notification.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON,SIZES_TEXT,SIZES_ACTION}from'./constants.mjs';import{Root,Spacer,Container,Content,Controls}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';import{InfoCircle}from'../../icon-pack/src/icons/InfoCircle/index.mjs';import{CloseCirlce}from'../../icon-pack/src/icons/CloseCirlce/index.mjs';import{CheckCircle}from'../../icon-pack/src/icons/CheckCircle/index.mjs';import{WarningTriangle}from'../../icon-pack/src/icons/WarningTriangle/index.mjs';const Notification=withMergedProps(forwardRef(((o,r)=>{const{size:e="m",status:n="system",iconProps:i={},discardButtonProps:s={},titleProps:t={},textProps:c={},actionButtonProps:a={},anchorProps:m={},title:l,text:p,hideIcon:d,sizeXXS:x,sizeXS:j,sizeS:C,sizeM:f,sizeL:I,sizeXL:S,...h}=o;const u={size:e,sizeXXS:x,sizeXS:j,sizeS:C,sizeM:f,sizeL:I,sizeXL:S};const k={system:jsx(InfoCircle,{}),info:jsx(InfoCircle,{}),error:jsx(CloseCirlce,{}),success:jsx(CheckCircle,{}),warning:jsx(WarningTriangle,{})};return jsxs(Root,{...h,...u,status:n,ref:r,children:[!d&&jsx(Spacer,{children:jsx(Icon,{preset:"brand",icon:i.name||i.icon?void 0:k[n],sizes:SIZES_ICON,...u,...i})}),jsxs(Container,{children:[jsxs(Content,{children:[l?jsx(Text,{as:"p",appearance:"body",weight:700,wordBreak:"break-word",color:"content-onmain-primary",...u,...t,children:l}):null,p?jsx(Text,{as:"p",appearance:"body",wordBreak:"break-word",color:"content-onmain-primary",marginTop:l?'0.2em':void 0,sizes:SIZES_TEXT,...u,...c,children:p}):null]}),a.onClick||m.href||m.to?jsxs(Controls,{children:[a.onClick?jsx(Button,{preset:"brand",black:!0,sizes:SIZES_ACTION,...u,...a}):null,m.href||m.to?jsx(Anchor,{preset:"brand",underline:!0,palette:{color:'content-onmain-primary'},textProps:{appearance:'body',wordBreak:'break-word'},marginLeft:a.onClick?'0.6em':void 0,...u,...m}):null]}):null]}),s.onClick?jsx(Spacer,{children:jsx(IconButton,{icon:jsx(Close,{}),square:!0,...u,...s})}):null]})})),{displayName:'Notification',sizes:SIZES});export{Notification};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,ICON_NAMES,SIZES_ICON,SIZES_TEXT,SIZES_ACTION}from'./constants.mjs';import{Root,Spacer,Container,Content,Controls}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{IconButton}from'../IconButton/IconButton.mjs';const Notification=withMergedProps(forwardRef(((o,r)=>{const{size:t="m",status:e="system",iconProps:n={},discardButtonProps:s={},titleProps:i={},textProps:c={},actionButtonProps:a={},anchorProps:m={},title:p,text:l,hideIcon:d,sizeXXS:S,sizeXS:x,sizeS:j,sizeM:I,sizeL:u,sizeXL:f,...h}=o;const z={size:t,sizeXXS:S,sizeXS:x,sizeS:j,sizeM:I,sizeL:u,sizeXL:f};return jsxs(Root,{...h,...z,status:e,ref:r,children:[!d&&jsx(Spacer,{children:jsx(Icon,{preset:"brand",name:ICON_NAMES[e],sizes:SIZES_ICON,...z,...n})}),jsxs(Container,{children:[jsxs(Content,{children:[p?jsx(Text,{as:"p",appearance:"body",weight:700,wordBreak:"break-word",color:"content-onmain-primary",...z,...i,children:p}):null,l?jsx(Text,{as:"p",appearance:"body",wordBreak:"break-word",color:"content-onmain-primary",marginTop:p?'0.2em':void 0,sizes:SIZES_TEXT,...z,...c,children:l}):null]}),a.onClick||m.href||m.to?jsxs(Controls,{children:[a.onClick?jsx(Button,{preset:"brand",black:!0,sizes:SIZES_ACTION,...z,...a}):null,m.href||m.to?jsx(Anchor,{preset:"brand",underline:!0,palette:{color:'content-onmain-primary'},textProps:{appearance:'body',wordBreak:'break-word'},marginLeft:a.onClick?'0.6em':void 0,...z,...m}):null]}):null]}),s.onClick?jsx(Spacer,{children:jsx(IconButton,{icon:"close",square:!0,...z,...s})}):null]})})),{displayName:'Notification',sizes:SIZES});export{Notification};
 //# sourceMappingURL=Notification.mjs.map

package/components/Notification/Notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { InfoCircle, CloseCirlce, CheckCircle, WarningTriangle, Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { IconButton } from 'components/IconButton'\nimport { Button } from 'components/Button'\nimport { Anchor } from 'components/Anchor'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, SIZES_ACTION } from './constants'\nimport * as Styled from './style'\nimport type { NotificationProps, NotificationStatus } from './types'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Notification/types.ts).\n */\nconst Notification: React.ForwardRefExoticComponent<NotificationProps> = withMergedProps<\n  NotificationProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<NotificationProps>>((props, ref) => {\n    const {\n      size = 'm',\n      status = 'system',\n      iconProps = {},\n      discardButtonProps = {},\n      titleProps = {},\n      textProps = {},\n      actionButtonProps = {},\n      anchorProps = {},\n      title,\n      text,\n      hideIcon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const statusIcons: Record<NotificationStatus, JSX.Element> = {\n      system: <InfoCircle />,\n      info: <InfoCircle />,\n      error: <CloseCirlce />,\n      success: <CheckCircle />,\n      warning: <WarningTriangle />,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {!hideIcon && (\n          <Styled.Spacer>\n            <Icon\n              preset='brand'\n              icon={!iconProps.name && !iconProps.icon ? statusIcons[status] : undefined}\n              sizes={SIZES_ICON}\n              {...sizeProps}\n              {...iconProps}\n            />\n          </Styled.Spacer>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {title ? (\n              <Text\n                as='p'\n                appearance='body'\n                weight={700}\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                {...sizeProps}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : null}\n            {text ? (\n              <Text\n                as='p'\n                appearance='body'\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                marginTop={title ? '0.2em' : undefined}\n                sizes={SIZES_TEXT}\n                {...sizeProps}\n                {...textProps}\n              >\n                {text}\n              </Text>\n            ) : null}\n          </Styled.Content>\n          {actionButtonProps.onClick || anchorProps.href || anchorProps.to ? (\n            <Styled.Controls>\n              {actionButtonProps.onClick ? (\n                <Button preset='brand' black sizes={SIZES_ACTION} {...sizeProps} {...actionButtonProps} />\n              ) : null}\n              {anchorProps.href || anchorProps.to ? (\n                <Anchor\n                  preset='brand'\n                  underline\n                  palette={{\n                    color: 'content-onmain-primary',\n                  }}\n                  textProps={{\n                    appearance: 'body',\n                    wordBreak: 'break-word',\n                  }}\n                  marginLeft={actionButtonProps.onClick ? '0.6em' : undefined}\n                  {...sizeProps}\n                  {...anchorProps}\n                />\n              ) : null}\n            </Styled.Controls>\n          ) : null}\n        </Styled.Container>\n        {discardButtonProps.onClick ? (\n          <Styled.Spacer>\n            <IconButton icon={<Close />} square {...sizeProps} {...discardButtonProps} />\n          </Styled.Spacer>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Notification }\n"],"names":["Notification","withMergedProps","forwardRef","props","ref","size","status","iconProps","discardButtonProps","titleProps","textProps","actionButtonProps","anchorProps","title","text","hideIcon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","statusIcons","system","_jsx","InfoCircle","info","error","CloseCirlce","success","CheckCircle","warning","WarningTriangle","_jsxs","Styled","children","Icon","preset","icon","name","undefined","sizes","SIZES_ICON","Text","as","appearance","weight","wordBreak","color","marginTop","SIZES_TEXT","onClick","href","to","Button","black","SIZES_ACTION","Anchor","underline","palette","marginLeft","IconButton","Close","square","displayName","SIZES"],"mappings":"4zBAyBMA,MAAAA,aAAmEC,gBAIvEC,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,UACjBA,EAAY,CAAE,EAAAC,mBACdA,EAAqB,CAAE,EAAAC,WACvBA,EAAa,CAAE,EAAAC,UACfA,EAAY,CAAE,EAAAC,kBACdA,EAAoB,CAAE,EAAAC,YACtBA,EAAc,CAAE,EAAAC,MAChBA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDnB,EAEJ,MAAMoB,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuD,CAC3DC,OAAQC,IAACC,eACTC,KAAMF,IAACC,eACPE,MAAOH,IAACI,gBACRC,QAASL,IAACM,gBACVC,QAASP,IAACQ,gBAAiB,KAG7B,OACEC,KAACC,KAAW,IAAKd,KAAeC,EAAWjB,OAAQA,EAAQF,IAAKA,EAAIiC,SAAA,EAChEtB,GACAW,IAACU,OAAa,CAAAC,SACZX,IAACY,KAAI,CACHC,OAAO,QACPC,KAAOjC,EAAUkC,MAASlC,EAAUiC,UAA6BE,EAAtBlB,EAAYlB,GACvDqC,MAAOC,cACHrB,KACAhB,MAIV4B,KAACC,UAAgB,CAAAC,SACfF,CAAAA,KAACC,QAAc,CAAAC,SACZxB,CAAAA,EACCa,IAACmB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,OAAQ,IACRC,UAAU,aACVC,MAAM,4BACF3B,KACAd,EAAU4B,SAEbxB,IAED,KACHC,EACCY,IAACmB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXE,UAAU,aACVC,MAAM,yBACNC,UAAWtC,EAAQ,aAAU6B,EAC7BC,MAAOS,cACH7B,KACAb,EAAS2B,SAEZvB,IAED,QAELH,EAAkB0C,SAAWzC,EAAY0C,MAAQ1C,EAAY2C,GAC5DpB,KAACC,SAAe,CAAAC,UACb1B,EAAkB0C,QACjB3B,IAAC8B,OAAM,CAACjB,OAAO,QAAQkB,OAAK,EAACd,MAAOe,gBAAkBnC,KAAeZ,IACnE,KACHC,EAAY0C,MAAQ1C,EAAY2C,GAC/B7B,IAACiC,OAAM,CACLpB,OAAO,QACPqB,WAAS,EACTC,QAAS,CACPX,MAAO,0BAETxC,UAAW,CACTqC,WAAY,OACZE,UAAW,cAEba,WAAYnD,EAAkB0C,QAAU,aAAUX,KAC9CnB,KACAX,IAEJ,QAEJ,QAELJ,EAAmB6C,QAClB3B,IAACU,OAAa,CAAAC,SACZX,IAACqC,WAAU,CAACvB,KAAMd,IAACsC,UAAUC,QAAM,KAAK1C,KAAef,MAEvD,OACQ,IAGlB,CACE0D,YApImB,eAqInBvB,MAAOwB"}
+{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { IconButton } from 'components/IconButton'\nimport { Button } from 'components/Button'\nimport { Anchor } from 'components/Anchor'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, ICON_NAMES, SIZES_ACTION } from './constants'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Notification/types.ts).\n */\nconst Notification: React.ForwardRefExoticComponent<NotificationProps> = withMergedProps<\n  NotificationProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<NotificationProps>>((props, ref) => {\n    const {\n      size = 'm',\n      status = 'system',\n      iconProps = {},\n      discardButtonProps = {},\n      titleProps = {},\n      textProps = {},\n      actionButtonProps = {},\n      anchorProps = {},\n      title,\n      text,\n      hideIcon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {!hideIcon && (\n          <Styled.Spacer>\n            <Icon preset='brand' name={ICON_NAMES[status]} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n          </Styled.Spacer>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {title ? (\n              <Text\n                as='p'\n                appearance='body'\n                weight={700}\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                {...sizeProps}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : null}\n            {text ? (\n              <Text\n                as='p'\n                appearance='body'\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                marginTop={title ? '0.2em' : undefined}\n                sizes={SIZES_TEXT}\n                {...sizeProps}\n                {...textProps}\n              >\n                {text}\n              </Text>\n            ) : null}\n          </Styled.Content>\n          {actionButtonProps.onClick || anchorProps.href || anchorProps.to ? (\n            <Styled.Controls>\n              {actionButtonProps.onClick ? (\n                <Button preset='brand' black sizes={SIZES_ACTION} {...sizeProps} {...actionButtonProps} />\n              ) : null}\n              {anchorProps.href || anchorProps.to ? (\n                <Anchor\n                  preset='brand'\n                  underline\n                  palette={{\n                    color: 'content-onmain-primary',\n                  }}\n                  textProps={{\n                    appearance: 'body',\n                    wordBreak: 'break-word',\n                  }}\n                  marginLeft={actionButtonProps.onClick ? '0.6em' : undefined}\n                  {...sizeProps}\n                  {...anchorProps}\n                />\n              ) : null}\n            </Styled.Controls>\n          ) : null}\n        </Styled.Container>\n        {discardButtonProps.onClick ? (\n          <Styled.Spacer>\n            <IconButton icon='close' square {...sizeProps} {...discardButtonProps} />\n          </Styled.Spacer>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Notification }\n"],"names":["Notification","withMergedProps","forwardRef","props","ref","size","status","iconProps","discardButtonProps","titleProps","textProps","actionButtonProps","anchorProps","title","text","hideIcon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsxs","Styled","children","_jsx","Icon","preset","name","ICON_NAMES","sizes","SIZES_ICON","Text","as","appearance","weight","wordBreak","color","marginTop","undefined","SIZES_TEXT","onClick","href","to","Button","black","SIZES_ACTION","Anchor","underline","palette","marginLeft","IconButton","icon","square","displayName","SIZES"],"mappings":"geAwBMA,MAAAA,aAAmEC,gBAIvEC,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,UACjBA,EAAY,CAAE,EAAAC,mBACdA,EAAqB,CAAE,EAAAC,WACvBA,EAAa,CAAE,EAAAC,UACfA,EAAY,CAAE,EAAAC,kBACdA,EAAoB,CAAE,EAAAC,YACtBA,EAAc,CAAE,EAAAC,MAChBA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDnB,EAEJ,MAAMoB,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,KAACC,KAAW,IAAKH,KAAeC,EAAWjB,OAAQA,EAAQF,IAAKA,EAAIsB,SAAA,EAChEX,GACAY,IAACF,OAAa,CAAAC,SACZC,IAACC,KAAI,CAACC,OAAO,QAAQC,KAAMC,WAAWzB,GAAS0B,MAAOC,cAAgBV,KAAehB,MAGzFiB,KAACC,UAAgB,CAAAC,SACfF,CAAAA,KAACC,QAAc,CAAAC,SACZb,CAAAA,EACCc,IAACO,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,OAAQ,IACRC,UAAU,aACVC,MAAM,4BACFhB,KACAd,EAAUiB,SAEbb,IAED,KACHC,EACCa,IAACO,KAAI,CACHC,GAAG,IACHC,WAAW,OACXE,UAAU,aACVC,MAAM,yBACNC,UAAW3B,EAAQ,aAAU4B,EAC7BT,MAAOU,cACHnB,KACAb,EAASgB,SAEZZ,IAED,QAELH,EAAkBgC,SAAW/B,EAAYgC,MAAQhC,EAAYiC,GAC5DrB,KAACC,SAAe,CAAAC,UACbf,EAAkBgC,QACjBhB,IAACmB,OAAM,CAACjB,OAAO,QAAQkB,OAAK,EAACf,MAAOgB,gBAAkBzB,KAAeZ,IACnE,KACHC,EAAYgC,MAAQhC,EAAYiC,GAC/BlB,IAACsB,OAAM,CACLpB,OAAO,QACPqB,WAAS,EACTC,QAAS,CACPZ,MAAO,0BAET7B,UAAW,CACT0B,WAAY,OACZE,UAAW,cAEbc,WAAYzC,EAAkBgC,QAAU,aAAUF,KAC9ClB,KACAX,IAEJ,QAEJ,QAELJ,EAAmBmC,QAClBhB,IAACF,OAAa,CAAAC,SACZC,IAAC0B,WAAU,CAACC,KAAK,QAAQC,QAAM,KAAKhC,KAAef,MAEnD,OACQ,IAGlB,CACEgD,YAtHmB,eAuHnBxB,MAAOyB"}

package/components/Notification/constants.js

@@ -1,2 +1,2 @@
-'use strict';var sizes=require('../Button/sizes.js');require('../Button/Button.js');const SIZES_ACTION={l:sizes.SIZES.l,m:sizes.SIZES.s,s:sizes.SIZES.s};exports.SIZES={l:{fontSize:20,padding:'0.8em 1em',borderRadius:12},m:{fontSize:16,padding:'0.8em 1em',borderRadius:10},s:{fontSize:12,padding:'0.8em 1em',borderRadius:8}},exports.SIZES_ACTION=SIZES_ACTION,exports.SIZES_ICON={l:{fontSize:28},m:{fontSize:24},s:{fontSize:20}},exports.SIZES_TEXT={l:{fontSize:18},m:{fontSize:16},s:{fontSize:14}};
+'use strict';var sizes=require('../Button/sizes.js');require('../Button/Button.js');const SIZES_ACTION={l:sizes.SIZES.l,m:sizes.SIZES.s,s:sizes.SIZES.s};exports.ICON_NAMES={system:'infoCircle',info:'infoCircle',error:'closeCirlce',success:'checkCircle',warning:'warningTriangle'},exports.SIZES={l:{fontSize:20,padding:'0.8em 1em',borderRadius:12},m:{fontSize:16,padding:'0.8em 1em',borderRadius:10},s:{fontSize:12,padding:'0.8em 1em',borderRadius:8}},exports.SIZES_ACTION=SIZES_ACTION,exports.SIZES_ICON={l:{fontSize:28},m:{fontSize:24},s:{fontSize:20}},exports.SIZES_TEXT={l:{fontSize:18},m:{fontSize:16},s:{fontSize:14}};
 //# sourceMappingURL=constants.js.map

package/components/Notification/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n  l: {\n    fontSize: 20,\n    padding: '0.8em 1em',\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    padding: '0.8em 1em',\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 12,\n    padding: '0.8em 1em',\n    borderRadius: 8,\n  },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n  l: { fontSize: 28 },\n  m: { fontSize: 24 },\n  s: { fontSize: 20 },\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n  l: { fontSize: 18 },\n  m: { fontSize: 16 },\n  s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n  l: SIZES_BUTTON.l,\n  m: SIZES_BUTTON.s,\n  s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES_ACTION","l","SIZES_BUTTON","SIZES","m","s","fontSize","padding","borderRadius"],"mappings":"oFAkCO,MAAMA,aAAwD,CACnEC,EAAGC,MAAYC,MAACF,EAChBG,EAAGF,MAAYC,MAACE,EAChBA,EAAGH,MAAYC,MAACE,iBAjC4C,CAC5DJ,EAAG,CACDK,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBJ,EAAG,CACDE,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBH,EAAG,CACDC,SAAU,GACVC,QAAS,YACTC,aAAc,yDAIiD,CACjEP,EAAG,CAAEK,SAAU,IACfF,EAAG,CAAEE,SAAU,IACfD,EAAG,CAAEC,SAAU,wBAGkD,CACjEL,EAAG,CAAEK,SAAU,IACfF,EAAG,CAAEE,SAAU,IACfD,EAAG,CAAEC,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { IconName } from 'components/Icon'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize, NotificationStatus } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n  l: {\n    fontSize: 20,\n    padding: '0.8em 1em',\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    padding: '0.8em 1em',\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 12,\n    padding: '0.8em 1em',\n    borderRadius: 8,\n  },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n  l: { fontSize: 28 },\n  m: { fontSize: 24 },\n  s: { fontSize: 20 },\n}\n\nexport const ICON_NAMES: Record<NotificationStatus, IconName> = {\n  system: 'infoCircle',\n  info: 'infoCircle',\n  error: 'closeCirlce',\n  success: 'checkCircle',\n  warning: 'warningTriangle',\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n  l: { fontSize: 18 },\n  m: { fontSize: 16 },\n  s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n  l: SIZES_BUTTON.l,\n  m: SIZES_BUTTON.s,\n  s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES_ACTION","l","SIZES_BUTTON","SIZES","m","s","system","info","error","success","warning","fontSize","padding","borderRadius"],"mappings":"oFA2CO,MAAMA,aAAwD,CACnEC,EAAGC,MAAYC,MAACF,EAChBG,EAAGF,MAAYC,MAACE,EAChBA,EAAGH,MAAYC,MAACE,sBAjB8C,CAC9DC,OAAQ,aACRC,KAAM,aACNC,MAAO,cACPC,QAAS,cACTC,QAAS,iCA7BmD,CAC5DT,EAAG,CACDU,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBT,EAAG,CACDO,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBR,EAAG,CACDM,SAAU,GACVC,QAAS,YACTC,aAAc,yDAIiD,CACjEZ,EAAG,CAAEU,SAAU,IACfP,EAAG,CAAEO,SAAU,IACfN,EAAG,CAAEM,SAAU,wBAWkD,CACjEV,EAAG,CAAEU,SAAU,IACfP,EAAG,CAAEO,SAAU,IACfN,EAAG,CAAEM,SAAU"}

package/components/Notification/constants.mjs

@@ -1,2 +1,2 @@
-import{SIZES as SIZES$1}from'../Button/sizes.mjs';import'../Button/Button.mjs';const SIZES={l:{fontSize:20,padding:'0.8em 1em',borderRadius:12},m:{fontSize:16,padding:'0.8em 1em',borderRadius:10},s:{fontSize:12,padding:'0.8em 1em',borderRadius:8}};const SIZES_ICON={l:{fontSize:28},m:{fontSize:24},s:{fontSize:20}};const SIZES_TEXT={l:{fontSize:18},m:{fontSize:16},s:{fontSize:14}};const SIZES_ACTION={l:SIZES$1.l,m:SIZES$1.s,s:SIZES$1.s};export{SIZES,SIZES_ACTION,SIZES_ICON,SIZES_TEXT};
+import{SIZES as SIZES$1}from'../Button/sizes.mjs';import'../Button/Button.mjs';const SIZES={l:{fontSize:20,padding:'0.8em 1em',borderRadius:12},m:{fontSize:16,padding:'0.8em 1em',borderRadius:10},s:{fontSize:12,padding:'0.8em 1em',borderRadius:8}};const SIZES_ICON={l:{fontSize:28},m:{fontSize:24},s:{fontSize:20}};const ICON_NAMES={system:'infoCircle',info:'infoCircle',error:'closeCirlce',success:'checkCircle',warning:'warningTriangle'};const SIZES_TEXT={l:{fontSize:18},m:{fontSize:16},s:{fontSize:14}};const SIZES_ACTION={l:SIZES$1.l,m:SIZES$1.s,s:SIZES$1.s};export{ICON_NAMES,SIZES,SIZES_ACTION,SIZES_ICON,SIZES_TEXT};
 //# sourceMappingURL=constants.mjs.map

package/components/Notification/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n  l: {\n    fontSize: 20,\n    padding: '0.8em 1em',\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    padding: '0.8em 1em',\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 12,\n    padding: '0.8em 1em',\n    borderRadius: 8,\n  },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n  l: { fontSize: 28 },\n  m: { fontSize: 24 },\n  s: { fontSize: 20 },\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n  l: { fontSize: 18 },\n  m: { fontSize: 16 },\n  s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n  l: SIZES_BUTTON.l,\n  m: SIZES_BUTTON.s,\n  s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES","l","fontSize","padding","borderRadius","m","s","SIZES_ICON","SIZES_TEXT","SIZES_ACTION","SIZES_BUTTON"],"mappings":"+EAIO,MAAMA,MAAiD,CAC5DC,EAAG,CACDC,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBC,EAAG,CACDH,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBE,EAAG,CACDJ,SAAU,GACVC,QAAS,YACTC,aAAc,IAIX,MAAMG,WAAsD,CACjEN,EAAG,CAAEC,SAAU,IACfG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,KAGV,MAAMM,WAAsD,CACjEP,EAAG,CAAEC,SAAU,IACfG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,KAGV,MAAMO,aAAwD,CACnER,EAAGS,QAAaT,EAChBI,EAAGK,QAAaJ,EAChBA,EAAGI,QAAaJ"}
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { IconName } from 'components/Icon'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize, NotificationStatus } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n  l: {\n    fontSize: 20,\n    padding: '0.8em 1em',\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    padding: '0.8em 1em',\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 12,\n    padding: '0.8em 1em',\n    borderRadius: 8,\n  },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n  l: { fontSize: 28 },\n  m: { fontSize: 24 },\n  s: { fontSize: 20 },\n}\n\nexport const ICON_NAMES: Record<NotificationStatus, IconName> = {\n  system: 'infoCircle',\n  info: 'infoCircle',\n  error: 'closeCirlce',\n  success: 'checkCircle',\n  warning: 'warningTriangle',\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n  l: { fontSize: 18 },\n  m: { fontSize: 16 },\n  s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n  l: SIZES_BUTTON.l,\n  m: SIZES_BUTTON.s,\n  s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES","l","fontSize","padding","borderRadius","m","s","SIZES_ICON","ICON_NAMES","system","info","error","success","warning","SIZES_TEXT","SIZES_ACTION","SIZES_BUTTON"],"mappings":"+EAKO,MAAMA,MAAiD,CAC5DC,EAAG,CACDC,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBC,EAAG,CACDH,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBE,EAAG,CACDJ,SAAU,GACVC,QAAS,YACTC,aAAc,IAIX,MAAMG,WAAsD,CACjEN,EAAG,CAAEC,SAAU,IACfG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,KAGV,MAAMM,WAAmD,CAC9DC,OAAQ,aACRC,KAAM,aACNC,MAAO,cACPC,QAAS,cACTC,QAAS,mBAGJ,MAAMC,WAAsD,CACjEb,EAAG,CAAEC,SAAU,IACfG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,KAGV,MAAMa,aAAwD,CACnEd,EAAGe,QAAaf,EAChBI,EAAGW,QAAaV,EAChBA,EAAGU,QAAaV"}

package/components/PopoverComponent/PopoverComponent.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var layouts=require('./layouts.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var AspectRatio=require('../AspectRatio/AspectRatio.js');var Skeleton=require('../Skeleton/Skeleton.js');var Badge=require('../Badge/Badge.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');var index=require('../../icon-pack/src/icons/Close/index.js');const PopoverComponent=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="s",layout:i="vertical",sizeXXS:n,sizeXS:o,sizeS:r,sizeM:a,sizeL:l,sizeXL:u,layoutXXS:c,layoutXS:d,layoutS:x,layoutM:j,layoutL:m,layoutXL:p,root:R,badge:y,caption:S,header:h,title:g,content:z,body:T,closeButton:f,media:E,footer:k,imgSrcVertical:B,imgSrcHorizontal:I,loading:b,palette:v,closeFn:w,...P}=e;const A={size:s,sizeXXS:n,sizeXS:o,sizeS:r,sizeM:a,sizeL:l,sizeXL:u};const L={layout:i,layoutXXS:c,layoutXS:d,layoutS:x,layoutM:j,layoutL:m,layoutXL:p};const X={...A,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:sizes.SIZES_HEADER_BADGE};const C={...A,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:sizes.SIZES_CAPTION};const V={...A,as:'h2',appearance:'subheading',color:'inherit',marginBottom:z?'0.4em':void 0,wordBreak:'break-word',sizes:sizes.SIZES_TITLE};const q={...A,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:sizes.SIZES_CONTENT};const _={...A,icon:jsxRuntime.jsx(index.Close,{}),square:!0,marginTop:10,marginRight:10,sizes:sizes.SIZES_CLOSE_BUTTON,onClick:()=>{typeof w=='function'&&w()}};return jsxRuntime.jsx(style.Root,{...P,...A,...L,layouts:layouts.LAYOUTS,palette:v,ref:t,children:React.isValidElement(R)?R:typeof R=='function'?R({badgeProps:X,captionProps:C,titleProps:V,contentProps:q,closeButtonProps:_}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[b||E||I?jsxRuntime.jsx(style.Media,{...L,layouts:layouts.VISIBILITY_HORIZONTAL,children:b?jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"1:1",width:"100%",children:jsxRuntime.jsx(Skeleton.Skeleton,{})}):React.isValidElement(E)?E:jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"1:1",width:"100%",children:jsxRuntime.jsx(style.Img,{src:I})})}):null,jsxRuntime.jsxs(style.Container,{children:[jsxRuntime.jsxs(style.Content,{children:[b?jsxRuntime.jsx(style.Header,{children:jsxRuntime.jsx(Skeleton.Skeleton,{width:"20%",children:jsxRuntime.jsx(Badge.Badge,{...X})})}):React.isValidElement(h)?h:typeof h=='function'?h({badgeProps:X,captionProps:C}):y||S?jsxRuntime.jsxs(style.Header,{children:[React.isValidElement(y)?y:typeof y=='function'?y(X):typeof y=='string'||typeof y=='number'?jsxRuntime.jsx(Badge.Badge,{...X,children:y}):null,React.isValidElement(S)?S:typeof S=='function'?S(C):typeof S=='string'||typeof S=='number'?jsxRuntime.jsx(Text.Text,{...C,children:S}):null]}):null,b||E||B?jsxRuntime.jsx(style.Media,{...L,layouts:layouts.VISIBILITY_VERTICAL,children:b?jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"16:9",width:"100%",children:jsxRuntime.jsx(Skeleton.Skeleton,{})}):React.isValidElement(E)?E:jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"16:9",width:"100%",children:jsxRuntime.jsx(style.Img,{src:B})})}):null,b?jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,children:jsxRuntime.jsx(Text.Text,{appearance:"subheading",marginBottom:"0.4em",sizes:sizes.SIZES_TITLE,...A})}),jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,width:"70%",children:jsxRuntime.jsx(Text.Text,{appearance:"body",marginBottom:"0.4em",sizes:sizes.SIZES_CONTENT,...A})}),jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,width:"50%",children:jsxRuntime.jsx(Text.Text,{appearance:"body",sizes:sizes.SIZES_CONTENT,...A})})]}):React.isValidElement(T)?T:typeof T=='function'?T({titleProps:V,contentProps:q}):g||z?jsxRuntime.jsxs("div",{children:[React.isValidElement(g)?g:typeof g=='function'?g(V):typeof g=='string'||typeof g=='number'?jsxRuntime.jsx(Text.Text,{...V,children:g}):null,React.isValidElement(z)?z:typeof z=='function'?z(q):typeof z=='string'||typeof z=='number'?jsxRuntime.jsx(Text.Text,{...q,children:z}):null]}):null]}),k?jsxRuntime.jsx(style.Footer,{children:b?jsxRuntime.jsx(Skeleton.Skeleton,{width:"100%",children:jsxRuntime.jsx(Button.Button,{preset:"brand",...A})}):React.isValidElement(k)?k:null}):null]}),f?jsxRuntime.jsx(style.ButtonPosition,{children:React.isValidElement(f)?f:typeof f=='function'?f(_):null}):null]})})})),{displayName:'PopoverComponent',sizes:sizes.SIZES});exports.PopoverComponent=PopoverComponent;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var layouts=require('./layouts.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var AspectRatio=require('../AspectRatio/AspectRatio.js');var Skeleton=require('../Skeleton/Skeleton.js');var Badge=require('../Badge/Badge.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');const PopoverComponent=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="s",layout:i="vertical",sizeXXS:n,sizeXS:o,sizeS:r,sizeM:a,sizeL:l,sizeXL:u,layoutXXS:c,layoutXS:d,layoutS:x,layoutM:j,layoutL:m,layoutXL:p,root:R,badge:y,caption:S,header:h,title:g,content:z,body:T,closeButton:f,media:E,footer:B,imgSrcVertical:k,imgSrcHorizontal:I,loading:b,palette:w,closeFn:v,...P}=e;const A={size:s,sizeXXS:n,sizeXS:o,sizeS:r,sizeM:a,sizeL:l,sizeXL:u};const L={layout:i,layoutXXS:c,layoutXS:d,layoutS:x,layoutM:j,layoutL:m,layoutXL:p};const X={...A,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:sizes.SIZES_HEADER_BADGE};const V={...A,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:sizes.SIZES_CAPTION};const C={...A,as:'h2',appearance:'subheading',color:'inherit',marginBottom:z?'0.4em':void 0,wordBreak:'break-word',sizes:sizes.SIZES_TITLE};const q={...A,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:sizes.SIZES_CONTENT};const _={...A,icon:'close',square:!0,marginTop:10,marginRight:10,sizes:sizes.SIZES_CLOSE_BUTTON,onClick:()=>{typeof v=='function'&&v()}};return jsxRuntime.jsx(style.Root,{...P,...A,...L,layouts:layouts.LAYOUTS,palette:w,ref:t,children:React.isValidElement(R)?R:typeof R=='function'?R({badgeProps:X,captionProps:V,titleProps:C,contentProps:q,closeButtonProps:_}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[b||E||I?jsxRuntime.jsx(style.Media,{...L,layouts:layouts.VISIBILITY_HORIZONTAL,children:b?jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"1:1",width:"100%",children:jsxRuntime.jsx(Skeleton.Skeleton,{})}):React.isValidElement(E)?E:jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"1:1",width:"100%",children:jsxRuntime.jsx(style.Img,{src:I})})}):null,jsxRuntime.jsxs(style.Container,{children:[jsxRuntime.jsxs(style.Content,{children:[b?jsxRuntime.jsx(style.Header,{children:jsxRuntime.jsx(Skeleton.Skeleton,{width:"20%",children:jsxRuntime.jsx(Badge.Badge,{...X})})}):React.isValidElement(h)?h:typeof h=='function'?h({badgeProps:X,captionProps:V}):y||S?jsxRuntime.jsxs(style.Header,{children:[React.isValidElement(y)?y:typeof y=='function'?y(X):typeof y=='string'||typeof y=='number'?jsxRuntime.jsx(Badge.Badge,{...X,children:y}):null,React.isValidElement(S)?S:typeof S=='function'?S(V):typeof S=='string'||typeof S=='number'?jsxRuntime.jsx(Text.Text,{...V,children:S}):null]}):null,b||E||k?jsxRuntime.jsx(style.Media,{...L,layouts:layouts.VISIBILITY_VERTICAL,children:b?jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"16:9",width:"100%",children:jsxRuntime.jsx(Skeleton.Skeleton,{})}):React.isValidElement(E)?E:jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"16:9",width:"100%",children:jsxRuntime.jsx(style.Img,{src:k})})}):null,b?jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,children:jsxRuntime.jsx(Text.Text,{appearance:"subheading",marginBottom:"0.4em",sizes:sizes.SIZES_TITLE,...A})}),jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,width:"70%",children:jsxRuntime.jsx(Text.Text,{appearance:"body",marginBottom:"0.4em",sizes:sizes.SIZES_CONTENT,...A})}),jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,width:"50%",children:jsxRuntime.jsx(Text.Text,{appearance:"body",sizes:sizes.SIZES_CONTENT,...A})})]}):React.isValidElement(T)?T:typeof T=='function'?T({titleProps:C,contentProps:q}):g||z?jsxRuntime.jsxs("div",{children:[React.isValidElement(g)?g:typeof g=='function'?g(C):typeof g=='string'||typeof g=='number'?jsxRuntime.jsx(Text.Text,{...C,children:g}):null,React.isValidElement(z)?z:typeof z=='function'?z(q):typeof z=='string'||typeof z=='number'?jsxRuntime.jsx(Text.Text,{...q,children:z}):null]}):null]}),B?jsxRuntime.jsx(style.Footer,{children:b?jsxRuntime.jsx(Skeleton.Skeleton,{width:"100%",children:jsxRuntime.jsx(Button.Button,{preset:"brand",...A})}):React.isValidElement(B)?B:null}):null]}),f?jsxRuntime.jsx(style.ButtonPosition,{children:React.isValidElement(f)?f:typeof f=='function'?f(_):null}):null]})})})),{displayName:'PopoverComponent',sizes:sizes.SIZES});exports.PopoverComponent=PopoverComponent;
 //# sourceMappingURL=PopoverComponent.js.map

package/components/PopoverComponent/PopoverComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","_jsx","Close","square","marginTop","SIZES_CLOSE_BUTTON","onClick","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","jsxs","_Fragment","VISIBILITY_HORIZONTAL","jsx","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}
+{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: 'close',\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","square","marginTop","SIZES_CLOSE_BUTTON","onClick","_jsx","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","jsxs","_Fragment","VISIBILITY_HORIZONTAL","jsx","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"mdAkBMA,MAAAA,iBAA2EC,gBAAAA,gBAI/EC,MAAAA,YAA+D,CAACC,EAAOC,KACrE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,WAAUC,QACnBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,KACRA,EAAIC,MACJA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,KACPA,EAAIC,YACJA,EAAWC,MACXA,EAAKC,OACLA,EAAMC,eACNA,EAAcC,iBACdA,EAAgBC,QAChBA,EAAOC,QACPA,EAAOC,QACPA,KACGC,GACD/B,EAEJ,MAAMgC,EAAY,CAChB9B,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMwB,EAAc,CAClB9B,SACAO,YACAC,WACAC,UACAC,UACAC,UACAC,YAGF,MAAMmB,EAAyB,IAC1BF,EACHG,aAAc,EACdC,YAAa,GACbC,oBAAoB,EACpBC,MAAOC,MAAAA,oBAGT,MAAMC,EAA0B,IAC3BR,EACHS,GAAI,OACJC,WAAY,UACZC,MAAO,0BACPC,OAAQ,IACRC,UAAW,aACXP,MAAOQ,MAAAA,eAGT,MAAMC,EAAwB,IACzBf,EACHS,GAAI,KACJC,WAAY,aACZC,MAAO,UACPK,aAAc3B,EAAU,aAAU4B,EAClCJ,UAAW,aACXP,MAAOY,MAAAA,aAGT,MAAMC,EAA0B,IAC3BnB,EACHS,GAAI,IACJC,WAAY,OACZC,MAAO,UACPE,UAAW,aACXP,MAAOc,MAAAA,eAGT,MAAMC,EAAoC,IACrCrB,EACHsB,KAAM,QACNC,QAAQ,EACRC,UAAW,GACXpB,YAAa,GACbE,MAAOmB,MAAkBA,mBACzBC,QAASA,YACI5B,GAAY,YAAYA,GAAS,GAIhD,OACE6B,WAAAA,IAACC,MAAAA,KAAW,IAAK7B,KAAeC,KAAeC,EAAa4B,QAASC,QAAQA,QAACjC,QAASA,EAAS5B,IAAKA,EAAI8D,SACtGC,MAAcA,eAAChD,GACdA,SACSA,GAAS,WAClBA,EAAK,CACHkB,aACAM,eACAO,aACAI,eACAE,qBAGFY,WAAAC,KAAAC,oBAAA,CAAAJ,SAAA,CACGnC,GAAWJ,GAASG,EACnBgC,WAAAA,IAACC,MAAAA,MAAY,IAAK3B,EAAa4B,QAASO,QAAsBA,sBAAAL,SAC3DnC,EACC+B,WAAAU,IAACC,wBAAW,CAACC,MAAM,MAAMC,MAAM,OAAMT,SACnCJ,WAAAA,IAACc,SAAQA,SAAE,MAEXT,MAAcA,eAACxC,GACjBA,EAEAmC,WAAAA,IAACW,YAAAA,YAAW,CAACC,MAAM,MAAMC,MAAM,OAAMT,SACnCJ,WAAAU,IAACT,UAAU,CAACc,IAAK/C,QAIrB,KACJsC,WAAAC,KAACN,gBAAgB,CAAAG,SACfE,CAAAA,WAAAC,KAACN,cAAc,CAAAG,UACZnC,EACC+B,WAAAU,IAACT,aAAa,CAAAG,SACZJ,WAAAU,IAACI,kBAAQ,CAACD,MAAM,MAAKT,SACnBJ,WAAAU,IAACM,YAAK,IAAKzC,QAGb8B,MAAcA,eAAC7C,GACjBA,SACSA,GAAW,WACpBA,EAAO,CACLe,aACAM,iBAEAvB,GAASC,EACX+C,WAAAA,KAACL,MAAAA,OAAa,CAAAG,SACX,CAAAC,MAAAA,eAAe/C,GACdA,SACSA,GAAU,WACnBA,EAAMiB,UACGjB,GAAU,iBAAmBA,GAAU,SAChD0C,WAAAU,IAACM,YAAK,IAAKzC,EAAU6B,SAAG9C,IACtB,KACH+C,qBAAe9C,GACdA,SACSA,GAAY,WACrBA,EAAQsB,UACCtB,GAAY,iBAAmBA,GAAY,SACpDyC,WAAAU,IAACO,UAAI,IAAKpC,EAAYuB,SAAG7C,IACvB,QAEJ,KACHU,GAAWJ,GAASE,EACnBiC,WAAAU,IAACT,YAAY,IAAK3B,EAAa4B,QAASgB,QAAoBA,oBAAAd,SACzDnC,EACC+B,WAAAU,IAACC,wBAAW,CAACC,MAAM,OAAOC,MAAM,OAAMT,SACpCJ,WAAAA,IAACc,SAAQA,SAAE,MAEXT,MAAcA,eAACxC,GACjBA,EAEAmC,WAAAA,IAACW,YAAAA,YAAW,CAACC,MAAM,OAAOC,MAAM,OAAMT,SACpCJ,WAAAU,IAACT,UAAU,CAACc,IAAKhD,QAIrB,KACHE,EACCqC,WAAAA,KAAA,MAAA,CAAAF,SAAA,CACEJ,WAAAU,IAACI,kBAAQ,CAACtC,aAAc,EAAE4B,SACxBJ,WAAAU,IAACO,UAAI,CAAClC,WAAW,aAAaM,aAAa,QAAQV,MAAOY,MAAYA,eAAKlB,MAE7E2B,WAAAU,IAACI,kBAAQ,CAACtC,aAAc,EAAGqC,MAAM,MAAKT,SACpCJ,WAAAU,IAACO,UAAI,CAAClC,WAAW,OAAOM,aAAa,QAAQV,MAAOc,MAAcA,iBAAKpB,MAEzE2B,WAAAU,IAACI,kBAAQ,CAACtC,aAAc,EAAGqC,MAAM,MAAKT,SACpCJ,WAAAU,IAACO,UAAI,CAAClC,WAAW,OAAOJ,MAAOc,MAAcA,iBAAKpB,SAGpDgC,MAAcA,eAAC1C,GACjBA,SACSA,GAAS,WAClBA,EAAK,CACHyB,aACAI,iBAEA/B,GAASC,EACX4C,WAAAA,KAAA,MAAA,CAAAF,SACG,CAAAC,MAAAA,eAAe5C,GACdA,SACSA,GAAU,WACnBA,EAAM2B,UACG3B,GAAU,iBAAmBA,GAAU,SAChDuC,WAAAU,IAACO,UAAI,IAAK7B,EAAUgB,SAAG3C,IACrB,KACH4C,qBAAe3C,GACdA,SACSA,GAAY,WACrBA,EAAQ8B,UACC9B,GAAY,iBAAmBA,GAAY,SACpDsC,WAAAU,IAACO,UAAI,IAAKzB,EAAYY,SAAG1C,IACvB,QAEJ,QAELI,EACCkC,WAAAU,IAACT,aAAa,CAAAG,SACXnC,EACC+B,WAAAU,IAACI,kBAAQ,CAACD,MAAM,OAAMT,SACpBJ,WAAAU,IAACS,cAAM,CAACC,OAAO,WAAY/C,MAE3BgC,MAAcA,eAACvC,GACjBA,EACE,OAEJ,QAELF,EACCoC,WAAAU,IAACT,qBAAqB,CAAAG,SACnBC,MAAAA,eAAezC,GACZA,SACOA,GAAgB,WACrBA,EAAY8B,GACZ,OAEN,SAGI,IAGlB,CACE2B,YA3PmB,mBA4PnB1C,MAAO2C,MAAAA"}

package/components/PopoverComponent/PopoverComponent.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,isValidElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_TITLE,SIZES_CONTENT,SIZES_HEADER_BADGE,SIZES_CAPTION,SIZES_CLOSE_BUTTON}from'./sizes.mjs';import{LAYOUTS,VISIBILITY_HORIZONTAL,VISIBILITY_VERTICAL}from'./layouts.mjs';import{Root,Media,Img,Container,Content,Header,Footer,ButtonPosition}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{AspectRatio}from'../AspectRatio/AspectRatio.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Badge}from'../Badge/Badge.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const PopoverComponent=withMergedProps(forwardRef(((e,t)=>{const{size:o="s",layout:i="vertical",sizeXXS:s,sizeXS:n,sizeS:r,sizeM:a,sizeL:l,sizeXL:d,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x,root:j,badge:h,caption:f,header:E,title:I,content:y,body:T,closeButton:g,media:B,footer:z,imgSrcVertical:L,imgSrcHorizontal:R,loading:b,palette:C,closeFn:_,...w}=e;const A={size:o,sizeXXS:s,sizeXS:n,sizeS:r,sizeM:a,sizeL:l,sizeXL:d};const P={layout:i,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x};const V={...A,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:SIZES_HEADER_BADGE};const k={...A,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:SIZES_CAPTION};const Z={...A,as:'h2',appearance:'subheading',color:'inherit',marginBottom:y?'0.4em':void 0,wordBreak:'break-word',sizes:SIZES_TITLE};const O={...A,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:SIZES_CONTENT};const X={...A,icon:jsx(Close,{}),square:!0,marginTop:10,marginRight:10,sizes:SIZES_CLOSE_BUTTON,onClick:()=>{typeof _=='function'&&_()}};return jsx(Root,{...w,...A,...P,layouts:LAYOUTS,palette:C,ref:t,children:isValidElement(j)?j:typeof j=='function'?j({badgeProps:V,captionProps:k,titleProps:Z,contentProps:O,closeButtonProps:X}):jsxs(Fragment,{children:[b||B||R?jsx(Media,{...P,layouts:VISIBILITY_HORIZONTAL,children:b?jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Img,{src:R})})}):null,jsxs(Container,{children:[jsxs(Content,{children:[b?jsx(Header,{children:jsx(Skeleton,{width:"20%",children:jsx(Badge,{...V})})}):isValidElement(E)?E:typeof E=='function'?E({badgeProps:V,captionProps:k}):h||f?jsxs(Header,{children:[isValidElement(h)?h:typeof h=='function'?h(V):typeof h=='string'||typeof h=='number'?jsx(Badge,{...V,children:h}):null,isValidElement(f)?f:typeof f=='function'?f(k):typeof f=='string'||typeof f=='number'?jsx(Text,{...k,children:f}):null]}):null,b||B||L?jsx(Media,{...P,layouts:VISIBILITY_VERTICAL,children:b?jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Img,{src:L})})}):null,b?jsxs("div",{children:[jsx(Skeleton,{borderRadius:4,children:jsx(Text,{appearance:"subheading",marginBottom:"0.4em",sizes:SIZES_TITLE,...A})}),jsx(Skeleton,{borderRadius:4,width:"70%",children:jsx(Text,{appearance:"body",marginBottom:"0.4em",sizes:SIZES_CONTENT,...A})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",sizes:SIZES_CONTENT,...A})})]}):isValidElement(T)?T:typeof T=='function'?T({titleProps:Z,contentProps:O}):I||y?jsxs("div",{children:[isValidElement(I)?I:typeof I=='function'?I(Z):typeof I=='string'||typeof I=='number'?jsx(Text,{...Z,children:I}):null,isValidElement(y)?y:typeof y=='function'?y(O):typeof y=='string'||typeof y=='number'?jsx(Text,{...O,children:y}):null]}):null]}),z?jsx(Footer,{children:b?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...A})}):isValidElement(z)?z:null}):null]}),g?jsx(ButtonPosition,{children:isValidElement(g)?g:typeof g=='function'?g(X):null}):null]})})})),{displayName:'PopoverComponent',sizes:SIZES});export{PopoverComponent};
+import{forwardRef,isValidElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_TITLE,SIZES_CONTENT,SIZES_HEADER_BADGE,SIZES_CAPTION,SIZES_CLOSE_BUTTON}from'./sizes.mjs';import{LAYOUTS,VISIBILITY_HORIZONTAL,VISIBILITY_VERTICAL}from'./layouts.mjs';import{Root,Media,Img,Container,Content,Header,Footer,ButtonPosition}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{AspectRatio}from'../AspectRatio/AspectRatio.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Badge}from'../Badge/Badge.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';const PopoverComponent=withMergedProps(forwardRef(((e,t)=>{const{size:o="s",layout:i="vertical",sizeXXS:n,sizeXS:s,sizeS:r,sizeM:a,sizeL:l,sizeXL:d,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x,root:h,badge:j,caption:f,header:E,title:I,content:y,body:T,closeButton:g,media:B,footer:z,imgSrcVertical:L,imgSrcHorizontal:R,loading:b,palette:_,closeFn:w,...A}=e;const P={size:o,sizeXXS:n,sizeXS:s,sizeS:r,sizeM:a,sizeL:l,sizeXL:d};const V={layout:i,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x};const C={...P,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:SIZES_HEADER_BADGE};const k={...P,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:SIZES_CAPTION};const Z={...P,as:'h2',appearance:'subheading',color:'inherit',marginBottom:y?'0.4em':void 0,wordBreak:'break-word',sizes:SIZES_TITLE};const O={...P,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:SIZES_CONTENT};const X={...P,icon:'close',square:!0,marginTop:10,marginRight:10,sizes:SIZES_CLOSE_BUTTON,onClick:()=>{typeof w=='function'&&w()}};return jsx(Root,{...A,...P,...V,layouts:LAYOUTS,palette:_,ref:t,children:isValidElement(h)?h:typeof h=='function'?h({badgeProps:C,captionProps:k,titleProps:Z,contentProps:O,closeButtonProps:X}):jsxs(Fragment,{children:[b||B||R?jsx(Media,{...V,layouts:VISIBILITY_HORIZONTAL,children:b?jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Img,{src:R})})}):null,jsxs(Container,{children:[jsxs(Content,{children:[b?jsx(Header,{children:jsx(Skeleton,{width:"20%",children:jsx(Badge,{...C})})}):isValidElement(E)?E:typeof E=='function'?E({badgeProps:C,captionProps:k}):j||f?jsxs(Header,{children:[isValidElement(j)?j:typeof j=='function'?j(C):typeof j=='string'||typeof j=='number'?jsx(Badge,{...C,children:j}):null,isValidElement(f)?f:typeof f=='function'?f(k):typeof f=='string'||typeof f=='number'?jsx(Text,{...k,children:f}):null]}):null,b||B||L?jsx(Media,{...V,layouts:VISIBILITY_VERTICAL,children:b?jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Img,{src:L})})}):null,b?jsxs("div",{children:[jsx(Skeleton,{borderRadius:4,children:jsx(Text,{appearance:"subheading",marginBottom:"0.4em",sizes:SIZES_TITLE,...P})}),jsx(Skeleton,{borderRadius:4,width:"70%",children:jsx(Text,{appearance:"body",marginBottom:"0.4em",sizes:SIZES_CONTENT,...P})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",sizes:SIZES_CONTENT,...P})})]}):isValidElement(T)?T:typeof T=='function'?T({titleProps:Z,contentProps:O}):I||y?jsxs("div",{children:[isValidElement(I)?I:typeof I=='function'?I(Z):typeof I=='string'||typeof I=='number'?jsx(Text,{...Z,children:I}):null,isValidElement(y)?y:typeof y=='function'?y(O):typeof y=='string'||typeof y=='number'?jsx(Text,{...O,children:y}):null]}):null]}),z?jsx(Footer,{children:b?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...P})}):isValidElement(z)?z:null}):null]}),g?jsx(ButtonPosition,{children:isValidElement(g)?g:typeof g=='function'?g(X):null}):null]})})})),{displayName:'PopoverComponent',sizes:SIZES});export{PopoverComponent};
 //# sourceMappingURL=PopoverComponent.mjs.map