@foxford/ui 2.105.0 → 2.106.0

package/components/ListItem/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { hover } from 'mixins/hover'\nimport type { StyledListItemProps, ListItemPalette } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'success', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 2.2em;\n  height: 2.2em;\n\n  & > * {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n  }\n`\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  `)}\n\n  & ${Media} img {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledListItemProps>({\n    shouldForwardProp: shouldForwardListItemProp,\n  })\n  .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em 0.8em',\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${\n        typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n      };\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.success) schemaVariant = schema.success\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`\n\nexport const Img = styled.img`\n  box-sizing: border-box;\n  border-radius: inherit;\n  object-fit: contain;\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","theme","colors","transparent","active","default","success","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { hover } from 'mixins/hover'\nimport type { StyledListItemProps, ListItemPalette } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'success', 'active', 'contrast', 'borderRadius', 'loading'].includes(propKey)\n)\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  `)}\n`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['alert-error'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-error-100'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['alert-error'],\n            backgroundColorHover: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-error-100'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncontrast-hover'],\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['alert-success'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-success-100'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['alert-success'],\n            backgroundColorHover: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-success-100'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncontrast-hover'],\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover:\n              props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncontrast-hover'],\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover:\n              props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncontrast-hover'],\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['alert-error'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-error-100'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['alert-error'],\n            backgroundColorHover: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-error-100'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['alert-error'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['alert-error'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncolor-hover'],\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['alert-success'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-success-100'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['alert-success'],\n            backgroundColorHover: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-success-100'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['alert-success'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['alert-success'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncolor-hover'],\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover:\n              props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncolor-hover'],\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover:\n              props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncolor-hover'],\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button.withConfig<StyledListItemProps>({\n  shouldForwardProp: shouldForwardListItemProp,\n})`\n  ${(props) => {\n    let cursor = 'default'\n\n    if (props.as === 'button' || props.as === 'a' || props.as === 'label') cursor = 'pointer'\n    if (props.disabled) cursor = 'not-allowed'\n    if (props.loading) cursor = 'wait'\n\n    return `\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n      isolation: isolate;\n      position: relative;\n      border-radius: ${props.borderRadius}px;\n      cursor: ${cursor};\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      margin: 0;\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:first-child) {\n        margin-left: var(--list-item-gap);\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.success) schemaVariant = schema.success\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  flex-grow: 1;\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","COLOR_SCHEMA","contrast","danger","disabled","css","props","colorDisabled","theme","colors","backgroundColorDisabled","transparent","active","colorActive","backgroundColorActive","default","success","secondary","primary","Root","styled","button","withConfig","shouldForwardProp","displayName","componentId","cursor","as","loading","borderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","span"],"mappings":"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"}

package/components/ListItem/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardListItemProp=createShouldForwardProp(o=>!['danger','success','active','onColored','mediaBorderRadius','borderRadius'].includes(o));const Media=styled.span.withConfig({displayName:"ListItem__Media",componentId:"ui__sc-1a62xqm-0"})(["box-sizing:border-box;flex-shrink:0;width:2.2em;height:2.2em;& > *{box-sizing:border-box;width:100%;height:100%;}"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  `)}\n\n  & ${Media} img {\n    background-color: ${o.mediaPlaceholderColor};\n  }\n`;const COLOR_SCHEMA={onColored:{danger:{disabled:css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))},success:{disabled:css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))},secondary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))},primary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))}},default:{danger:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))},success:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))},secondary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))},primary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))}}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardListItemProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.4em 0.8em'})}).withConfig({displayName:"ListItem__Root",componentId:"ui__sc-1a62xqm-1"})([""," "," "," "," ",""],o=>`\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border-radius: ${typeof o.borderRadius=='string'?o.borderRadius:`${o.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${typeof o.mediaBorderRadius=='string'?o.mediaBorderRadius:`${o.mediaBorderRadius}px`};\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `,o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.success&&(r=e.success),o.danger&&(r=e.danger),o.disabled?r.disabled:o.active?r.active:r.default},focus,responsiveSize,responsiveMargin);const Content=styled.span.withConfig({displayName:"ListItem__Content",componentId:"ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);const Img=styled.img.withConfig({displayName:"ListItem__Img",componentId:"ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);export{Content,Img,Media,Root};
+import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardListItemProp=createShouldForwardProp(o=>!['danger','success','active','contrast','borderRadius','loading'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  `)}\n`;const COLOR_SCHEMA={contrast:{danger:{disabled:css(["",""],o=>template({color:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColor:o.palette.backgroundColorDisabled??o.theme.colors.transparent,colorHover:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.palette.backgroundColorDisabled??o.theme.colors.transparent})),active:css(["",""],o=>template({color:o.palette.colorActive??o.theme.colors['alert-error'],backgroundColor:o.palette.backgroundColorActive??o.theme.colors['alert-bg-error-100'],colorHover:o.palette.colorActive??o.theme.colors['alert-error'],backgroundColorHover:o.palette.backgroundColorActive??o.theme.colors['alert-bg-error-100']})),default:css(["",""],o=>template({color:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.palette.backgroundColor??o.theme.colors.transparent,colorHover:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.palette.backgroundColorHover??o.theme.colors['bg-oncontrast-hover']}))},success:{disabled:css(["",""],o=>template({color:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColor:o.palette.backgroundColorDisabled??o.theme.colors.transparent,colorHover:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.palette.backgroundColorDisabled??o.theme.colors.transparent})),active:css(["",""],o=>template({color:o.palette.colorActive??o.theme.colors['alert-success'],backgroundColor:o.palette.backgroundColorActive??o.theme.colors['alert-bg-success-100'],colorHover:o.palette.colorActive??o.theme.colors['alert-success'],backgroundColorHover:o.palette.backgroundColorActive??o.theme.colors['alert-bg-success-100']})),default:css(["",""],o=>template({color:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.palette.backgroundColor??o.theme.colors.transparent,colorHover:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.palette.backgroundColorHover??o.theme.colors['bg-oncontrast-hover']}))},secondary:{disabled:css(["",""],o=>template({color:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColor:o.palette.backgroundColorDisabled??o.theme.colors.transparent,colorHover:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.palette.backgroundColorDisabled??o.theme.colors.transparent})),active:css(["",""],o=>template({color:o.palette.colorActive??o.theme.colors['content-brand-primary'],backgroundColor:o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100-active'],colorHover:o.palette.colorActive??o.theme.colors['content-brand-primary'],backgroundColorHover:o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100-active']})),default:css(["",""],o=>template({color:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.palette.backgroundColor??o.theme.colors.transparent,colorHover:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.palette.backgroundColorHover??o.theme.colors['bg-oncontrast-hover']}))},primary:{disabled:css(["",""],o=>template({color:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColor:o.palette.backgroundColorDisabled??o.theme.colors.transparent,colorHover:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.palette.backgroundColorDisabled??o.theme.colors.transparent})),active:css(["",""],o=>template({color:o.palette.colorActive??o.theme.colors['content-brand-primary'],backgroundColor:o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100-active'],colorHover:o.palette.colorActive??o.theme.colors['content-brand-primary'],backgroundColorHover:o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100-active']})),default:css(["",""],o=>template({color:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.palette.backgroundColor??o.theme.colors.transparent,colorHover:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.palette.backgroundColorHover??o.theme.colors['bg-oncontrast-hover']}))}},default:{danger:{disabled:css(["",""],o=>template({color:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColor:o.palette.backgroundColorDisabled??o.theme.colors.transparent,colorHover:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorHover:o.palette.backgroundColorDisabled??o.theme.colors.transparent})),active:css(["",""],o=>template({color:o.palette.colorActive??o.theme.colors['alert-error'],backgroundColor:o.palette.backgroundColorActive??o.theme.colors['alert-bg-error-100'],colorHover:o.palette.colorActive??o.theme.colors['alert-error'],backgroundColorHover:o.palette.backgroundColorActive??o.theme.colors['alert-bg-error-100']})),default:css(["",""],o=>template({color:o.palette.color??o.theme.colors['alert-error'],backgroundColor:o.palette.backgroundColor??o.theme.colors.transparent,colorHover:o.palette.colorHover??o.theme.colors['alert-error'],backgroundColorHover:o.palette.backgroundColorHover??o.theme.colors['bg-oncolor-hover']}))},success:{disabled:css(["",""],o=>template({color:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColor:o.palette.backgroundColorDisabled??o.theme.colors.transparent,colorHover:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorHover:o.palette.backgroundColorDisabled??o.theme.colors.transparent})),active:css(["",""],o=>template({color:o.palette.colorActive??o.theme.colors['alert-success'],backgroundColor:o.palette.backgroundColorActive??o.theme.colors['alert-bg-success-100'],colorHover:o.palette.colorActive??o.theme.colors['alert-success'],backgroundColorHover:o.palette.backgroundColorActive??o.theme.colors['alert-bg-success-100']})),default:css(["",""],o=>template({color:o.palette.color??o.theme.colors['alert-success'],backgroundColor:o.palette.backgroundColor??o.theme.colors.transparent,colorHover:o.palette.colorHover??o.theme.colors['alert-success'],backgroundColorHover:o.palette.backgroundColorHover??o.theme.colors['bg-oncolor-hover']}))},secondary:{disabled:css(["",""],o=>template({color:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColor:o.palette.backgroundColorDisabled??o.theme.colors.transparent,colorHover:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorHover:o.palette.backgroundColorDisabled??o.theme.colors.transparent})),active:css(["",""],o=>template({color:o.palette.colorActive??o.theme.colors['content-brand-primary'],backgroundColor:o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100-active'],colorHover:o.palette.colorActive??o.theme.colors['content-brand-primary'],backgroundColorHover:o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100-active']})),default:css(["",""],o=>template({color:o.palette.color??o.theme.colors['content-brand-primary'],backgroundColor:o.palette.backgroundColor??o.theme.colors.transparent,colorHover:o.palette.colorHover??o.theme.colors['content-brand-primary'],backgroundColorHover:o.palette.backgroundColorHover??o.theme.colors['bg-oncolor-hover']}))},primary:{disabled:css(["",""],o=>template({color:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColor:o.palette.backgroundColorDisabled??o.theme.colors.transparent,colorHover:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorHover:o.palette.backgroundColorDisabled??o.theme.colors.transparent})),active:css(["",""],o=>template({color:o.palette.colorActive??o.theme.colors['content-brand-primary'],backgroundColor:o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100-active'],colorHover:o.palette.colorActive??o.theme.colors['content-brand-primary'],backgroundColorHover:o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100-active']})),default:css(["",""],o=>template({color:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.palette.backgroundColor??o.theme.colors.transparent,colorHover:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.palette.backgroundColorHover??o.theme.colors['bg-oncolor-hover']}))}}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardListItemProp}).withConfig({displayName:"ListItem__Root",componentId:"ui__sc-1a62xqm-0"})([""," "," "," "," ",""],o=>{let e='default';return o.as!=='button'&&o.as!=='a'&&o.as!=='label'||(e='pointer'),o.disabled&&(e='not-allowed'),o.loading&&(e='wait'),`\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n      isolation: isolate;\n      position: relative;\n      border-radius: ${o.borderRadius}px;\n      cursor: ${e};\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      margin: 0;\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:first-child) {\n        margin-left: var(--list-item-gap);\n      }\n    `},o=>{const e=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.success&&(r=e.success),o.danger&&(r=e.danger),o.disabled?r.disabled:o.active?r.active:r.default},focus,responsiveSize,responsiveMargin);const Content=styled.span.withConfig({displayName:"ListItem__Content",componentId:"ui__sc-1a62xqm-1"})(["box-sizing:border-box;flex-grow:1;"]);export{Content,Root};
 //# sourceMappingURL=style.mjs.map

package/components/ListItem/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { hover } from 'mixins/hover'\nimport type { StyledListItemProps, ListItemPalette } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'success', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 2.2em;\n  height: 2.2em;\n\n  & > * {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n  }\n`\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  `)}\n\n  & ${Media} img {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledListItemProps>({\n    shouldForwardProp: shouldForwardListItemProp,\n  })\n  .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em 0.8em',\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${\n        typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n      };\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.success) schemaVariant = schema.success\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`\n\nexport const Img = styled.img`\n  box-sizing: border-box;\n  border-radius: inherit;\n  object-fit: contain;\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","theme","colors","transparent","active","default","success","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { hover } from 'mixins/hover'\nimport type { StyledListItemProps, ListItemPalette } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'success', 'active', 'contrast', 'borderRadius', 'loading'].includes(propKey)\n)\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  `)}\n`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['alert-error'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-error-100'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['alert-error'],\n            backgroundColorHover: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-error-100'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncontrast-hover'],\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['alert-success'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-success-100'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['alert-success'],\n            backgroundColorHover: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-success-100'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncontrast-hover'],\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover:\n              props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncontrast-hover'],\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover:\n              props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncontrast-hover'],\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['alert-error'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-error-100'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['alert-error'],\n            backgroundColorHover: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-error-100'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['alert-error'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['alert-error'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncolor-hover'],\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['alert-success'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-success-100'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['alert-success'],\n            backgroundColorHover: props.palette.backgroundColorActive ?? props.theme.colors['alert-bg-success-100'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['alert-success'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['alert-success'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncolor-hover'],\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover:\n              props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncolor-hover'],\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorHover: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColor: props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.palette.colorActive ?? props.theme.colors['content-brand-primary'],\n            backgroundColorHover:\n              props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100-active'],\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n            colorHover: props.palette.colorHover ?? props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.palette.backgroundColorHover ?? props.theme.colors['bg-oncolor-hover'],\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button.withConfig<StyledListItemProps>({\n  shouldForwardProp: shouldForwardListItemProp,\n})`\n  ${(props) => {\n    let cursor = 'default'\n\n    if (props.as === 'button' || props.as === 'a' || props.as === 'label') cursor = 'pointer'\n    if (props.disabled) cursor = 'not-allowed'\n    if (props.loading) cursor = 'wait'\n\n    return `\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n      isolation: isolate;\n      position: relative;\n      border-radius: ${props.borderRadius}px;\n      cursor: ${cursor};\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      margin: 0;\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:first-child) {\n        margin-left: var(--list-item-gap);\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.success) schemaVariant = schema.success\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  flex-grow: 1;\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","COLOR_SCHEMA","contrast","danger","disabled","css","props","colorDisabled","theme","colors","backgroundColorDisabled","transparent","active","colorActive","backgroundColorActive","default","success","secondary","primary","Root","styled","button","withConfig","shouldForwardProp","displayName","componentId","cursor","as","loading","borderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","span"],"mappings":"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"}

package/components/MenuDivider/MenuDivider.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');const MenuDivider=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:i="m",children:r,spacing:t="extended",sizeXXS:n,sizeXS:o,sizeS:z,sizeM:S,sizeL:d,sizeXL:a,...u}=e;const c={size:i,sizeXXS:n,sizeXS:o,sizeS:z,sizeM:S,sizeL:d,sizeXL:a};const l={...c,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const E=t==='default'?sizes.SIZES_LINE_WITH_DEFAULT_SPACING:t==='extended'?sizes.SIZES_LINE_WITH_EXTENDED_SPACING:sizes.SIZES_LINE_WITH_NONE_SPACING;return jsxRuntime.jsxs(style.Root,{...u,...c,ref:s,children:[jsxRuntime.jsx(style.Content,{...c,sizes:sizes.SIZES_CONTENT,children:jsxRuntime.jsx(Slot.Slot,{props:l,children:r})}),jsxRuntime.jsx(style.HorizontalLine,{...c,sizes:E})]})}),{sizes:sizes.SIZES,displayName:'MenuDivider'});exports.MenuDivider=MenuDivider;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');const MenuDivider=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:i="m",children:r,spacing:t="extended",sizeXXS:n,sizeXS:o,sizeS:z,sizeM:S,sizeL:d,sizeXL:a,...u}=e;const c={size:i,sizeXXS:n,sizeXS:o,sizeS:z,sizeM:S,sizeL:d,sizeXL:a};const l={...c,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const E=t==='default'?sizes.SIZES_LINE_WITH_DEFAULT_SPACING:t==='extended'?sizes.SIZES_LINE_WITH_EXTENDED_SPACING:sizes.SIZES_LINE_WITH_NONE_SPACING;return jsxRuntime.jsxs(style.Root,{...u,...c,ref:s,children:[jsxRuntime.jsx(style.Content,{...c,sizes:sizes.SIZES_CONTENT,children:jsxRuntime.jsx(Slot.Slot,{render:r,props:l})}),jsxRuntime.jsx(style.HorizontalLine,{...c,sizes:E})]})}),{sizes:sizes.SIZES,displayName:'MenuDivider'});exports.MenuDivider=MenuDivider;
 //# sourceMappingURL=MenuDivider.js.map

package/components/MenuDivider/MenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Slot } from 'components/Slot'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\nimport {\n  SIZES,\n  SIZES_CONTENT,\n  SIZES_LINE_WITH_DEFAULT_SPACING,\n  SIZES_LINE_WITH_EXTENDED_SPACING,\n  SIZES_LINE_WITH_NONE_SPACING,\n  SIZES_TEXT,\n} from './sizes'\n\nconst COMPONENT_NAME = 'MenuDivider'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент, разделяющий элементы внутри списка в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = withMergedProps<\n  MenuDividerProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuDividerProps>>((props, ref) => {\n    const {\n      size = 'm',\n      children,\n      spacing = 'extended',\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 textProps: TextProps = {\n      ...sizeProps,\n      sizes: SIZES_TEXT,\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n    }\n\n    const lineSizes =\n      spacing === 'default'\n        ? SIZES_LINE_WITH_DEFAULT_SPACING\n        : spacing === 'extended'\n          ? SIZES_LINE_WITH_EXTENDED_SPACING\n          : SIZES_LINE_WITH_NONE_SPACING\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n          <Slot props={textProps}>{children}</Slot>\n        </Styled.Content>\n        <Styled.HorizontalLine {...sizeProps} sizes={lineSizes} />\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","withMergedProps","forwardRef","props","ref","size","children","spacing","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","textProps","sizes","SIZES_TEXT","appearance","color","wordBreak","lineSizes","SIZES_LINE_WITH_DEFAULT_SPACING","SIZES_LINE_WITH_EXTENDED_SPACING","SIZES_LINE_WITH_NONE_SPACING","_jsxs","Styled","_jsx","SIZES_CONTENT","Slot","SIZES","displayName"],"mappings":"qPA0BA,MAAMA,YAAiEC,gBAAAA,gBAIrEC,MAAAA,WAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,SACVA,EAAQC,QACRA,EAAU,WAAUC,QACpBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDX,EAEJ,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,MAAOC,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPC,UAAW,cAGb,MAAMC,EACJf,IAAY,UACRgB,MAAAA,gCACAhB,IAAY,WACViB,MAAAA,iCACAC,MAAAA,6BAER,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAeC,EAAWX,IAAKA,EAAIE,SAAA,CAClDsB,WAAAA,IAACD,cAAc,IAAKZ,EAAWE,MAAOY,MAAAA,cAAcvB,SAClDsB,WAAAA,IAACE,UAAI,CAAC3B,MAAOa,EAAUV,SAAEA,MAE3BsB,WAAAA,IAACD,qBAAqB,IAAKZ,EAAWE,MAAOK,SAInD,CACEL,MAAOc,MAAAA,MACPC,YAhEmB"}
+{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Slot } from 'components/Slot'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\nimport {\n  SIZES,\n  SIZES_CONTENT,\n  SIZES_LINE_WITH_DEFAULT_SPACING,\n  SIZES_LINE_WITH_EXTENDED_SPACING,\n  SIZES_LINE_WITH_NONE_SPACING,\n  SIZES_TEXT,\n} from './sizes'\n\nconst COMPONENT_NAME = 'MenuDivider'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент, разделяющий элементы внутри списка в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = withMergedProps<\n  MenuDividerProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuDividerProps>>((props, ref) => {\n    const {\n      size = 'm',\n      children,\n      spacing = 'extended',\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 textProps: TextProps = {\n      ...sizeProps,\n      sizes: SIZES_TEXT,\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n    }\n\n    const lineSizes =\n      spacing === 'default'\n        ? SIZES_LINE_WITH_DEFAULT_SPACING\n        : spacing === 'extended'\n          ? SIZES_LINE_WITH_EXTENDED_SPACING\n          : SIZES_LINE_WITH_NONE_SPACING\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n          <Slot render={children} props={textProps} />\n        </Styled.Content>\n        <Styled.HorizontalLine {...sizeProps} sizes={lineSizes} />\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","withMergedProps","forwardRef","props","ref","size","children","spacing","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","textProps","sizes","SIZES_TEXT","appearance","color","wordBreak","lineSizes","SIZES_LINE_WITH_DEFAULT_SPACING","SIZES_LINE_WITH_EXTENDED_SPACING","SIZES_LINE_WITH_NONE_SPACING","_jsxs","Styled","_jsx","SIZES_CONTENT","Slot","render","SIZES","displayName"],"mappings":"qPA0BA,MAAMA,YAAiEC,gBAAAA,gBAIrEC,MAAAA,WAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,SACVA,EAAQC,QACRA,EAAU,WAAUC,QACpBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDX,EAEJ,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,MAAOC,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPC,UAAW,cAGb,MAAMC,EACJf,IAAY,UACRgB,MAAAA,gCACAhB,IAAY,WACViB,MAAAA,iCACAC,MAAAA,6BAER,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAeC,EAAWX,IAAKA,EAAIE,SAAA,CAClDsB,WAAAA,IAACD,cAAc,IAAKZ,EAAWE,MAAOY,MAAAA,cAAcvB,SAClDsB,WAAAA,IAACE,UAAI,CAACC,OAAQzB,EAAUH,MAAOa,MAEjCY,WAAAA,IAACD,qBAAqB,IAAKZ,EAAWE,MAAOK,SAInD,CACEL,MAAOe,MAAAA,MACPC,YAhEmB"}

package/components/MenuDivider/MenuDivider.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Content,HorizontalLine}from'./style.mjs';import{SIZES_CONTENT,SIZES_TEXT,SIZES_LINE_WITH_DEFAULT_SPACING,SIZES_LINE_WITH_EXTENDED_SPACING,SIZES_LINE_WITH_NONE_SPACING,SIZES}from'./sizes.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';const MenuDivider=withMergedProps(forwardRef((e,s)=>{const{size:i="m",children:r,spacing:o="extended",sizeXXS:S,sizeXS:t,sizeS:E,sizeM:I,sizeL:_,sizeXL:n,...N}=e;const d={size:i,sizeXXS:S,sizeXS:t,sizeS:E,sizeM:I,sizeL:_,sizeXL:n};const z={...d,sizes:SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const m=o==='default'?SIZES_LINE_WITH_DEFAULT_SPACING:o==='extended'?SIZES_LINE_WITH_EXTENDED_SPACING:SIZES_LINE_WITH_NONE_SPACING;return jsxs(Root,{...N,...d,ref:s,children:[jsx(Content,{...d,sizes:SIZES_CONTENT,children:jsx(Slot,{props:z,children:r})}),jsx(HorizontalLine,{...d,sizes:m})]})}),{sizes:SIZES,displayName:'MenuDivider'});export{MenuDivider};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Content,HorizontalLine}from'./style.mjs';import{SIZES_CONTENT,SIZES_TEXT,SIZES_LINE_WITH_DEFAULT_SPACING,SIZES_LINE_WITH_EXTENDED_SPACING,SIZES_LINE_WITH_NONE_SPACING,SIZES}from'./sizes.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';const MenuDivider=withMergedProps(forwardRef((e,s)=>{const{size:r="m",children:i,spacing:o="extended",sizeXXS:S,sizeXS:t,sizeS:E,sizeM:I,sizeL:_,sizeXL:n,...N}=e;const d={size:r,sizeXXS:S,sizeXS:t,sizeS:E,sizeM:I,sizeL:_,sizeXL:n};const z={...d,sizes:SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const m=o==='default'?SIZES_LINE_WITH_DEFAULT_SPACING:o==='extended'?SIZES_LINE_WITH_EXTENDED_SPACING:SIZES_LINE_WITH_NONE_SPACING;return jsxs(Root,{...N,...d,ref:s,children:[jsx(Content,{...d,sizes:SIZES_CONTENT,children:jsx(Slot,{render:i,props:z})}),jsx(HorizontalLine,{...d,sizes:m})]})}),{sizes:SIZES,displayName:'MenuDivider'});export{MenuDivider};
 //# sourceMappingURL=MenuDivider.mjs.map

package/components/MenuDivider/MenuDivider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.mjs","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Slot } from 'components/Slot'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\nimport {\n  SIZES,\n  SIZES_CONTENT,\n  SIZES_LINE_WITH_DEFAULT_SPACING,\n  SIZES_LINE_WITH_EXTENDED_SPACING,\n  SIZES_LINE_WITH_NONE_SPACING,\n  SIZES_TEXT,\n} from './sizes'\n\nconst COMPONENT_NAME = 'MenuDivider'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент, разделяющий элементы внутри списка в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = withMergedProps<\n  MenuDividerProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuDividerProps>>((props, ref) => {\n    const {\n      size = 'm',\n      children,\n      spacing = 'extended',\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 textProps: TextProps = {\n      ...sizeProps,\n      sizes: SIZES_TEXT,\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n    }\n\n    const lineSizes =\n      spacing === 'default'\n        ? SIZES_LINE_WITH_DEFAULT_SPACING\n        : spacing === 'extended'\n          ? SIZES_LINE_WITH_EXTENDED_SPACING\n          : SIZES_LINE_WITH_NONE_SPACING\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n          <Slot props={textProps}>{children}</Slot>\n        </Styled.Content>\n        <Styled.HorizontalLine {...sizeProps} sizes={lineSizes} />\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","withMergedProps","forwardRef","props","ref","size","children","spacing","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","textProps","sizes","SIZES_TEXT","appearance","color","wordBreak","lineSizes","SIZES_LINE_WITH_DEFAULT_SPACING","SIZES_LINE_WITH_EXTENDED_SPACING","SIZES_LINE_WITH_NONE_SPACING","_jsxs","Styled","_jsx","SIZES_CONTENT","Slot","SIZES","displayName"],"mappings":"gXA0BA,MAAMA,YAAiEC,gBAIrEC,WAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,SACVA,EAAQC,QACRA,EAAU,WAAUC,QACpBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDX,EAEJ,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,MAAOC,WACPC,WAAY,OACZC,MAAO,UACPC,UAAW,cAGb,MAAMC,EACJf,IAAY,UACRgB,gCACAhB,IAAY,WACViB,iCACAC,6BAER,OACEC,KAACC,KAAW,IAAKb,KAAeC,EAAWX,IAAKA,EAAIE,SAAA,CAClDsB,IAACD,QAAc,IAAKZ,EAAWE,MAAOY,cAAcvB,SAClDsB,IAACE,KAAI,CAAC3B,MAAOa,EAAUV,SAAEA,MAE3BsB,IAACD,eAAqB,IAAKZ,EAAWE,MAAOK,SAInD,CACEL,MAAOc,MACPC,YAhEmB"}
+{"version":3,"file":"MenuDivider.mjs","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Slot } from 'components/Slot'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\nimport {\n  SIZES,\n  SIZES_CONTENT,\n  SIZES_LINE_WITH_DEFAULT_SPACING,\n  SIZES_LINE_WITH_EXTENDED_SPACING,\n  SIZES_LINE_WITH_NONE_SPACING,\n  SIZES_TEXT,\n} from './sizes'\n\nconst COMPONENT_NAME = 'MenuDivider'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент, разделяющий элементы внутри списка в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = withMergedProps<\n  MenuDividerProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuDividerProps>>((props, ref) => {\n    const {\n      size = 'm',\n      children,\n      spacing = 'extended',\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 textProps: TextProps = {\n      ...sizeProps,\n      sizes: SIZES_TEXT,\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n    }\n\n    const lineSizes =\n      spacing === 'default'\n        ? SIZES_LINE_WITH_DEFAULT_SPACING\n        : spacing === 'extended'\n          ? SIZES_LINE_WITH_EXTENDED_SPACING\n          : SIZES_LINE_WITH_NONE_SPACING\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n          <Slot render={children} props={textProps} />\n        </Styled.Content>\n        <Styled.HorizontalLine {...sizeProps} sizes={lineSizes} />\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","withMergedProps","forwardRef","props","ref","size","children","spacing","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","textProps","sizes","SIZES_TEXT","appearance","color","wordBreak","lineSizes","SIZES_LINE_WITH_DEFAULT_SPACING","SIZES_LINE_WITH_EXTENDED_SPACING","SIZES_LINE_WITH_NONE_SPACING","_jsxs","Styled","_jsx","SIZES_CONTENT","Slot","render","SIZES","displayName"],"mappings":"gXA0BA,MAAMA,YAAiEC,gBAIrEC,WAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,SACVA,EAAQC,QACRA,EAAU,WAAUC,QACpBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDX,EAEJ,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,MAAOC,WACPC,WAAY,OACZC,MAAO,UACPC,UAAW,cAGb,MAAMC,EACJf,IAAY,UACRgB,gCACAhB,IAAY,WACViB,iCACAC,6BAER,OACEC,KAACC,KAAW,IAAKb,KAAeC,EAAWX,IAAKA,EAAIE,SAAA,CAClDsB,IAACD,QAAc,IAAKZ,EAAWE,MAAOY,cAAcvB,SAClDsB,IAACE,KAAI,CAACC,OAAQzB,EAAUH,MAAOa,MAEjCY,IAACD,eAAqB,IAAKZ,EAAWE,MAAOK,SAInD,CACEL,MAAOe,MACPC,YAhEmB"}

package/components/Notification/Notification.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var layouts=require('./layouts.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/InfoCircle/index.js');var index$1=require('../../icon-pack/src/icons/Close/index.js');const Notification=withMergedProps.withMergedProps(React.forwardRef((s,e)=>{const{size:t="m",status:o="system",withIcon:i=!1,layout:r="horizontal",discardButton:n,icon:a,children:l,content:c,title:u,text:x,addon:d,sizeXXS:j,sizeXS:p,sizeS:S,sizeM:y,sizeL:m,sizeXL:z,layoutXXS:h,layoutXS:R,layoutS:I,layoutM:X,layoutL:P,layoutXL:b,...T}=s;const w={size:t,sizeXXS:j,sizeXS:p,sizeS:S,sizeM:y,sizeL:m,sizeXL:z};const L={layout:r,layoutXXS:h,layoutXS:R,layoutS:I,layoutM:X,layoutL:P,layoutXL:b};const f={...w,preset:'brand',icon:jsxRuntime.jsx(index.InfoCircle,{}),sizes:sizes.SIZES_ICON};const k={...w,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',weight:700,sizes:x?sizes.SIZES_TITLE:sizes.SIZES_TITLE_WITHOUT_TEXT};const q={...w,as:'p',appearance:'body',wordBreak:'break-word',color:'content-onmain-primary',sizes:sizes.SIZES_TEXT};const E={...w,preset:'brand',black:!0,sizes:sizes.SIZES_ACTION};const v={...w,preset:'brand',underline:!0,textProps:{appearance:'body',wordBreak:'break-word'}};const N={...w,icon:jsxRuntime.jsx(index$1.Close,{}),square:!0};const C={iconProps:f,titleProps:k,textProps:q,buttonProps:E,anchorProps:v,discardButtonProps:N};return jsxRuntime.jsx(style.Root,{...T,...w,status:o,ref:e,children:l?jsxRuntime.jsx(Slot.Slot,{props:C,children:l}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i?jsxRuntime.jsx(style.Icon,{children:jsxRuntime.jsx(Slot.Slot,{props:f,fallback:jsxRuntime.jsx(Icon.Icon,{...f}),children:a})}):null,jsxRuntime.jsxs(style.Container,{...L,layouts:layouts.LAYOUTS_CONTAINER,children:[jsxRuntime.jsx(style.Content,{children:jsxRuntime.jsx(Slot.Slot,{props:{titleProps:k,textProps:q},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{props:k,children:u}),jsxRuntime.jsx(Slot.Slot,{props:q,children:x})]}),children:c})}),d?jsxRuntime.jsx(style.Addon,{...L,layouts:layouts.LAYOUTS_ADDON,children:jsxRuntime.jsx(Slot.Slot,{props:{anchorProps:v,buttonProps:E},children:d})}):null]}),n?jsxRuntime.jsx(style.DiscardButton,{children:jsxRuntime.jsx(Slot.Slot,{props:N,children:n})}):null]})})}),{displayName:'Notification',sizes:sizes.SIZES});exports.Notification=Notification;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var layouts=require('./layouts.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/InfoCircle/index.js');var index$1=require('../../icon-pack/src/icons/Close/index.js');const Notification=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:t="m",status:o="system",withIcon:r=!1,layout:i="horizontal",discardButton:n,icon:a,children:l,content:c,title:u,text:x,addon:d,sizeXXS:j,sizeXS:p,sizeS:S,sizeM:y,sizeL:m,sizeXL:z,layoutXXS:R,layoutXS:I,layoutS:h,layoutM:X,layoutL:P,layoutXL:b,...T}=e;const w={size:t,sizeXXS:j,sizeXS:p,sizeS:S,sizeM:y,sizeL:m,sizeXL:z};const L={layout:i,layoutXXS:R,layoutXS:I,layoutS:h,layoutM:X,layoutL:P,layoutXL:b};const f={...w,preset:'brand',icon:jsxRuntime.jsx(index.InfoCircle,{}),sizes:sizes.SIZES_ICON};const k={...w,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',weight:700,sizes:x?sizes.SIZES_TITLE:sizes.SIZES_TITLE_WITHOUT_TEXT};const q={...w,as:'p',appearance:'body',wordBreak:'break-word',color:'content-onmain-primary',sizes:sizes.SIZES_TEXT};const E={...w,preset:'brand',black:!0,sizes:sizes.SIZES_ACTION};const v={...w,preset:'brand',underline:!0,textProps:{appearance:'body',wordBreak:'break-word'}};const N={...w,icon:jsxRuntime.jsx(index$1.Close,{}),square:!0};const C={iconProps:f,titleProps:k,textProps:q,buttonProps:E,anchorProps:v,discardButtonProps:N};return jsxRuntime.jsx(style.Root,{...T,...w,status:o,ref:s,children:l?jsxRuntime.jsx(Slot.Slot,{render:l,props:C}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[r?jsxRuntime.jsx(style.Icon,{children:jsxRuntime.jsx(Slot.Slot,{render:a,props:f,fallback:jsxRuntime.jsx(Icon.Icon,{...f})})}):null,jsxRuntime.jsxs(style.Container,{...L,layouts:layouts.LAYOUTS_CONTAINER,children:[jsxRuntime.jsx(style.Content,{children:jsxRuntime.jsx(Slot.Slot,{render:c,props:{titleProps:k,textProps:q},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:u,props:k}),jsxRuntime.jsx(Slot.Slot,{render:x,props:q})]})})}),d?jsxRuntime.jsx(style.Addon,{...L,layouts:layouts.LAYOUTS_ADDON,children:jsxRuntime.jsx(Slot.Slot,{render:d,props:{anchorProps:v,buttonProps:E}})}):null]}),n?jsxRuntime.jsx(style.DiscardButton,{children:jsxRuntime.jsx(Slot.Slot,{render:n,props:N})}):null]})})}),{displayName:'Notification',sizes:sizes.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 { Close, InfoCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport type { IconProps } from 'components/Icon'\nimport { Icon } from 'components/Icon'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { ButtonProps } from 'components/Button'\nimport type { PolymorphicAnchorProps } from 'components/Anchor'\nimport type { TextProps } from 'components/Text'\nimport { Slot } from 'components/Slot'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, SIZES_ACTION, SIZES_TITLE, SIZES_TITLE_WITHOUT_TEXT } from './sizes'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\nimport { LAYOUTS_ADDON, LAYOUTS_CONTAINER } from './layouts'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения информационных сообщений, встроенных в интерфейс.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n *\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      withIcon = false,\n      layout = 'horizontal',\n      discardButton,\n      icon,\n      children,\n      content,\n      title,\n      text,\n      addon,\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      ...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 iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      icon: <InfoCircle />,\n      sizes: SIZES_ICON,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      weight: 700,\n      sizes: text ? SIZES_TITLE : SIZES_TITLE_WITHOUT_TEXT,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      wordBreak: 'break-word',\n      color: 'content-onmain-primary',\n      sizes: SIZES_TEXT,\n    }\n\n    const buttonProps: ButtonProps = {\n      ...sizeProps,\n      preset: 'brand',\n      black: true,\n      sizes: SIZES_ACTION,\n    }\n\n    const anchorProps: PolymorphicAnchorProps = {\n      ...sizeProps,\n      preset: 'brand',\n      underline: true,\n      textProps: {\n        appearance: 'body',\n        wordBreak: 'break-word',\n      },\n    }\n\n    const discardButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n    }\n\n    const rootProps = { iconProps, titleProps, textProps, buttonProps, anchorProps, discardButtonProps }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {children ? (\n          <Slot props={rootProps}>{children}</Slot>\n        ) : (\n          <>\n            {withIcon ? (\n              <Styled.Icon>\n                <Slot props={iconProps} fallback={<Icon {...iconProps} />}>\n                  {icon}\n                </Slot>\n              </Styled.Icon>\n            ) : null}\n\n            <Styled.Container {...layoutProps} layouts={LAYOUTS_CONTAINER}>\n              <Styled.Content>\n                <Slot\n                  props={{ titleProps, textProps }}\n                  fallback={\n                    <>\n                      <Slot props={titleProps}>{title}</Slot>\n                      <Slot props={textProps}>{text}</Slot>\n                    </>\n                  }\n                >\n                  {content}\n                </Slot>\n              </Styled.Content>\n\n              {addon ? (\n                <Styled.Addon {...layoutProps} layouts={LAYOUTS_ADDON}>\n                  <Slot props={{ anchorProps, buttonProps }}>{addon}</Slot>\n                </Styled.Addon>\n              ) : null}\n            </Styled.Container>\n\n            {discardButton ? (\n              <Styled.DiscardButton>\n                <Slot props={discardButtonProps}>{discardButton}</Slot>\n              </Styled.DiscardButton>\n            ) : null}\n          </>\n        )}\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","withIcon","layout","discardButton","icon","children","content","title","text","addon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","restProps","sizeProps","layoutProps","iconProps","preset","_jsx","InfoCircle","sizes","SIZES_ICON","titleProps","as","appearance","color","wordBreak","weight","SIZES_TITLE","SIZES_TITLE_WITHOUT_TEXT","textProps","SIZES_TEXT","buttonProps","black","SIZES_ACTION","anchorProps","underline","discardButtonProps","Close","square","rootProps","Styled","Slot","_jsxs","_Fragment","fallback","Icon","layouts","LAYOUTS_CONTAINER","LAYOUTS_ADDON","displayName","SIZES"],"mappings":"gcA2BA,MAAMA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,WAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,SACjBA,GAAW,EAAKC,OAChBA,EAAS,aAAYC,cACrBA,EAAaC,KACbA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,MACJA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,KACGC,GACDzB,EAEJ,MAAM0B,EAAY,CAChBxB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMS,EAAc,CAClBtB,SACAc,YACAC,WACAC,UACAC,UACAC,UACAC,YAGF,MAAMI,EAAuB,IACxBF,EACHG,OAAQ,QACRtB,KAAMuB,WAAAA,IAACC,MAAAA,eACPC,MAAOC,MAAAA,YAGT,MAAMC,EAAwB,IACzBR,EACHS,GAAI,IACJC,WAAY,OACZC,MAAO,yBACPC,UAAW,aACXC,OAAQ,IACRP,MAAOrB,EAAO6B,kBAAcC,MAAAA,0BAG9B,MAAMC,EAAuB,IACxBhB,EACHS,GAAI,IACJC,WAAY,OACZE,UAAW,aACXD,MAAO,yBACPL,MAAOW,MAAAA,YAGT,MAAMC,EAA2B,IAC5BlB,EACHG,OAAQ,QACRgB,OAAO,EACPb,MAAOc,MAAAA,cAGT,MAAMC,EAAsC,IACvCrB,EACHG,OAAQ,QACRmB,WAAW,EACXN,UAAW,CACTN,WAAY,OACZE,UAAW,eAIf,MAAMW,EAAsC,IACvCvB,EACHnB,KAAMuB,WAAAA,IAACoB,QAAAA,UACPC,QAAQ,GAGV,MAAMC,EAAY,CAAExB,YAAWM,aAAYQ,YAAWE,cAAaG,cAAaE,sBAEhF,OACEnB,WAAAA,IAACuB,MAAAA,KAAW,IAAK5B,KAAeC,EAAWvB,OAAQA,EAAQF,IAAKA,EAAIO,SACjEA,EACCsB,WAAAA,IAACwB,UAAI,CAACtD,MAAOoD,EAAU5C,SAAEA,IAEzB+C,WAAAA,KAAAC,oBAAA,CAAAhD,UACGJ,EACC0B,WAAAA,IAACuB,WAAW,CAAA7C,SACVsB,WAAAA,IAACwB,UAAI,CAACtD,MAAO4B,EAAW6B,SAAU3B,WAAAA,IAAC4B,UAAI,IAAK9B,IAAcpB,SACvDD,MAGH,KAEJgD,WAAAA,KAACF,gBAAgB,IAAK1B,EAAagC,QAASC,QAAAA,kBAAkBpD,SAAA,CAC5DsB,WAAAA,IAACuB,cAAc,CAAA7C,SACbsB,WAAAA,IAACwB,UAAI,CACHtD,MAAO,CAAEkC,aAAYQ,aACrBe,SACEF,WAAAA,KAAAC,oBAAA,CAAAhD,SAAA,CACEsB,WAAAA,IAACwB,UAAI,CAACtD,MAAOkC,EAAW1B,SAAEE,IAC1BoB,WAAAA,IAACwB,UAAI,CAACtD,MAAO0C,EAAUlC,SAAEG,OAE5BH,SAEAC,MAIJG,EACCkB,WAAAA,IAACuB,YAAY,IAAK1B,EAAagC,QAASE,QAAAA,cAAcrD,SACpDsB,WAAAA,IAACwB,UAAI,CAACtD,MAAO,CAAE+C,cAAaH,eAAcpC,SAAEI,MAE5C,QAGLN,EACCwB,WAAAA,IAACuB,oBAAoB,CAAA7C,SACnBsB,WAAAA,IAACwB,UAAI,CAACtD,MAAOiD,EAAmBzC,SAAEF,MAElC,YAMd,CACEwD,YAjKmB,eAkKnB9B,MAAO+B,MAAAA"}
+{"version":3,"file":"Notification.js","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close, InfoCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport type { IconProps } from 'components/Icon'\nimport { Icon } from 'components/Icon'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { ButtonProps } from 'components/Button'\nimport type { AnchorProps } from 'components/Anchor'\nimport type { TextProps } from 'components/Text'\nimport { Slot } from 'components/Slot'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, SIZES_ACTION, SIZES_TITLE, SIZES_TITLE_WITHOUT_TEXT } from './sizes'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\nimport { LAYOUTS_ADDON, LAYOUTS_CONTAINER } from './layouts'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения информационных сообщений, встроенных в интерфейс.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n *\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      withIcon = false,\n      layout = 'horizontal',\n      discardButton,\n      icon,\n      children,\n      content,\n      title,\n      text,\n      addon,\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      ...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 iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      icon: <InfoCircle />,\n      sizes: SIZES_ICON,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      weight: 700,\n      sizes: text ? SIZES_TITLE : SIZES_TITLE_WITHOUT_TEXT,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      wordBreak: 'break-word',\n      color: 'content-onmain-primary',\n      sizes: SIZES_TEXT,\n    }\n\n    const buttonProps: ButtonProps = {\n      ...sizeProps,\n      preset: 'brand',\n      black: true,\n      sizes: SIZES_ACTION,\n    }\n\n    const anchorProps: AnchorProps = {\n      ...sizeProps,\n      preset: 'brand',\n      underline: true,\n      textProps: {\n        appearance: 'body',\n        wordBreak: 'break-word',\n      },\n    }\n\n    const discardButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n    }\n\n    const rootProps = { iconProps, titleProps, textProps, buttonProps, anchorProps, discardButtonProps }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {children ? (\n          <Slot render={children} props={rootProps} />\n        ) : (\n          <>\n            {withIcon ? (\n              <Styled.Icon>\n                <Slot render={icon} props={iconProps} fallback={<Icon {...iconProps} />} />\n              </Styled.Icon>\n            ) : null}\n\n            <Styled.Container {...layoutProps} layouts={LAYOUTS_CONTAINER}>\n              <Styled.Content>\n                <Slot\n                  render={content}\n                  props={{ titleProps, textProps }}\n                  fallback={\n                    <>\n                      <Slot render={title} props={titleProps} />\n                      <Slot render={text} props={textProps} />\n                    </>\n                  }\n                />\n              </Styled.Content>\n\n              {addon ? (\n                <Styled.Addon {...layoutProps} layouts={LAYOUTS_ADDON}>\n                  <Slot render={addon} props={{ anchorProps, buttonProps }} />\n                </Styled.Addon>\n              ) : null}\n            </Styled.Container>\n\n            {discardButton ? (\n              <Styled.DiscardButton>\n                <Slot render={discardButton} props={discardButtonProps} />\n              </Styled.DiscardButton>\n            ) : null}\n          </>\n        )}\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","withIcon","layout","discardButton","icon","children","content","title","text","addon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","restProps","sizeProps","layoutProps","iconProps","preset","_jsx","InfoCircle","sizes","SIZES_ICON","titleProps","as","appearance","color","wordBreak","weight","SIZES_TITLE","SIZES_TITLE_WITHOUT_TEXT","textProps","SIZES_TEXT","buttonProps","black","SIZES_ACTION","anchorProps","underline","discardButtonProps","Close","square","rootProps","Styled","Slot","render","_jsxs","_Fragment","fallback","Icon","layouts","LAYOUTS_CONTAINER","LAYOUTS_ADDON","displayName","SIZES"],"mappings":"gcA2BA,MAAMA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,WAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,SACjBA,GAAW,EAAKC,OAChBA,EAAS,aAAYC,cACrBA,EAAaC,KACbA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,MACJA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,KACGC,GACDzB,EAEJ,MAAM0B,EAAY,CAChBxB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMS,EAAc,CAClBtB,SACAc,YACAC,WACAC,UACAC,UACAC,UACAC,YAGF,MAAMI,EAAuB,IACxBF,EACHG,OAAQ,QACRtB,KAAMuB,WAAAA,IAACC,MAAAA,eACPC,MAAOC,MAAAA,YAGT,MAAMC,EAAwB,IACzBR,EACHS,GAAI,IACJC,WAAY,OACZC,MAAO,yBACPC,UAAW,aACXC,OAAQ,IACRP,MAAOrB,EAAO6B,kBAAcC,MAAAA,0BAG9B,MAAMC,EAAuB,IACxBhB,EACHS,GAAI,IACJC,WAAY,OACZE,UAAW,aACXD,MAAO,yBACPL,MAAOW,MAAAA,YAGT,MAAMC,EAA2B,IAC5BlB,EACHG,OAAQ,QACRgB,OAAO,EACPb,MAAOc,MAAAA,cAGT,MAAMC,EAA2B,IAC5BrB,EACHG,OAAQ,QACRmB,WAAW,EACXN,UAAW,CACTN,WAAY,OACZE,UAAW,eAIf,MAAMW,EAAsC,IACvCvB,EACHnB,KAAMuB,WAAAA,IAACoB,QAAAA,UACPC,QAAQ,GAGV,MAAMC,EAAY,CAAExB,YAAWM,aAAYQ,YAAWE,cAAaG,cAAaE,sBAEhF,OACEnB,WAAAA,IAACuB,MAAAA,KAAW,IAAK5B,KAAeC,EAAWvB,OAAQA,EAAQF,IAAKA,EAAIO,SACjEA,EACCsB,WAAAA,IAACwB,UAAI,CAACC,OAAQ/C,EAAUR,MAAOoD,IAE/BI,WAAAA,KAAAC,oBAAA,CAAAjD,UACGJ,EACC0B,WAAAA,IAACuB,WAAW,CAAA7C,SACVsB,WAAAA,IAACwB,UAAI,CAACC,OAAQhD,EAAMP,MAAO4B,EAAW8B,SAAU5B,WAAAA,IAAC6B,UAAI,IAAK/B,QAE1D,KAEJ4B,WAAAA,KAACH,gBAAgB,IAAK1B,EAAaiC,QAASC,QAAAA,kBAAkBrD,SAAA,CAC5DsB,WAAAA,IAACuB,cAAc,CAAA7C,SACbsB,WAAAA,IAACwB,UAAI,CACHC,OAAQ9C,EACRT,MAAO,CAAEkC,aAAYQ,aACrBgB,SACEF,WAAAA,KAAAC,oBAAA,CAAAjD,SAAA,CACEsB,WAAAA,IAACwB,UAAI,CAACC,OAAQ7C,EAAOV,MAAOkC,IAC5BJ,WAAAA,IAACwB,UAAI,CAACC,OAAQ5C,EAAMX,MAAO0C,WAMlC9B,EACCkB,WAAAA,IAACuB,YAAY,IAAK1B,EAAaiC,QAASE,QAAAA,cAActD,SACpDsB,WAAAA,IAACwB,UAAI,CAACC,OAAQ3C,EAAOZ,MAAO,CAAE+C,cAAaH,mBAE3C,QAGLtC,EACCwB,WAAAA,IAACuB,oBAAoB,CAAA7C,SACnBsB,WAAAA,IAACwB,UAAI,CAACC,OAAQjD,EAAeN,MAAOiD,MAEpC,YAMd,CACEc,YA9JmB,eA+JnB/B,MAAOgC,MAAAA"}

package/components/Notification/Notification.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ACTION,SIZES_TEXT,SIZES_TITLE,SIZES_TITLE_WITHOUT_TEXT,SIZES_ICON}from'./sizes.mjs';import{Root,Icon,Container,Content,Addon,DiscardButton}from'./style.mjs';import{LAYOUTS_CONTAINER,LAYOUTS_ADDON}from'./layouts.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Icon as Icon$1}from'../Icon/Icon.mjs';import{InfoCircle}from'../../icon-pack/src/icons/InfoCircle/index.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const Notification=withMergedProps(forwardRef((o,s)=>{const{size:r="m",status:t="system",withIcon:e=!1,layout:n="horizontal",discardButton:i,icon:a,children:c,content:l,title:p,text:S,addon:d,sizeXXS:m,sizeXS:I,sizeS:u,sizeM:j,sizeL:x,sizeXL:T,layoutXXS:h,layoutXS:y,layoutS:f,layoutM:E,layoutL:z,layoutXL:X,..._}=o;const C={size:r,sizeXXS:m,sizeXS:I,sizeS:u,sizeM:j,sizeL:x,sizeXL:T};const L={layout:n,layoutXXS:h,layoutXS:y,layoutS:f,layoutM:E,layoutL:z,layoutXL:X};const b={...C,preset:'brand',icon:jsx(InfoCircle,{}),sizes:SIZES_ICON};const N={...C,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',weight:700,sizes:S?SIZES_TITLE:SIZES_TITLE_WITHOUT_TEXT};const O={...C,as:'p',appearance:'body',wordBreak:'break-word',color:'content-onmain-primary',sizes:SIZES_TEXT};const P={...C,preset:'brand',black:!0,sizes:SIZES_ACTION};const w={...C,preset:'brand',underline:!0,textProps:{appearance:'body',wordBreak:'break-word'}};const A={...C,icon:jsx(Close,{}),square:!0};const Z={iconProps:b,titleProps:N,textProps:O,buttonProps:P,anchorProps:w,discardButtonProps:A};return jsx(Root,{..._,...C,status:t,ref:s,children:c?jsx(Slot,{props:Z,children:c}):jsxs(Fragment,{children:[e?jsx(Icon,{children:jsx(Slot,{props:b,fallback:jsx(Icon$1,{...b}),children:a})}):null,jsxs(Container,{...L,layouts:LAYOUTS_CONTAINER,children:[jsx(Content,{children:jsx(Slot,{props:{titleProps:N,textProps:O},fallback:jsxs(Fragment,{children:[jsx(Slot,{props:N,children:p}),jsx(Slot,{props:O,children:S})]}),children:l})}),d?jsx(Addon,{...L,layouts:LAYOUTS_ADDON,children:jsx(Slot,{props:{anchorProps:w,buttonProps:P},children:d})}):null]}),i?jsx(DiscardButton,{children:jsx(Slot,{props:A,children:i})}):null]})})}),{displayName:'Notification',sizes:SIZES});export{Notification};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ACTION,SIZES_TEXT,SIZES_TITLE,SIZES_TITLE_WITHOUT_TEXT,SIZES_ICON}from'./sizes.mjs';import{Root,Icon,Container,Content,Addon,DiscardButton}from'./style.mjs';import{LAYOUTS_CONTAINER,LAYOUTS_ADDON}from'./layouts.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Icon as Icon$1}from'../Icon/Icon.mjs';import{InfoCircle}from'../../icon-pack/src/icons/InfoCircle/index.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const Notification=withMergedProps(forwardRef((o,r)=>{const{size:s="m",status:t="system",withIcon:e=!1,layout:n="horizontal",discardButton:i,icon:a,children:c,content:l,title:p,text:S,addon:d,sizeXXS:m,sizeXS:I,sizeS:u,sizeM:j,sizeL:x,sizeXL:T,layoutXXS:y,layoutXS:f,layoutS:E,layoutM:z,layoutL:X,layoutXL:h,..._}=o;const C={size:s,sizeXXS:m,sizeXS:I,sizeS:u,sizeM:j,sizeL:x,sizeXL:T};const L={layout:n,layoutXXS:y,layoutXS:f,layoutS:E,layoutM:z,layoutL:X,layoutXL:h};const b={...C,preset:'brand',icon:jsx(InfoCircle,{}),sizes:SIZES_ICON};const N={...C,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',weight:700,sizes:S?SIZES_TITLE:SIZES_TITLE_WITHOUT_TEXT};const O={...C,as:'p',appearance:'body',wordBreak:'break-word',color:'content-onmain-primary',sizes:SIZES_TEXT};const P={...C,preset:'brand',black:!0,sizes:SIZES_ACTION};const w={...C,preset:'brand',underline:!0,textProps:{appearance:'body',wordBreak:'break-word'}};const A={...C,icon:jsx(Close,{}),square:!0};const Z={iconProps:b,titleProps:N,textProps:O,buttonProps:P,anchorProps:w,discardButtonProps:A};return jsx(Root,{..._,...C,status:t,ref:r,children:c?jsx(Slot,{render:c,props:Z}):jsxs(Fragment,{children:[e?jsx(Icon,{children:jsx(Slot,{render:a,props:b,fallback:jsx(Icon$1,{...b})})}):null,jsxs(Container,{...L,layouts:LAYOUTS_CONTAINER,children:[jsx(Content,{children:jsx(Slot,{render:l,props:{titleProps:N,textProps:O},fallback:jsxs(Fragment,{children:[jsx(Slot,{render:p,props:N}),jsx(Slot,{render:S,props:O})]})})}),d?jsx(Addon,{...L,layouts:LAYOUTS_ADDON,children:jsx(Slot,{render:d,props:{anchorProps:w,buttonProps:P}})}):null]}),i?jsx(DiscardButton,{children:jsx(Slot,{render:i,props:A})}):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 { Close, InfoCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport type { IconProps } from 'components/Icon'\nimport { Icon } from 'components/Icon'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { ButtonProps } from 'components/Button'\nimport type { PolymorphicAnchorProps } from 'components/Anchor'\nimport type { TextProps } from 'components/Text'\nimport { Slot } from 'components/Slot'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, SIZES_ACTION, SIZES_TITLE, SIZES_TITLE_WITHOUT_TEXT } from './sizes'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\nimport { LAYOUTS_ADDON, LAYOUTS_CONTAINER } from './layouts'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения информационных сообщений, встроенных в интерфейс.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n *\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      withIcon = false,\n      layout = 'horizontal',\n      discardButton,\n      icon,\n      children,\n      content,\n      title,\n      text,\n      addon,\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      ...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 iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      icon: <InfoCircle />,\n      sizes: SIZES_ICON,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      weight: 700,\n      sizes: text ? SIZES_TITLE : SIZES_TITLE_WITHOUT_TEXT,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      wordBreak: 'break-word',\n      color: 'content-onmain-primary',\n      sizes: SIZES_TEXT,\n    }\n\n    const buttonProps: ButtonProps = {\n      ...sizeProps,\n      preset: 'brand',\n      black: true,\n      sizes: SIZES_ACTION,\n    }\n\n    const anchorProps: PolymorphicAnchorProps = {\n      ...sizeProps,\n      preset: 'brand',\n      underline: true,\n      textProps: {\n        appearance: 'body',\n        wordBreak: 'break-word',\n      },\n    }\n\n    const discardButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n    }\n\n    const rootProps = { iconProps, titleProps, textProps, buttonProps, anchorProps, discardButtonProps }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {children ? (\n          <Slot props={rootProps}>{children}</Slot>\n        ) : (\n          <>\n            {withIcon ? (\n              <Styled.Icon>\n                <Slot props={iconProps} fallback={<Icon {...iconProps} />}>\n                  {icon}\n                </Slot>\n              </Styled.Icon>\n            ) : null}\n\n            <Styled.Container {...layoutProps} layouts={LAYOUTS_CONTAINER}>\n              <Styled.Content>\n                <Slot\n                  props={{ titleProps, textProps }}\n                  fallback={\n                    <>\n                      <Slot props={titleProps}>{title}</Slot>\n                      <Slot props={textProps}>{text}</Slot>\n                    </>\n                  }\n                >\n                  {content}\n                </Slot>\n              </Styled.Content>\n\n              {addon ? (\n                <Styled.Addon {...layoutProps} layouts={LAYOUTS_ADDON}>\n                  <Slot props={{ anchorProps, buttonProps }}>{addon}</Slot>\n                </Styled.Addon>\n              ) : null}\n            </Styled.Container>\n\n            {discardButton ? (\n              <Styled.DiscardButton>\n                <Slot props={discardButtonProps}>{discardButton}</Slot>\n              </Styled.DiscardButton>\n            ) : null}\n          </>\n        )}\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","withIcon","layout","discardButton","icon","children","content","title","text","addon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","restProps","sizeProps","layoutProps","iconProps","preset","_jsx","InfoCircle","sizes","SIZES_ICON","titleProps","as","appearance","color","wordBreak","weight","SIZES_TITLE","SIZES_TITLE_WITHOUT_TEXT","textProps","SIZES_TEXT","buttonProps","black","SIZES_ACTION","anchorProps","underline","discardButtonProps","Close","square","rootProps","Styled","Slot","_jsxs","_Fragment","fallback","Icon","layouts","LAYOUTS_CONTAINER","LAYOUTS_ADDON","displayName","SIZES"],"mappings":"0kBA2BA,MAAMA,aAAmEC,gBAIvEC,WAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,SACjBA,GAAW,EAAKC,OAChBA,EAAS,aAAYC,cACrBA,EAAaC,KACbA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,MACJA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,KACGC,GACDzB,EAEJ,MAAM0B,EAAY,CAChBxB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMS,EAAc,CAClBtB,SACAc,YACAC,WACAC,UACAC,UACAC,UACAC,YAGF,MAAMI,EAAuB,IACxBF,EACHG,OAAQ,QACRtB,KAAMuB,IAACC,eACPC,MAAOC,YAGT,MAAMC,EAAwB,IACzBR,EACHS,GAAI,IACJC,WAAY,OACZC,MAAO,yBACPC,UAAW,aACXC,OAAQ,IACRP,MAAOrB,EAAO6B,YAAcC,0BAG9B,MAAMC,EAAuB,IACxBhB,EACHS,GAAI,IACJC,WAAY,OACZE,UAAW,aACXD,MAAO,yBACPL,MAAOW,YAGT,MAAMC,EAA2B,IAC5BlB,EACHG,OAAQ,QACRgB,OAAO,EACPb,MAAOc,cAGT,MAAMC,EAAsC,IACvCrB,EACHG,OAAQ,QACRmB,WAAW,EACXN,UAAW,CACTN,WAAY,OACZE,UAAW,eAIf,MAAMW,EAAsC,IACvCvB,EACHnB,KAAMuB,IAACoB,UACPC,QAAQ,GAGV,MAAMC,EAAY,CAAExB,YAAWM,aAAYQ,YAAWE,cAAaG,cAAaE,sBAEhF,OACEnB,IAACuB,KAAW,IAAK5B,KAAeC,EAAWvB,OAAQA,EAAQF,IAAKA,EAAIO,SACjEA,EACCsB,IAACwB,KAAI,CAACtD,MAAOoD,EAAU5C,SAAEA,IAEzB+C,KAAAC,SAAA,CAAAhD,UACGJ,EACC0B,IAACuB,KAAW,CAAA7C,SACVsB,IAACwB,KAAI,CAACtD,MAAO4B,EAAW6B,SAAU3B,IAAC4B,OAAI,IAAK9B,IAAcpB,SACvDD,MAGH,KAEJgD,KAACF,UAAgB,IAAK1B,EAAagC,QAASC,kBAAkBpD,SAAA,CAC5DsB,IAACuB,QAAc,CAAA7C,SACbsB,IAACwB,KAAI,CACHtD,MAAO,CAAEkC,aAAYQ,aACrBe,SACEF,KAAAC,SAAA,CAAAhD,SAAA,CACEsB,IAACwB,KAAI,CAACtD,MAAOkC,EAAW1B,SAAEE,IAC1BoB,IAACwB,KAAI,CAACtD,MAAO0C,EAAUlC,SAAEG,OAE5BH,SAEAC,MAIJG,EACCkB,IAACuB,MAAY,IAAK1B,EAAagC,QAASE,cAAcrD,SACpDsB,IAACwB,KAAI,CAACtD,MAAO,CAAE+C,cAAaH,eAAcpC,SAAEI,MAE5C,QAGLN,EACCwB,IAACuB,cAAoB,CAAA7C,SACnBsB,IAACwB,KAAI,CAACtD,MAAOiD,EAAmBzC,SAAEF,MAElC,YAMd,CACEwD,YAjKmB,eAkKnB9B,MAAO+B"}
+{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close, InfoCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport type { IconProps } from 'components/Icon'\nimport { Icon } from 'components/Icon'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { ButtonProps } from 'components/Button'\nimport type { AnchorProps } from 'components/Anchor'\nimport type { TextProps } from 'components/Text'\nimport { Slot } from 'components/Slot'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, SIZES_ACTION, SIZES_TITLE, SIZES_TITLE_WITHOUT_TEXT } from './sizes'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\nimport { LAYOUTS_ADDON, LAYOUTS_CONTAINER } from './layouts'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения информационных сообщений, встроенных в интерфейс.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n *\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      withIcon = false,\n      layout = 'horizontal',\n      discardButton,\n      icon,\n      children,\n      content,\n      title,\n      text,\n      addon,\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      ...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 iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      icon: <InfoCircle />,\n      sizes: SIZES_ICON,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      weight: 700,\n      sizes: text ? SIZES_TITLE : SIZES_TITLE_WITHOUT_TEXT,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      wordBreak: 'break-word',\n      color: 'content-onmain-primary',\n      sizes: SIZES_TEXT,\n    }\n\n    const buttonProps: ButtonProps = {\n      ...sizeProps,\n      preset: 'brand',\n      black: true,\n      sizes: SIZES_ACTION,\n    }\n\n    const anchorProps: AnchorProps = {\n      ...sizeProps,\n      preset: 'brand',\n      underline: true,\n      textProps: {\n        appearance: 'body',\n        wordBreak: 'break-word',\n      },\n    }\n\n    const discardButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n    }\n\n    const rootProps = { iconProps, titleProps, textProps, buttonProps, anchorProps, discardButtonProps }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {children ? (\n          <Slot render={children} props={rootProps} />\n        ) : (\n          <>\n            {withIcon ? (\n              <Styled.Icon>\n                <Slot render={icon} props={iconProps} fallback={<Icon {...iconProps} />} />\n              </Styled.Icon>\n            ) : null}\n\n            <Styled.Container {...layoutProps} layouts={LAYOUTS_CONTAINER}>\n              <Styled.Content>\n                <Slot\n                  render={content}\n                  props={{ titleProps, textProps }}\n                  fallback={\n                    <>\n                      <Slot render={title} props={titleProps} />\n                      <Slot render={text} props={textProps} />\n                    </>\n                  }\n                />\n              </Styled.Content>\n\n              {addon ? (\n                <Styled.Addon {...layoutProps} layouts={LAYOUTS_ADDON}>\n                  <Slot render={addon} props={{ anchorProps, buttonProps }} />\n                </Styled.Addon>\n              ) : null}\n            </Styled.Container>\n\n            {discardButton ? (\n              <Styled.DiscardButton>\n                <Slot render={discardButton} props={discardButtonProps} />\n              </Styled.DiscardButton>\n            ) : null}\n          </>\n        )}\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","withIcon","layout","discardButton","icon","children","content","title","text","addon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","restProps","sizeProps","layoutProps","iconProps","preset","_jsx","InfoCircle","sizes","SIZES_ICON","titleProps","as","appearance","color","wordBreak","weight","SIZES_TITLE","SIZES_TITLE_WITHOUT_TEXT","textProps","SIZES_TEXT","buttonProps","black","SIZES_ACTION","anchorProps","underline","discardButtonProps","Close","square","rootProps","Styled","Slot","render","_jsxs","_Fragment","fallback","Icon","layouts","LAYOUTS_CONTAINER","LAYOUTS_ADDON","displayName","SIZES"],"mappings":"0kBA2BA,MAAMA,aAAmEC,gBAIvEC,WAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,SACjBA,GAAW,EAAKC,OAChBA,EAAS,aAAYC,cACrBA,EAAaC,KACbA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,MACJA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,KACGC,GACDzB,EAEJ,MAAM0B,EAAY,CAChBxB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMS,EAAc,CAClBtB,SACAc,YACAC,WACAC,UACAC,UACAC,UACAC,YAGF,MAAMI,EAAuB,IACxBF,EACHG,OAAQ,QACRtB,KAAMuB,IAACC,eACPC,MAAOC,YAGT,MAAMC,EAAwB,IACzBR,EACHS,GAAI,IACJC,WAAY,OACZC,MAAO,yBACPC,UAAW,aACXC,OAAQ,IACRP,MAAOrB,EAAO6B,YAAcC,0BAG9B,MAAMC,EAAuB,IACxBhB,EACHS,GAAI,IACJC,WAAY,OACZE,UAAW,aACXD,MAAO,yBACPL,MAAOW,YAGT,MAAMC,EAA2B,IAC5BlB,EACHG,OAAQ,QACRgB,OAAO,EACPb,MAAOc,cAGT,MAAMC,EAA2B,IAC5BrB,EACHG,OAAQ,QACRmB,WAAW,EACXN,UAAW,CACTN,WAAY,OACZE,UAAW,eAIf,MAAMW,EAAsC,IACvCvB,EACHnB,KAAMuB,IAACoB,UACPC,QAAQ,GAGV,MAAMC,EAAY,CAAExB,YAAWM,aAAYQ,YAAWE,cAAaG,cAAaE,sBAEhF,OACEnB,IAACuB,KAAW,IAAK5B,KAAeC,EAAWvB,OAAQA,EAAQF,IAAKA,EAAIO,SACjEA,EACCsB,IAACwB,KAAI,CAACC,OAAQ/C,EAAUR,MAAOoD,IAE/BI,KAAAC,SAAA,CAAAjD,UACGJ,EACC0B,IAACuB,KAAW,CAAA7C,SACVsB,IAACwB,KAAI,CAACC,OAAQhD,EAAMP,MAAO4B,EAAW8B,SAAU5B,IAAC6B,OAAI,IAAK/B,QAE1D,KAEJ4B,KAACH,UAAgB,IAAK1B,EAAaiC,QAASC,kBAAkBrD,SAAA,CAC5DsB,IAACuB,QAAc,CAAA7C,SACbsB,IAACwB,KAAI,CACHC,OAAQ9C,EACRT,MAAO,CAAEkC,aAAYQ,aACrBgB,SACEF,KAAAC,SAAA,CAAAjD,SAAA,CACEsB,IAACwB,KAAI,CAACC,OAAQ7C,EAAOV,MAAOkC,IAC5BJ,IAACwB,KAAI,CAACC,OAAQ5C,EAAMX,MAAO0C,WAMlC9B,EACCkB,IAACuB,MAAY,IAAK1B,EAAaiC,QAASE,cAActD,SACpDsB,IAACwB,KAAI,CAACC,OAAQ3C,EAAOZ,MAAO,CAAE+C,cAAaH,mBAE3C,QAGLtC,EACCwB,IAACuB,cAAoB,CAAA7C,SACnBsB,IAACwB,KAAI,CAACC,OAAQjD,EAAeN,MAAOiD,MAEpC,YAMd,CACEc,YA9JmB,eA+JnB/B,MAAOgC"}

package/components/Slot/Slot.js

@@ -1,2 +1,2 @@
-'use strict';var renderSlot=require('./renderSlot.js');var jsxRuntime=require('react/jsx-runtime');exports.Slot=({props:e,children:r,fallback:t})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:renderSlot.renderSlot(r,e)??renderSlot.renderSlot(t,e)});
+'use strict';var renderSlot=require('./renderSlot.js');var jsxRuntime=require('react/jsx-runtime');exports.Slot=({render:e,fallback:r,props:t={}})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:renderSlot.renderSlot(e,t)??renderSlot.renderSlot(r,t)});
 //# sourceMappingURL=Slot.js.map

package/components/Slot/Slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slot.js","sources":["../../../../src/components/Slot/Slot.tsx"],"sourcesContent":["import type { SlotProps } from './types'\nimport { renderSlot } from './renderSlot'\n\nconst Slot = <Props extends object>({ props, children, fallback }: SlotProps<Props>): React.ReactElement => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{renderSlot(children, props) ?? renderSlot(fallback, props)}</>\n)\n\nexport { Slot }\n"],"names":["Slot","props","children","fallback","_jsx","_Fragment","renderSlot"],"mappings":"gHAGaA,EAAyBC,QAAOC,WAAUC,cAErDC,WAAAA,IAAAC,oBAAA,CAAAH,SAAGI,WAAAA,WAAWJ,EAAUD,IAAUK,WAAAA,WAAWH,EAAUF"}
+{"version":3,"file":"Slot.js","sources":["../../../../src/components/Slot/Slot.tsx"],"sourcesContent":["import type { SlotProps } from './types'\nimport { renderSlot } from './renderSlot'\n\nconst Slot = <Props extends object>({\n  render,\n  fallback,\n  props = {} as Props,\n}: SlotProps<Props>): React.ReactElement => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{renderSlot(render, props) ?? renderSlot(fallback, props)}</>\n)\n\nexport { Slot }\n"],"names":["Slot","render","fallback","props","_jsx","_Fragment","children","renderSlot"],"mappings":"gHAGaA,EACXC,SACAC,WACAC,QAAQ,CAAA,KAGRC,WAAAA,IAAAC,oBAAA,CAAAC,SAAGC,WAAAA,WAAWN,EAAQE,IAAUI,WAAAA,WAAWL,EAAUC"}

package/components/Slot/Slot.mjs

@@ -1,2 +1,2 @@
-import{renderSlot}from'./renderSlot.mjs';import{jsx,Fragment}from'react/jsx-runtime';const Slot=({props:r,children:e,fallback:t})=>jsx(Fragment,{children:renderSlot(e,r)??renderSlot(t,r)});export{Slot};
+import{renderSlot}from'./renderSlot.mjs';import{jsx,Fragment}from'react/jsx-runtime';const Slot=({render:r,fallback:e,props:t={}})=>jsx(Fragment,{children:renderSlot(r,t)??renderSlot(e,t)});export{Slot};
 //# sourceMappingURL=Slot.mjs.map

package/components/Slot/Slot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slot.mjs","sources":["../../../../src/components/Slot/Slot.tsx"],"sourcesContent":["import type { SlotProps } from './types'\nimport { renderSlot } from './renderSlot'\n\nconst Slot = <Props extends object>({ props, children, fallback }: SlotProps<Props>): React.ReactElement => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{renderSlot(children, props) ?? renderSlot(fallback, props)}</>\n)\n\nexport { Slot }\n"],"names":["Slot","props","children","fallback","_jsx","_Fragment","renderSlot"],"mappings":"qFAGA,MAAMA,KAAOA,EAAyBC,QAAOC,WAAUC,cAErDC,IAAAC,SAAA,CAAAH,SAAGI,WAAWJ,EAAUD,IAAUK,WAAWH,EAAUF"}
+{"version":3,"file":"Slot.mjs","sources":["../../../../src/components/Slot/Slot.tsx"],"sourcesContent":["import type { SlotProps } from './types'\nimport { renderSlot } from './renderSlot'\n\nconst Slot = <Props extends object>({\n  render,\n  fallback,\n  props = {} as Props,\n}: SlotProps<Props>): React.ReactElement => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{renderSlot(render, props) ?? renderSlot(fallback, props)}</>\n)\n\nexport { Slot }\n"],"names":["Slot","render","fallback","props","_jsx","_Fragment","children","renderSlot"],"mappings":"qFAGA,MAAMA,KAAOA,EACXC,SACAC,WACAC,QAAQ,CAAA,KAGRC,IAAAC,SAAA,CAAAC,SAAGC,WAAWN,EAAQE,IAAUI,WAAWL,EAAUC"}