@foxford/ui 2.89.0-beta-fed2f07-20251216 → 2.89.0-beta-116bdf3-20251218

package/components/AddElement/sizes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/AddElement/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  l: { padding: 20, borderRadius: 10 },\n  m: { padding: 16, borderRadius: 6 },\n  s: { padding: 12, borderRadius: 6 },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  l: { padding: 32, width: 360, minHeight: 360, borderRadius: 12 },\n  m: { padding: 32, width: 300, minHeight: 300, borderRadius: 12 },\n  s: { padding: 32, width: 120, minHeight: 120, borderRadius: 12 },\n}\n\nexport const SIZES_ICON_CONTAINER: Record<Size, CSSProperties> = {\n  l: { marginLeft: 16 },\n  m: { marginLeft: 12 },\n  s: { marginLeft: 12 },\n}\n\nexport const SIZES_ICON_CONTAINER_SQUARE: Record<Size, CSSProperties> = {\n  l: { marginBottom: 12 },\n  m: { marginBottom: 8 },\n  s: { marginBottom: 0 },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  l: { fontSize: 28 },\n  m: { fontSize: 20 },\n  s: { fontSize: 16 },\n}\n\nexport const SIZES_ICON_SQUARE: Record<Size, CSSProperties> = {\n  l: { fontSize: 40 },\n  m: { fontSize: 32 },\n  s: { fontSize: 40 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  l: { display: 'flex' },\n  m: { display: 'flex' },\n  s: { display: 'flex' },\n}\n\nexport const SIZES_CONTENT_SQUARE: Record<Size, CSSProperties> = {\n  l: { display: 'flex' },\n  m: { display: 'flex' },\n  s: { display: 'none' },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n  l: { fontSize: 18, marginBottom: 4 },\n  m: { fontSize: 16, marginBottom: 4 },\n  s: { fontSize: 14, marginBottom: 4 },\n}\n\nexport const SIZES_TITLE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n  l: { fontSize: 18, marginBottom: 0 },\n  m: { fontSize: 16, marginBottom: 0 },\n  s: { fontSize: 14, marginBottom: 0 },\n}\n\nexport const SIZES_TITLE_SQUARE: Record<Size, CSSProperties> = {\n  l: { fontSize: 24, marginBottom: 16 },\n  m: { fontSize: 20, marginBottom: 12 },\n  s: {},\n}\n\nexport const SIZES_TITLE_SQUARE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n  l: { fontSize: 24, marginBottom: 0 },\n  m: { fontSize: 20, marginBottom: 0 },\n  s: {},\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  l: { fontSize: 16 },\n  m: { fontSize: 14 },\n  s: { fontSize: 14 },\n}\n\nexport const SIZES_TEXT_SQUARE: Record<Size, CSSProperties> = {\n  l: { fontSize: 20 },\n  m: { fontSize: 16 },\n  s: {},\n}\n"],"names":["SIZES","l","padding","borderRadius","m","s","SIZES_SQUARE","width","minHeight","SIZES_ICON_CONTAINER","marginLeft","SIZES_ICON_CONTAINER_SQUARE","marginBottom","SIZES_ICON","fontSize","SIZES_ICON_SQUARE","SIZES_CONTENT","display","SIZES_CONTENT_SQUARE","SIZES_TITLE","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TEXT","SIZES_TEXT_SQUARE"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,EAAG,CAAEC,QAAS,GAAIC,aAAc,IAChCC,EAAG,CAAEF,QAAS,GAAIC,aAAc,GAChCE,EAAG,CAAEH,QAAS,GAAIC,aAAc,IAG3B,MAAMG,aAA4C,CACvDL,EAAG,CAAEC,QAAS,GAAIK,MAAO,IAAKC,UAAW,IAAKL,aAAc,IAC5DC,EAAG,CAAEF,QAAS,GAAIK,MAAO,IAAKC,UAAW,IAAKL,aAAc,IAC5DE,EAAG,CAAEH,QAAS,GAAIK,MAAO,IAAKC,UAAW,IAAKL,aAAc,KAGvD,MAAMM,qBAAoD,CAC/DR,EAAG,CAAES,WAAY,IACjBN,EAAG,CAAEM,WAAY,IACjBL,EAAG,CAAEK,WAAY,KAGZ,MAAMC,4BAA2D,CACtEV,EAAG,CAAEW,aAAc,IACnBR,EAAG,CAAEQ,aAAc,GACnBP,EAAG,CAAEO,aAAc,IAGd,MAAMC,WAA0C,CACrDZ,EAAG,CAAEa,SAAU,IACfV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,KAGV,MAAMC,kBAAiD,CAC5Dd,EAAG,CAAEa,SAAU,IACfV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,KAGV,MAAME,cAA6C,CACxDf,EAAG,CAAEgB,QAAS,QACdb,EAAG,CAAEa,QAAS,QACdZ,EAAG,CAAEY,QAAS,SAGT,MAAMC,qBAAoD,CAC/DjB,EAAG,CAAEgB,QAAS,QACdb,EAAG,CAAEa,QAAS,QACdZ,EAAG,CAAEY,QAAS,SAGT,MAAME,YAA2C,CACtDlB,EAAG,CAAEa,SAAU,GAAIF,aAAc,GACjCR,EAAG,CAAEU,SAAU,GAAIF,aAAc,GACjCP,EAAG,CAAES,SAAU,GAAIF,aAAc,IAG5B,MAAMQ,yBAAwD,CACnEnB,EAAG,CAAEa,SAAU,GAAIF,aAAc,GACjCR,EAAG,CAAEU,SAAU,GAAIF,aAAc,GACjCP,EAAG,CAAES,SAAU,GAAIF,aAAc,IAG5B,MAAMS,mBAAkD,CAC7DpB,EAAG,CAAEa,SAAU,GAAIF,aAAc,IACjCR,EAAG,CAAEU,SAAU,GAAIF,aAAc,IACjCP,EAAG,CAAC,GAGC,MAAMiB,gCAA+D,CAC1ErB,EAAG,CAAEa,SAAU,GAAIF,aAAc,GACjCR,EAAG,CAAEU,SAAU,GAAIF,aAAc,GACjCP,EAAG,CAAC,GAGC,MAAMkB,WAA0C,CACrDtB,EAAG,CAAEa,SAAU,IACfV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,KAGV,MAAMU,kBAAiD,CAC5DvB,EAAG,CAAEa,SAAU,IACfV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAC"}

package/components/AddElement/style.js

@@ -0,0 +1,2 @@
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardProp=style.createShouldForwardProp((o=>!['variant','square'].includes(o)));const IconContainer=styled__default.default.span.withConfig({shouldForwardProp}).withConfig({displayName:"AddElement__IconContainer",componentId:"ui__sc-7123ed-0"})(["flex-shrink:0;display:flex;transition-property:color;transition-duration:250ms;"," ",""],(o=>`\n      order: ${o.square?'initial':'2'};\n    `),responsiveSize.responsiveSize);const TextContainer=styled__default.default.span.withConfig({displayName:"AddElement__TextContainer",componentId:"ui__sc-7123ed-1"})(["transition-property:color;transition-duration:250ms;"]);const template=o=>`\n  color: ${o.titleColor};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n\n  & ${TextContainer} {\n    color: ${o.textColor};\n  }\n\n  & ${IconContainer} {\n    color: ${o.iconColor};\n  }\n\n  ${hover.hover(`\n    color: ${o.titleColorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  ${hover.hover(`\n    color: ${o.textColorHover};\n  `,`&:hover ${TextContainer}`)}\n  ${hover.hover(`\n    color: ${o.iconColorHover};\n  `,`&:hover ${IconContainer}`)}\n\n  &:active {\n    color: ${o.titleColorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:active ${TextContainer} {\n    color: ${o.textColorActive};\n  }\n  &:active ${IconContainer} {\n    color: ${o.iconColorActive};\n  }\n\n  &:disabled {\n    color: ${o.titleColorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n  &:disabled ${TextContainer} {\n    color: ${o.textColorDisabled};\n  }\n  &:disabled ${IconContainer} {\n    color: ${o.iconColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:styled.css(["",""],(o=>template({iconColor:o.theme.colors['content-brand-primary'],titleColor:o.theme.colors['content-brand-primary'],textColor:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-brand-primary'],iconColorHover:o.theme.colors['content-oncolor-primary'],titleColorHover:o.theme.colors['content-oncolor-primary'],textColorHover:o.theme.colors['content-oncolor-tertiary'],backgroundColorHover:o.theme.colors['bg-brand-primary-basic'],borderColorHover:o.theme.colors.transparent,iconColorActive:o.theme.colors['content-oncolor-primary'],titleColorActive:o.theme.colors['content-oncolor-primary'],textColorActive:o.theme.colors['content-oncolor-tertiary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic'],borderColorActive:o.theme.colors.transparent,iconColorDisabled:o.theme.colors['content-disabled'],titleColorDisabled:o.theme.colors['content-disabled'],textColorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:tinycolor__default.default(o.theme.colors.black).setAlpha(.16).toString(),...o.palette}))),neutral:styled.css(["",""],(o=>template({iconColor:o.theme.colors['content-onmain-primary'],titleColor:o.theme.colors['content-onmain-primary'],textColor:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-default-small'],iconColorHover:o.theme.colors['content-oncolor-primary'],titleColorHover:o.theme.colors['content-oncolor-primary'],textColorHover:o.theme.colors['content-oncolor-tertiary'],backgroundColorHover:o.theme.colors['bg-onmain-contrast'],borderColorHover:o.theme.colors.transparent,iconColorActive:o.theme.colors['content-oncolor-primary'],titleColorActive:o.theme.colors['content-oncolor-primary'],textColorActive:o.theme.colors['content-oncolor-tertiary'],backgroundColorActive:o.theme.colors['bg-onmain-contrast'],borderColorActive:o.theme.colors.transparent,iconColorDisabled:o.theme.colors['content-disabled'],titleColorDisabled:o.theme.colors['content-disabled'],textColorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:tinycolor__default.default(o.theme.colors.black).setAlpha(.16).toString(),...o.palette}))),contrast:styled.css(["",""],(o=>template({iconColor:o.theme.colors['content-oncolor-primary'],titleColor:o.theme.colors['content-oncolor-primary'],textColor:o.theme.colors['content-oncolor-tertiary'],backgroundColor:o.theme.colors.transparent,borderColor:tinycolor__default.default(o.theme.colors['content-oncolor-primary']).darken(6).toString(),iconColorHover:o.theme.colors['content-onmain-primary'],titleColorHover:o.theme.colors['content-onmain-primary'],textColorHover:o.theme.colors['content-onmain-tertiary'],backgroundColorHover:o.theme.colors['content-oncolor-primary'],borderColorHover:o.theme.colors.transparent,iconColorActive:o.theme.colors['content-onmain-primary'],titleColorActive:o.theme.colors['content-onmain-primary'],textColorActive:o.theme.colors['content-onmain-tertiary'],backgroundColorActive:o.theme.colors['content-oncolor-primary'],borderColorActive:o.theme.colors.transparent,iconColorDisabled:o.theme.colors['content-oncolor-disabled'],titleColorDisabled:o.theme.colors['content-oncolor-disabled'],textColorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:tinycolor__default.default(o.theme.colors.black).setAlpha(.16).toString(),...o.palette})))};const Root=styled__default.default.button.withConfig({shouldForwardProp}).withConfig({displayName:"AddElement__Root",componentId:"ui__sc-7123ed-2"})(["box-sizing:border-box;position:relative;isolation:isolate;appearance:none;display:flex;align-items:center;border:1px dashed;transition-property:color,background-color;transition-duration:250ms;&::before{content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:inherit;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:ease-in;}&:active:not(:disabled)::before{opacity:1;}"," "," "," "," ",""],(o=>`\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      width: ${o.square?'initial':'100%'};\n      flex-direction: ${o.square?'column':'row'};\n      justify-content: ${o.square?'center':'space-between'};\n      text-align: ${o.square?'center':'left'};\n    `),(o=>COLOR_SCHEMA[o.variant]),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Content=styled__default.default.span.withConfig({shouldForwardProp}).withConfig({displayName:"AddElement__Content",componentId:"ui__sc-7123ed-3"})(["flex-direction:column;width:100%;"," ",""],(o=>`\n      order: ${o.square?'initial':'1'};\n      align-items: ${o.square?'center':'flex-start'};\n    `),responsiveSize.responsiveSize);exports.Content=Content,exports.IconContainer=IconContainer,exports.Root=Root,exports.TextContainer=TextContainer;
+//# sourceMappingURL=style.js.map

package/components/AddElement/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/AddElement/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport { hover } from 'mixins/hover'\nimport type { StyledAddElementProps, AddElementPalette, Size, AddElementProps } from './types'\n\nconst shouldForwardProp = createShouldForwardProp((propKey) => {\n  return !['variant', 'square'].includes(propKey)\n})\n\nexport const IconContainer = styled.span.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>> & Pick<AddElementProps, 'square'>\n>({\n  shouldForwardProp,\n})`\n  flex-shrink: 0;\n  display: flex;\n  transition-property: color;\n  transition-duration: 250ms;\n\n  ${(props) =>\n    `\n      order: ${props.square ? 'initial' : '2'};\n    `}\n\n  ${responsiveSize}\n`\n\nexport const TextContainer = styled.span`\n  transition-property: color;\n  transition-duration: 250ms;\n`\n\nconst template = (palette: AddElementPalette) => `\n  color: ${palette.titleColor};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n\n  & ${TextContainer} {\n    color: ${palette.textColor};\n  }\n\n  & ${IconContainer} {\n    color: ${palette.iconColor};\n  }\n\n  ${hover(`\n    color: ${palette.titleColorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n  ${hover(\n    `\n    color: ${palette.textColorHover};\n  `,\n    `&:hover ${TextContainer}`\n  )}\n  ${hover(\n    `\n    color: ${palette.iconColorHover};\n  `,\n    `&:hover ${IconContainer}`\n  )}\n\n  &:active {\n    color: ${palette.titleColorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:active ${TextContainer} {\n    color: ${palette.textColorActive};\n  }\n  &:active ${IconContainer} {\n    color: ${palette.iconColorActive};\n  }\n\n  &:disabled {\n    color: ${palette.titleColorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  &:disabled ${TextContainer} {\n    color: ${palette.textColorDisabled};\n  }\n  &:disabled ${IconContainer} {\n    color: ${palette.iconColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAddElementProps>`\n    ${(props) =>\n      template({\n        iconColor: props.theme.colors['content-brand-primary'],\n        titleColor: props.theme.colors['content-brand-primary'],\n        textColor: props.theme.colors['content-onmain-tertiary'],\n        backgroundColor: props.theme.colors.transparent,\n        borderColor: props.theme.colors['border-brand-primary'],\n        iconColorHover: props.theme.colors['content-oncolor-primary'],\n        titleColorHover: props.theme.colors['content-oncolor-primary'],\n        textColorHover: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColorHover: props.theme.colors['bg-brand-primary-basic'],\n        borderColorHover: props.theme.colors.transparent,\n        iconColorActive: props.theme.colors['content-oncolor-primary'],\n        titleColorActive: props.theme.colors['content-oncolor-primary'],\n        textColorActive: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColorActive: props.theme.colors['bg-brand-primary-basic'],\n        borderColorActive: props.theme.colors.transparent,\n        iconColorDisabled: props.theme.colors['content-disabled'],\n        titleColorDisabled: props.theme.colors['content-disabled'],\n        textColorDisabled: props.theme.colors['content-disabled'],\n        backgroundColorDisabled: props.theme.colors.transparent,\n        borderColorDisabled: props.theme.colors['border-disabled'],\n        shadowColor: tinycolor(props.theme.colors['black']).setAlpha(0.16).toString() as CSSColor,\n        ...props.palette,\n      })}\n  `,\n  neutral: css<StyledAddElementProps>`\n    ${(props) =>\n      template({\n        iconColor: props.theme.colors['content-onmain-primary'],\n        titleColor: props.theme.colors['content-onmain-primary'],\n        textColor: props.theme.colors['content-onmain-tertiary'],\n        backgroundColor: props.theme.colors.transparent,\n        borderColor: props.theme.colors['border-onmain-default-small'],\n        iconColorHover: props.theme.colors['content-oncolor-primary'],\n        titleColorHover: props.theme.colors['content-oncolor-primary'],\n        textColorHover: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColorHover: props.theme.colors['bg-onmain-contrast'],\n        borderColorHover: props.theme.colors.transparent,\n        iconColorActive: props.theme.colors['content-oncolor-primary'],\n        titleColorActive: props.theme.colors['content-oncolor-primary'],\n        textColorActive: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColorActive: props.theme.colors['bg-onmain-contrast'],\n        borderColorActive: props.theme.colors.transparent,\n        iconColorDisabled: props.theme.colors['content-disabled'],\n        titleColorDisabled: props.theme.colors['content-disabled'],\n        textColorDisabled: props.theme.colors['content-disabled'],\n        backgroundColorDisabled: props.theme.colors.transparent,\n        borderColorDisabled: props.theme.colors['border-disabled'],\n        shadowColor: tinycolor(props.theme.colors['black']).setAlpha(0.16).toString() as CSSColor,\n        ...props.palette,\n      })}\n  `,\n  contrast: css<StyledAddElementProps>`\n    ${(props) =>\n      template({\n        iconColor: props.theme.colors['content-oncolor-primary'],\n        titleColor: props.theme.colors['content-oncolor-primary'],\n        textColor: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColor: props.theme.colors.transparent,\n        borderColor: tinycolor(props.theme.colors['content-oncolor-primary']).darken(6).toString() as CSSColor,\n        iconColorHover: props.theme.colors['content-onmain-primary'],\n        titleColorHover: props.theme.colors['content-onmain-primary'],\n        textColorHover: props.theme.colors['content-onmain-tertiary'],\n        backgroundColorHover: props.theme.colors['content-oncolor-primary'],\n        borderColorHover: props.theme.colors.transparent,\n        iconColorActive: props.theme.colors['content-onmain-primary'],\n        titleColorActive: props.theme.colors['content-onmain-primary'],\n        textColorActive: props.theme.colors['content-onmain-tertiary'],\n        backgroundColorActive: props.theme.colors['content-oncolor-primary'],\n        borderColorActive: props.theme.colors.transparent,\n        iconColorDisabled: props.theme.colors['content-oncolor-disabled'],\n        titleColorDisabled: props.theme.colors['content-oncolor-disabled'],\n        textColorDisabled: props.theme.colors['content-oncolor-disabled'],\n        backgroundColorDisabled: props.theme.colors.transparent,\n        borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n        shadowColor: tinycolor(props.theme.colors['black']).setAlpha(0.16).toString() as CSSColor,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.button.withConfig<StyledAddElementProps>({\n  shouldForwardProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  border: 1px dashed;\n  transition-property: color, background-color;\n  transition-duration: 250ms;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -1px;\n    left: -1px;\n    width: calc(100% + 2px);\n    height: calc(100% + 2px);\n    border-radius: inherit;\n    opacity: 0;\n    transition-property: opacity;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  }\n\n  &:active:not(:disabled)::before {\n    opacity: 1;\n  }\n\n  ${(props) =>\n    `\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      width: ${props.square ? 'initial' : '100%'};\n      flex-direction: ${props.square ? 'column' : 'row'};\n      justify-content: ${props.square ? 'center' : 'space-between'};\n      text-align: ${props.square ? 'center' : 'left'};\n    `}\n\n  ${(props) => COLOR_SCHEMA[props.variant]}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>> & Pick<AddElementProps, 'square'>\n>({\n  shouldForwardProp,\n})`\n  flex-direction: column;\n  width: 100%;\n\n  ${(props) =>\n    `\n      order: ${props.square ? 'initial' : '1'};\n      align-items: ${props.square ? 'center' : 'flex-start'};\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardProp","createShouldForwardProp","propKey","includes","IconContainer","styled","span","withConfig","displayName","componentId","props","square","responsiveSize","TextContainer","template","palette","titleColor","backgroundColor","borderColor","shadowColor","textColor","iconColor","hover","titleColorHover","backgroundColorHover","borderColorHover","textColorHover","iconColorHover","titleColorActive","backgroundColorActive","borderColorActive","textColorActive","iconColorActive","titleColorDisabled","backgroundColorDisabled","borderColorDisabled","textColorDisabled","iconColorDisabled","COLOR_SCHEMA","default","css","theme","colors","transparent","tinycolor","setAlpha","toString","neutral","contrast","darken","Root","button","disabled","variant","focus","responsiveMargin","Content"],"mappings":"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"}

package/components/AddElement/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';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 shouldForwardProp=createShouldForwardProp((o=>!['variant','square'].includes(o)));const IconContainer=styled.span.withConfig({shouldForwardProp}).withConfig({displayName:"AddElement__IconContainer",componentId:"ui__sc-7123ed-0"})(["flex-shrink:0;display:flex;transition-property:color;transition-duration:250ms;"," ",""],(o=>`\n      order: ${o.square?'initial':'2'};\n    `),responsiveSize);const TextContainer=styled.span.withConfig({displayName:"AddElement__TextContainer",componentId:"ui__sc-7123ed-1"})(["transition-property:color;transition-duration:250ms;"]);const template=o=>`\n  color: ${o.titleColor};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n\n  & ${TextContainer} {\n    color: ${o.textColor};\n  }\n\n  & ${IconContainer} {\n    color: ${o.iconColor};\n  }\n\n  ${hover(`\n    color: ${o.titleColorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  ${hover(`\n    color: ${o.textColorHover};\n  `,`&:hover ${TextContainer}`)}\n  ${hover(`\n    color: ${o.iconColorHover};\n  `,`&:hover ${IconContainer}`)}\n\n  &:active {\n    color: ${o.titleColorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:active ${TextContainer} {\n    color: ${o.textColorActive};\n  }\n  &:active ${IconContainer} {\n    color: ${o.iconColorActive};\n  }\n\n  &:disabled {\n    color: ${o.titleColorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n  &:disabled ${TextContainer} {\n    color: ${o.textColorDisabled};\n  }\n  &:disabled ${IconContainer} {\n    color: ${o.iconColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:css(["",""],(o=>template({iconColor:o.theme.colors['content-brand-primary'],titleColor:o.theme.colors['content-brand-primary'],textColor:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-brand-primary'],iconColorHover:o.theme.colors['content-oncolor-primary'],titleColorHover:o.theme.colors['content-oncolor-primary'],textColorHover:o.theme.colors['content-oncolor-tertiary'],backgroundColorHover:o.theme.colors['bg-brand-primary-basic'],borderColorHover:o.theme.colors.transparent,iconColorActive:o.theme.colors['content-oncolor-primary'],titleColorActive:o.theme.colors['content-oncolor-primary'],textColorActive:o.theme.colors['content-oncolor-tertiary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic'],borderColorActive:o.theme.colors.transparent,iconColorDisabled:o.theme.colors['content-disabled'],titleColorDisabled:o.theme.colors['content-disabled'],textColorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:tinycolor(o.theme.colors.black).setAlpha(.16).toString(),...o.palette}))),neutral:css(["",""],(o=>template({iconColor:o.theme.colors['content-onmain-primary'],titleColor:o.theme.colors['content-onmain-primary'],textColor:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-default-small'],iconColorHover:o.theme.colors['content-oncolor-primary'],titleColorHover:o.theme.colors['content-oncolor-primary'],textColorHover:o.theme.colors['content-oncolor-tertiary'],backgroundColorHover:o.theme.colors['bg-onmain-contrast'],borderColorHover:o.theme.colors.transparent,iconColorActive:o.theme.colors['content-oncolor-primary'],titleColorActive:o.theme.colors['content-oncolor-primary'],textColorActive:o.theme.colors['content-oncolor-tertiary'],backgroundColorActive:o.theme.colors['bg-onmain-contrast'],borderColorActive:o.theme.colors.transparent,iconColorDisabled:o.theme.colors['content-disabled'],titleColorDisabled:o.theme.colors['content-disabled'],textColorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:tinycolor(o.theme.colors.black).setAlpha(.16).toString(),...o.palette}))),contrast:css(["",""],(o=>template({iconColor:o.theme.colors['content-oncolor-primary'],titleColor:o.theme.colors['content-oncolor-primary'],textColor:o.theme.colors['content-oncolor-tertiary'],backgroundColor:o.theme.colors.transparent,borderColor:tinycolor(o.theme.colors['content-oncolor-primary']).darken(6).toString(),iconColorHover:o.theme.colors['content-onmain-primary'],titleColorHover:o.theme.colors['content-onmain-primary'],textColorHover:o.theme.colors['content-onmain-tertiary'],backgroundColorHover:o.theme.colors['content-oncolor-primary'],borderColorHover:o.theme.colors.transparent,iconColorActive:o.theme.colors['content-onmain-primary'],titleColorActive:o.theme.colors['content-onmain-primary'],textColorActive:o.theme.colors['content-onmain-tertiary'],backgroundColorActive:o.theme.colors['content-oncolor-primary'],borderColorActive:o.theme.colors.transparent,iconColorDisabled:o.theme.colors['content-oncolor-disabled'],titleColorDisabled:o.theme.colors['content-oncolor-disabled'],textColorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:tinycolor(o.theme.colors.black).setAlpha(.16).toString(),...o.palette})))};const Root=styled.button.withConfig({shouldForwardProp}).withConfig({displayName:"AddElement__Root",componentId:"ui__sc-7123ed-2"})(["box-sizing:border-box;position:relative;isolation:isolate;appearance:none;display:flex;align-items:center;border:1px dashed;transition-property:color,background-color;transition-duration:250ms;&::before{content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:inherit;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:ease-in;}&:active:not(:disabled)::before{opacity:1;}"," "," "," "," ",""],(o=>`\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      width: ${o.square?'initial':'100%'};\n      flex-direction: ${o.square?'column':'row'};\n      justify-content: ${o.square?'center':'space-between'};\n      text-align: ${o.square?'center':'left'};\n    `),(o=>COLOR_SCHEMA[o.variant]),focus,responsiveSize,responsiveMargin);const Content=styled.span.withConfig({shouldForwardProp}).withConfig({displayName:"AddElement__Content",componentId:"ui__sc-7123ed-3"})(["flex-direction:column;width:100%;"," ",""],(o=>`\n      order: ${o.square?'initial':'1'};\n      align-items: ${o.square?'center':'flex-start'};\n    `),responsiveSize);export{Content,IconContainer,Root,TextContainer};
+//# sourceMappingURL=style.mjs.map

package/components/AddElement/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/AddElement/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport { hover } from 'mixins/hover'\nimport type { StyledAddElementProps, AddElementPalette, Size, AddElementProps } from './types'\n\nconst shouldForwardProp = createShouldForwardProp((propKey) => {\n  return !['variant', 'square'].includes(propKey)\n})\n\nexport const IconContainer = styled.span.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>> & Pick<AddElementProps, 'square'>\n>({\n  shouldForwardProp,\n})`\n  flex-shrink: 0;\n  display: flex;\n  transition-property: color;\n  transition-duration: 250ms;\n\n  ${(props) =>\n    `\n      order: ${props.square ? 'initial' : '2'};\n    `}\n\n  ${responsiveSize}\n`\n\nexport const TextContainer = styled.span`\n  transition-property: color;\n  transition-duration: 250ms;\n`\n\nconst template = (palette: AddElementPalette) => `\n  color: ${palette.titleColor};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n\n  & ${TextContainer} {\n    color: ${palette.textColor};\n  }\n\n  & ${IconContainer} {\n    color: ${palette.iconColor};\n  }\n\n  ${hover(`\n    color: ${palette.titleColorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n  ${hover(\n    `\n    color: ${palette.textColorHover};\n  `,\n    `&:hover ${TextContainer}`\n  )}\n  ${hover(\n    `\n    color: ${palette.iconColorHover};\n  `,\n    `&:hover ${IconContainer}`\n  )}\n\n  &:active {\n    color: ${palette.titleColorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:active ${TextContainer} {\n    color: ${palette.textColorActive};\n  }\n  &:active ${IconContainer} {\n    color: ${palette.iconColorActive};\n  }\n\n  &:disabled {\n    color: ${palette.titleColorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  &:disabled ${TextContainer} {\n    color: ${palette.textColorDisabled};\n  }\n  &:disabled ${IconContainer} {\n    color: ${palette.iconColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAddElementProps>`\n    ${(props) =>\n      template({\n        iconColor: props.theme.colors['content-brand-primary'],\n        titleColor: props.theme.colors['content-brand-primary'],\n        textColor: props.theme.colors['content-onmain-tertiary'],\n        backgroundColor: props.theme.colors.transparent,\n        borderColor: props.theme.colors['border-brand-primary'],\n        iconColorHover: props.theme.colors['content-oncolor-primary'],\n        titleColorHover: props.theme.colors['content-oncolor-primary'],\n        textColorHover: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColorHover: props.theme.colors['bg-brand-primary-basic'],\n        borderColorHover: props.theme.colors.transparent,\n        iconColorActive: props.theme.colors['content-oncolor-primary'],\n        titleColorActive: props.theme.colors['content-oncolor-primary'],\n        textColorActive: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColorActive: props.theme.colors['bg-brand-primary-basic'],\n        borderColorActive: props.theme.colors.transparent,\n        iconColorDisabled: props.theme.colors['content-disabled'],\n        titleColorDisabled: props.theme.colors['content-disabled'],\n        textColorDisabled: props.theme.colors['content-disabled'],\n        backgroundColorDisabled: props.theme.colors.transparent,\n        borderColorDisabled: props.theme.colors['border-disabled'],\n        shadowColor: tinycolor(props.theme.colors['black']).setAlpha(0.16).toString() as CSSColor,\n        ...props.palette,\n      })}\n  `,\n  neutral: css<StyledAddElementProps>`\n    ${(props) =>\n      template({\n        iconColor: props.theme.colors['content-onmain-primary'],\n        titleColor: props.theme.colors['content-onmain-primary'],\n        textColor: props.theme.colors['content-onmain-tertiary'],\n        backgroundColor: props.theme.colors.transparent,\n        borderColor: props.theme.colors['border-onmain-default-small'],\n        iconColorHover: props.theme.colors['content-oncolor-primary'],\n        titleColorHover: props.theme.colors['content-oncolor-primary'],\n        textColorHover: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColorHover: props.theme.colors['bg-onmain-contrast'],\n        borderColorHover: props.theme.colors.transparent,\n        iconColorActive: props.theme.colors['content-oncolor-primary'],\n        titleColorActive: props.theme.colors['content-oncolor-primary'],\n        textColorActive: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColorActive: props.theme.colors['bg-onmain-contrast'],\n        borderColorActive: props.theme.colors.transparent,\n        iconColorDisabled: props.theme.colors['content-disabled'],\n        titleColorDisabled: props.theme.colors['content-disabled'],\n        textColorDisabled: props.theme.colors['content-disabled'],\n        backgroundColorDisabled: props.theme.colors.transparent,\n        borderColorDisabled: props.theme.colors['border-disabled'],\n        shadowColor: tinycolor(props.theme.colors['black']).setAlpha(0.16).toString() as CSSColor,\n        ...props.palette,\n      })}\n  `,\n  contrast: css<StyledAddElementProps>`\n    ${(props) =>\n      template({\n        iconColor: props.theme.colors['content-oncolor-primary'],\n        titleColor: props.theme.colors['content-oncolor-primary'],\n        textColor: props.theme.colors['content-oncolor-tertiary'],\n        backgroundColor: props.theme.colors.transparent,\n        borderColor: tinycolor(props.theme.colors['content-oncolor-primary']).darken(6).toString() as CSSColor,\n        iconColorHover: props.theme.colors['content-onmain-primary'],\n        titleColorHover: props.theme.colors['content-onmain-primary'],\n        textColorHover: props.theme.colors['content-onmain-tertiary'],\n        backgroundColorHover: props.theme.colors['content-oncolor-primary'],\n        borderColorHover: props.theme.colors.transparent,\n        iconColorActive: props.theme.colors['content-onmain-primary'],\n        titleColorActive: props.theme.colors['content-onmain-primary'],\n        textColorActive: props.theme.colors['content-onmain-tertiary'],\n        backgroundColorActive: props.theme.colors['content-oncolor-primary'],\n        borderColorActive: props.theme.colors.transparent,\n        iconColorDisabled: props.theme.colors['content-oncolor-disabled'],\n        titleColorDisabled: props.theme.colors['content-oncolor-disabled'],\n        textColorDisabled: props.theme.colors['content-oncolor-disabled'],\n        backgroundColorDisabled: props.theme.colors.transparent,\n        borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n        shadowColor: tinycolor(props.theme.colors['black']).setAlpha(0.16).toString() as CSSColor,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.button.withConfig<StyledAddElementProps>({\n  shouldForwardProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  border: 1px dashed;\n  transition-property: color, background-color;\n  transition-duration: 250ms;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -1px;\n    left: -1px;\n    width: calc(100% + 2px);\n    height: calc(100% + 2px);\n    border-radius: inherit;\n    opacity: 0;\n    transition-property: opacity;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  }\n\n  &:active:not(:disabled)::before {\n    opacity: 1;\n  }\n\n  ${(props) =>\n    `\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      width: ${props.square ? 'initial' : '100%'};\n      flex-direction: ${props.square ? 'column' : 'row'};\n      justify-content: ${props.square ? 'center' : 'space-between'};\n      text-align: ${props.square ? 'center' : 'left'};\n    `}\n\n  ${(props) => COLOR_SCHEMA[props.variant]}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>> & Pick<AddElementProps, 'square'>\n>({\n  shouldForwardProp,\n})`\n  flex-direction: column;\n  width: 100%;\n\n  ${(props) =>\n    `\n      order: ${props.square ? 'initial' : '1'};\n      align-items: ${props.square ? 'center' : 'flex-start'};\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardProp","createShouldForwardProp","propKey","includes","IconContainer","styled","span","withConfig","displayName","componentId","props","square","responsiveSize","TextContainer","template","palette","titleColor","backgroundColor","borderColor","shadowColor","textColor","iconColor","hover","titleColorHover","backgroundColorHover","borderColorHover","textColorHover","iconColorHover","titleColorActive","backgroundColorActive","borderColorActive","textColorActive","iconColorActive","titleColorDisabled","backgroundColorDisabled","borderColorDisabled","textColorDisabled","iconColorDisabled","COLOR_SCHEMA","default","css","theme","colors","transparent","tinycolor","setAlpha","toString","neutral","contrast","darken","Root","button","disabled","variant","focus","responsiveMargin","Content"],"mappings":"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"}

package/components/Alert/Alert.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var utils=require('./utils.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Anchor=require('../Anchor/Anchor.js');var Button=require('../Button/Button.js');var index=require('../../icon-pack/src/icons/Close/index.js');var index$1=require('../../icon-pack/src/icons/WarningTriangleFill/index.js');var index$2=require('../../icon-pack/src/icons/CheckCircleFill/index.js');var index$3=require('../../icon-pack/src/icons/NotifFill/index.js');var index$4=require('../../icon-pack/src/icons/CloseCirlceFill/index.js');const getDefaultIcon=({isCompact:e,theme:n,type:i})=>{const t=e?16:24;switch(i){case'error':return jsxRuntime.jsx(index$4.CloseCirlceFill,{fill:n.colors['alert-bg-error-500'],width:t,height:t});case'info':return jsxRuntime.jsx(index$3.NotifFill,{fill:n.colors['content-brand-primary'],width:t,height:t});case'success':return jsxRuntime.jsx(index$2.CheckCircleFill,{fill:n.colors['alert-success'],width:t,height:t});case'warning':return jsxRuntime.jsx(index$1.WarningTriangleFill,{fill:n.colors['alert-warning'],width:t,height:t});default:return null}};const Alert=React.forwardRef(((e,n)=>{const i=styled.useTheme();const{cancelTimerText:t="Отменить",primaryAction:s,primaryActionProps:r={},secondaryAction:o,secondaryActionProps:l={},children:c,className:a,clear:u,customIcon:m,image:x,isCompact:h,link:p,linkProps:d={},noIcon:j,onClickCancelTimer:C,closeToast:y,onTimerFinish:g,size:k="s",style:f,textProps:R={},textWrap:w,timer:A,title:T,titleProps:v={},type:q,width:I=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority.useConfigPriority(i.components?.Alert,e);const b=useClassname.useClassname("Alert",a);const[F,W]=React.useState(!1);const z=Boolean(k==='l'||!!T||h&&(T||p||s||o));return jsxRuntime.jsxs(style.Root,{className:b,clear:u,column:z,isCompact:h,noIcon:j,onMouseEnter:()=>{A&&W(!0)},onMouseLeave:()=>{A&&W(!1)},ref:n,size:k,style:f,textWrap:w,type:q,width:I,withAction:!!s||!!o,withCloseIcon:!!y,withImage:!!x,withLink:!!p,withTimer:!!A,withTitle:!!T,children:[!j||m?jsxRuntime.jsxs(style.IconWrapper,{column:z,isCompact:h,withImage:!!x,children:[j||A||m||x?null:getDefaultIcon({isCompact:h,theme:i,type:q}),m?jsxRuntime.jsx(Icon.Icon,{name:m,size:h?16:24}):null,x,A?jsxRuntime.jsx(style.Timer,{isCompact:h,paused:F,timer:A,onTimerFinish:g,color:utils.countdownColor({theme:i,type:q})}):null]}):null,jsxRuntime.jsxs(style.ContentWrapper,{column:z,isCompact:h,children:[T?jsxRuntime.jsx(style.Title,{color:i.colors['content-onmain-primary'],isCompact:h,size:h?14:16,lineHeight:"m",...v,children:T}):null,jsxRuntime.jsx(style.Content,{appearance:"body",color:i.colors['content-onmain-primary'],column:z,isCompact:h,size:h?'xs':'s',textWrap:w,...R,children:c}),p?jsxRuntime.jsx(style.Link,{clear:u,column:z,isCompact:h,withTitle:!!T,children:jsxRuntime.jsx(Anchor.Anchor,{color:e.clear?i.colors['content-link']:i.colors['content-onmain-primary'],onClick:p.onClick,preset:"default",pseudo:!0,size:h?'s':'m',...d,children:p.content})}):null,s||o?jsxRuntime.jsxs(style.Actions,{column:z,isCompact:h,withTitle:!!T,children:[o?jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:o.onClick,outline:!0,preset:"brand",size:h?'xs':'s',margin:4,...l,children:o.content}):null,s?jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:s.onClick,preset:"brand",size:h?'xs':'s',margin:4,...r,children:s.content}):null]}):null]}),C?jsxRuntime.jsx(style.CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:h,onClick:C,preset:"brand",size:h?'xs':'s',margin:4,children:t}):null,!y||h&&A?null:jsxRuntime.jsx(style.CloseIcon,{"aria-label":"close",onClick:y,type:"button",withTimer:!!A,children:jsxRuntime.jsx(index.Close,{fill:i.colors['content-onmain-primary'],width:h?18:24,height:h?18:24})})]})}));Alert.displayName="Alert",exports.Alert=Alert,exports.COMPONENT_NAME="Alert";
+'use strict';var React=require('react');var styled=require('styled-components');var iconPack=require('@foxford/icon-pack');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var utils=require('./utils.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Anchor=require('../Anchor/Anchor.js');var Button=require('../Button/Button.js');const getDefaultIcon=({isCompact:e,theme:t,type:n})=>{const o=e?16:24;switch(n){case'error':return jsxRuntime.jsx(iconPack.CloseCirlceFill,{color:t.colors['alert-bg-error-500'],size:o});case'info':return jsxRuntime.jsx(iconPack.NotifFill,{color:t.colors['content-brand-primary'],size:o});case'success':return jsxRuntime.jsx(iconPack.CheckCircleFill,{color:t.colors['alert-success'],size:o});case'warning':return jsxRuntime.jsx(iconPack.WarningTriangleFill,{color:t.colors['alert-warning'],size:o});default:return null}};const Alert=React.forwardRef(((e,t)=>{const n=styled.useTheme();const{cancelTimerText:o="Отменить",primaryAction:s,primaryActionProps:i={},secondaryAction:r,secondaryActionProps:l={},children:c,className:a,clear:u,customIcon:m,image:p,isCompact:x,link:j,linkProps:h={},noIcon:C,onClickCancelTimer:y,closeToast:d,onTimerFinish:k,size:R="s",style:f,textProps:g={},textWrap:A,timer:w,title:T,titleProps:I={},type:P,width:z=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority.useConfigPriority(n.components?.Alert,e);const v=useClassname.useClassname("Alert",a);const[b,q]=React.useState(!1);const W=Boolean(R==='l'||!!T||x&&(T||j||s||r));return jsxRuntime.jsxs(style.Root,{className:v,clear:u,column:W,isCompact:x,noIcon:C,onMouseEnter:()=>{w&&q(!0)},onMouseLeave:()=>{w&&q(!1)},ref:t,size:R,style:f,textWrap:A,type:P,width:z,withAction:!!s||!!r,withCloseIcon:!!d,withImage:!!p,withLink:!!j,withTimer:!!w,withTitle:!!T,children:[!C||m?jsxRuntime.jsxs(style.IconWrapper,{column:W,isCompact:x,withImage:!!p,children:[C||w||m||p?null:getDefaultIcon({isCompact:x,theme:n,type:P}),m?jsxRuntime.jsx(Icon.Icon,{name:m,size:x?16:24}):null,p,w?jsxRuntime.jsx(style.Timer,{isCompact:x,paused:b,timer:w,onTimerFinish:k,color:utils.countdownColor({theme:n,type:P})}):null]}):null,jsxRuntime.jsxs(style.ContentWrapper,{column:W,isCompact:x,children:[T?jsxRuntime.jsx(style.Title,{color:n.colors['content-onmain-primary'],isCompact:x,size:x?14:16,lineHeight:"m",...I,children:T}):null,jsxRuntime.jsx(style.Content,{appearance:"body",color:n.colors['content-onmain-primary'],column:W,isCompact:x,size:x?'xs':'s',textWrap:A,...g,children:c}),j?jsxRuntime.jsx(style.Link,{clear:u,column:W,isCompact:x,withTitle:!!T,children:jsxRuntime.jsx(Anchor.Anchor,{color:e.clear?n.colors['content-link']:n.colors['content-onmain-primary'],onClick:j.onClick,preset:"default",pseudo:!0,size:x?'s':'m',...h,children:j.content})}):null,s||r?jsxRuntime.jsxs(style.Actions,{column:W,isCompact:x,withTitle:!!T,children:[r?jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:r.onClick,outline:!0,preset:"brand",size:x?'xs':'s',margin:4,...l,children:r.content}):null,s?jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:s.onClick,preset:"brand",size:x?'xs':'s',margin:4,...i,children:s.content}):null]}):null]}),y?jsxRuntime.jsx(style.CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:x,onClick:y,preset:"brand",size:x?'xs':'s',margin:4,children:o}):null,!d||x&&w?null:jsxRuntime.jsx(style.CloseIcon,{"aria-label":"close",onClick:d,type:"button",withTimer:!!w,children:jsxRuntime.jsx(iconPack.Close,{color:n.colors['content-onmain-primary'],size:x?18:24})})]})}));Alert.displayName="Alert",exports.Alert=Alert,exports.COMPONENT_NAME="Alert";
 //# sourceMappingURL=Alert.js.map

package/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill fill={theme.colors['alert-bg-error-500']} width={size} height={size} />\n    case 'info':\n      return <NotifFill fill={theme.colors['content-brand-primary']} width={size} height={size} />\n    case 'success':\n      return <CheckCircleFill fill={theme.colors['alert-success']} width={size} height={size} />\n    case 'warning':\n      return <WarningTriangleFill fill={theme.colors['alert-warning']} width={size} height={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    onTimerFinish,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {!noIcon || customIcon ? (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image ? getDefaultIcon({ isCompact, theme, type }) : null}\n          {customIcon ? <Icon name={customIcon} size={isCompact ? 16 : 24} /> : null}\n          {image}\n          {timer ? (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              onTimerFinish={onTimerFinish}\n              color={countdownColor({ theme, type })}\n            />\n          ) : null}\n        </Styled.IconWrapper>\n      ) : null}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title ? (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        ) : null}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link ? (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              // eslint-disable-next-line react/jsx-handler-names\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        ) : null}\n\n        {primaryAction || secondaryAction ? (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            ) : null}\n\n            {primaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            ) : null}\n          </Styled.Actions>\n        ) : null}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer ? (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      ) : null}\n\n      {closeToast && (isCompact ? !timer : true) ? (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close\n            fill={theme.colors['content-onmain-primary']}\n            width={isCompact ? 18 : 24}\n            height={isCompact ? 18 : 24}\n          />\n        </Styled.CloseIcon>\n      ) : null}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","fill","colors","width","height","NotifFill","CheckCircleFill","WarningTriangleFill","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","onTimerFinish","style","textProps","textWrap","timer","title","titleProps","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Icon","name","paused","color","countdownColor","jsxs","jsx","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    onTimerFinish,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {!noIcon || customIcon ? (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image ? getDefaultIcon({ isCompact, theme, type }) : null}\n          {customIcon ? <Icon name={customIcon} size={isCompact ? 16 : 24} /> : null}\n          {image}\n          {timer ? (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              onTimerFinish={onTimerFinish}\n              color={countdownColor({ theme, type })}\n            />\n          ) : null}\n        </Styled.IconWrapper>\n      ) : null}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title ? (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        ) : null}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link ? (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              // eslint-disable-next-line react/jsx-handler-names\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        ) : null}\n\n        {primaryAction || secondaryAction ? (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            ) : null}\n\n            {primaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            ) : null}\n          </Styled.Actions>\n        ) : null}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer ? (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      ) : null}\n\n      {closeToast && (isCompact ? !timer : true) ? (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      ) : null}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","onTimerFinish","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Icon","name","paused","countdownColor","jsxs","jsx","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"2dAiBA,MAAMA,eAAiBA,EACrBC,YACAC,QACAC,WAEA,MAAMC,EAAOH,EAAY,GAAK,GAE9B,OAAQE,GACN,IAAK,QACH,OAAOE,WAAAA,IAACC,SAAAA,gBAAe,CAACC,MAAOL,EAAMM,OAAO,sBAAuBJ,KAAMA,IAC3E,IAAK,OACH,OAAOC,WAAAA,IAACI,SAAAA,UAAS,CAACF,MAAOL,EAAMM,OAAO,yBAA0BJ,KAAMA,IACxE,IAAK,UACH,OAAOC,WAAAA,IAACK,SAAAA,gBAAe,CAACH,MAAOL,EAAMM,OAAO,iBAAkBJ,KAAMA,IACtE,IAAK,UACH,OAAOC,WAAAA,IAACM,SAAAA,oBAAmB,CAACJ,MAAOL,EAAMM,OAAO,iBAAkBJ,KAAMA,IAC1E,QACE,OAAO,KACX,EAKIQ,MAAAA,MAAQC,MAAUA,YAA6B,CAACC,EAAOC,KAC3D,MAAMb,EAAQc,OAAAA,WAEd,MAAMC,gBACJA,EAAkB,WAAUC,cAC5BA,EAAaC,mBACbA,EAAqB,CAAE,EAAAC,gBACvBA,EAAeC,qBACfA,EAAuB,CAAE,EAAAC,SACzBA,EAAQC,UACRA,EAASC,MACTA,EAAKC,WACLA,EAAUC,MACVA,EAAKzB,UACLA,EAAS0B,KACTA,EAAIC,UACJA,EAAY,CAAE,EAAAC,OACdA,EAAMC,mBACNA,EAAkBC,WAClBA,EAAUC,cACVA,EAAa5B,KACbA,EAAO,UACP6B,EAAKC,UACLA,EAAY,CAAE,EAAAC,SACdA,EAAQC,MACRA,EAAKC,MACLA,EAAKC,WACLA,EAAa,CAAE,EAAAnC,KACfA,EAAIoC,MACJA,EAAQ,CAAC,cAAe,cAAe,cAAe,QAAS,QAAS,UACtEC,kBAAiBA,kBAAatC,EAAMuC,YAAY7B,MAAOE,GAC3D,MAAM4B,EAAaC,aAAAA,aAjCE,QAiC2BpB,GAChD,MAAOqB,EAAcC,GAAmBC,MAAQA,UAAC,GAEjD,MAAMC,EAASC,QAAQ5C,IAAS,OAASiC,GAAUpC,IAAcoC,GAASV,GAAQT,GAAiBE,IAcnG,OACE6B,WAAAA,KAACC,MAAAA,KAAW,CACV3B,UAAWmB,EACXlB,MAAOA,EACPuB,OAAQA,EACR9C,UAAWA,EACX4B,OAAQA,EACRsB,aAnBqBC,KACnBhB,GACFS,GAAgB,EAClB,EAiBEQ,aAdqBC,KACnBlB,GACFS,GAAgB,EAClB,EAYE9B,IAAKA,EACLX,KAAMA,EACN6B,MAAOA,EACPE,SAAUA,EACVhC,KAAMA,EACNoC,MAAOA,EACPgB,aAAcrC,KAAmBE,EACjCoC,gBAAiBzB,EACjB0B,YAAa/B,EACbgC,WAAY/B,EACZgC,YAAavB,EACbwB,YAAavB,EAAMf,SAAA,EAEjBO,GAAUJ,EACVwB,WAAAA,KAACC,MAAAA,YAAkB,CAACH,OAAQA,EAAQ9C,UAAWA,EAAWwD,YAAa/B,EAAMJ,SAC1E,CAACO,GAAWO,GAAUX,GAAeC,EAAqD,KAA7C1B,eAAe,CAAEC,YAAWC,QAAOC,SAChFsB,EAAapB,WAAAA,IAACwD,KAAAA,KAAI,CAACC,KAAMrC,EAAYrB,KAAMH,EAAY,GAAK,KAAS,KACrEyB,EACAU,EACC/B,WAAAA,IAAC6C,MAAAA,MAAY,CACXjD,UAAWA,EACX8D,OAAQnB,EACRR,MAAOA,EACPJ,cAAeA,EACfzB,MAAOyD,MAAAA,eAAe,CAAE9D,QAAOC,WAE/B,QAEJ,KAEJ8C,WAAAgB,KAACf,qBAAqB,CAACH,OAAQA,EAAQ9C,UAAWA,EAAUqB,UACzDe,EACChC,WAAA6D,IAAChB,YAAY,CACX3C,MAAOL,EAAMM,OAAO,0BACpBP,UAAWA,EACXG,KAAMH,EAAY,GAAK,GACvBkE,WAAW,OACP7B,EAAUhB,SAEbe,IAED,KAEJhC,WAAA6D,IAAChB,cAAc,CACbkB,WAAW,OACX7D,MAAOL,EAAMM,OAAO,0BACpBuC,OAAQA,EACR9C,UAAWA,EACXG,KAAMH,EAAY,KAAO,IACzBkC,SAAUA,KACND,EAASZ,SAEZA,IAGFK,EACCtB,WAAA6D,IAAChB,WAAW,CAAC1B,MAAOA,EAAOuB,OAAQA,EAAQ9C,UAAWA,EAAW2D,YAAavB,EAAMf,SAClFjB,WAAA6D,IAACG,cAAM,CACL9D,MAAOO,EAAMU,MAAQtB,EAAMM,OAAO,gBAAkBN,EAAMM,OAAO,0BAEjE8D,QAAS3C,EAAK2C,QACdC,OAAO,UACPC,QAAM,EACNpE,KAAMH,EAAY,IAAM,OACpB2B,EAASN,SAEZK,EAAK8C,YAGR,KAEHvD,GAAiBE,EAChB6B,WAAAA,KAACC,MAAAA,QAAc,CAACH,OAAQA,EAAQ9C,UAAWA,EAAW2D,YAAavB,EAAMf,SACtEF,CAAAA,EACCf,WAAA6D,IAACQ,cAAM,CACLC,OAAK,EACLC,WAAW,SAEXN,QAASlD,EAAgBkD,QACzBO,SAAO,EACPN,OAAO,QACPnE,KAAMH,EAAY,KAAO,IACzB6E,OAAQ,KACJzD,EAAoBC,SAEvBF,EAAgBqD,UAEjB,KAEHvD,EACCb,WAAAA,IAACqE,OAAAA,OAAM,CACLC,OAAK,EACLC,WAAW,SAEXN,QAASpD,EAAcoD,QACvBC,OAAO,QACPnE,KAAMH,EAAY,KAAO,IACzB6E,OAAQ,KACJ3D,EAAkBG,SAErBJ,EAAcuD,UAEf,QAEJ,QAGL3C,EACCzB,WAAA6D,IAAChB,kBAAkB,CACjByB,OAAK,EACLnD,OAAK,EACLoD,WAAW,SACX3E,UAAWA,EACXqE,QAASxC,EACTyC,OAAO,QACPnE,KAAMH,EAAY,KAAO,IACzB6E,OAAQ,EAAExD,SAETL,IAED,MAEHc,GAAe9B,GAAamC,EAIzB,KAHF/B,WAAA6D,IAAChB,gBAAgB,CAAC,aAAW,QAAQoB,QAASvC,EAAY5B,KAAK,SAASwD,YAAavB,EAAMd,SACzFjB,WAAA6D,IAACa,eAAK,CAACxE,MAAOL,EAAMM,OAAO,0BAA2BJ,KAAMH,EAAY,GAAK,SAGrE,IAIlBW,MAAMoE,YA9LiB,mDAAA"}

package/components/Alert/Alert.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useState}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{Root,IconWrapper,Timer,ContentWrapper,Title,Content,Link,Actions,CancelTimer,CloseIcon}from'./style.mjs';import{countdownColor}from'./utils.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{Button}from'../Button/Button.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';import{WarningTriangleFill}from'../../icon-pack/src/icons/WarningTriangleFill/index.mjs';import{CheckCircleFill}from'../../icon-pack/src/icons/CheckCircleFill/index.mjs';import{NotifFill}from'../../icon-pack/src/icons/NotifFill/index.mjs';import{CloseCirlceFill}from'../../icon-pack/src/icons/CloseCirlceFill/index.mjs';const getDefaultIcon=({isCompact:o,theme:e,type:n})=>{const i=o?16:24;switch(n){case'error':return jsx(CloseCirlceFill,{fill:e.colors['alert-bg-error-500'],width:i,height:i});case'info':return jsx(NotifFill,{fill:e.colors['content-brand-primary'],width:i,height:i});case'success':return jsx(CheckCircleFill,{fill:e.colors['alert-success'],width:i,height:i});case'warning':return jsx(WarningTriangleFill,{fill:e.colors['alert-warning'],width:i,height:i});default:return null}};const COMPONENT_NAME='Alert';const Alert=forwardRef(((o,e)=>{const n=useTheme();const{cancelTimerText:i="Отменить",primaryAction:t,primaryActionProps:r={},secondaryAction:l,secondaryActionProps:s={},children:c,className:a,clear:m,customIcon:p,image:h,isCompact:u,link:C,linkProps:d={},noIcon:f,onClickCancelTimer:x,closeToast:j,onTimerFinish:g,size:k="s",style:w,textProps:y={},textWrap:T,timer:A,title:I,titleProps:F={},type:W,width:N=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority(n.components?.Alert,o);const b=useClassname("Alert",a);const[z,P]=useState(!1);const B=Boolean(k==='l'||!!I||u&&(I||C||t||l));return jsxs(Root,{className:b,clear:m,column:B,isCompact:u,noIcon:f,onMouseEnter:()=>{A&&P(!0)},onMouseLeave:()=>{A&&P(!1)},ref:e,size:k,style:w,textWrap:T,type:W,width:N,withAction:!!t||!!l,withCloseIcon:!!j,withImage:!!h,withLink:!!C,withTimer:!!A,withTitle:!!I,children:[!f||p?jsxs(IconWrapper,{column:B,isCompact:u,withImage:!!h,children:[f||A||p||h?null:getDefaultIcon({isCompact:u,theme:n,type:W}),p?jsx(Icon,{name:p,size:u?16:24}):null,h,A?jsx(Timer,{isCompact:u,paused:z,timer:A,onTimerFinish:g,color:countdownColor({theme:n,type:W})}):null]}):null,jsxs(ContentWrapper,{column:B,isCompact:u,children:[I?jsx(Title,{color:n.colors['content-onmain-primary'],isCompact:u,size:u?14:16,lineHeight:"m",...F,children:I}):null,jsx(Content,{appearance:"body",color:n.colors['content-onmain-primary'],column:B,isCompact:u,size:u?'xs':'s',textWrap:T,...y,children:c}),C?jsx(Link,{clear:m,column:B,isCompact:u,withTitle:!!I,children:jsx(Anchor,{color:o.clear?n.colors['content-link']:n.colors['content-onmain-primary'],onClick:C.onClick,preset:"default",pseudo:!0,size:u?'s':'m',...d,children:C.content})}):null,t||l?jsxs(Actions,{column:B,isCompact:u,withTitle:!!I,children:[l?jsx(Button,{black:!0,fontWeight:"normal",onClick:l.onClick,outline:!0,preset:"brand",size:u?'xs':'s',margin:4,...s,children:l.content}):null,t?jsx(Button,{black:!0,fontWeight:"normal",onClick:t.onClick,preset:"brand",size:u?'xs':'s',margin:4,...r,children:t.content}):null]}):null]}),x?jsx(CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:u,onClick:x,preset:"brand",size:u?'xs':'s',margin:4,children:i}):null,!j||u&&A?null:jsx(CloseIcon,{"aria-label":"close",onClick:j,type:"button",withTimer:!!A,children:jsx(Close,{fill:n.colors['content-onmain-primary'],width:u?18:24,height:u?18:24})})]})}));Alert.displayName="Alert";export{Alert,COMPONENT_NAME};
+import{forwardRef,useState}from'react';import{useTheme}from'styled-components';import{Close,WarningTriangleFill,CheckCircleFill,NotifFill,CloseCirlceFill}from'@foxford/icon-pack';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{Root,IconWrapper,Timer,ContentWrapper,Title,Content,Link,Actions,CancelTimer,CloseIcon}from'./style.mjs';import{countdownColor}from'./utils.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{Button}from'../Button/Button.mjs';const getDefaultIcon=({isCompact:o,theme:e,type:n})=>{const t=o?16:24;switch(n){case'error':return jsx(CloseCirlceFill,{color:e.colors['alert-bg-error-500'],size:t});case'info':return jsx(NotifFill,{color:e.colors['content-brand-primary'],size:t});case'success':return jsx(CheckCircleFill,{color:e.colors['alert-success'],size:t});case'warning':return jsx(WarningTriangleFill,{color:e.colors['alert-warning'],size:t});default:return null}};const COMPONENT_NAME='Alert';const Alert=forwardRef(((o,e)=>{const n=useTheme();const{cancelTimerText:t="Отменить",primaryAction:r,primaryActionProps:i={},secondaryAction:l,secondaryActionProps:s={},children:c,className:a,clear:m,customIcon:p,image:u,isCompact:C,link:h,linkProps:x={},noIcon:f,onClickCancelTimer:d,closeToast:j,onTimerFinish:y,size:k="s",style:T,textProps:g={},textWrap:A,timer:w,title:I,titleProps:z={},type:W,width:b=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority(n.components?.Alert,o);const N=useClassname("Alert",a);const[F,P]=useState(!1);const B=Boolean(k==='l'||!!I||C&&(I||h||r||l));return jsxs(Root,{className:N,clear:m,column:B,isCompact:C,noIcon:f,onMouseEnter:()=>{w&&P(!0)},onMouseLeave:()=>{w&&P(!1)},ref:e,size:k,style:T,textWrap:A,type:W,width:b,withAction:!!r||!!l,withCloseIcon:!!j,withImage:!!u,withLink:!!h,withTimer:!!w,withTitle:!!I,children:[!f||p?jsxs(IconWrapper,{column:B,isCompact:C,withImage:!!u,children:[f||w||p||u?null:getDefaultIcon({isCompact:C,theme:n,type:W}),p?jsx(Icon,{name:p,size:C?16:24}):null,u,w?jsx(Timer,{isCompact:C,paused:F,timer:w,onTimerFinish:y,color:countdownColor({theme:n,type:W})}):null]}):null,jsxs(ContentWrapper,{column:B,isCompact:C,children:[I?jsx(Title,{color:n.colors['content-onmain-primary'],isCompact:C,size:C?14:16,lineHeight:"m",...z,children:I}):null,jsx(Content,{appearance:"body",color:n.colors['content-onmain-primary'],column:B,isCompact:C,size:C?'xs':'s',textWrap:A,...g,children:c}),h?jsx(Link,{clear:m,column:B,isCompact:C,withTitle:!!I,children:jsx(Anchor,{color:o.clear?n.colors['content-link']:n.colors['content-onmain-primary'],onClick:h.onClick,preset:"default",pseudo:!0,size:C?'s':'m',...x,children:h.content})}):null,r||l?jsxs(Actions,{column:B,isCompact:C,withTitle:!!I,children:[l?jsx(Button,{black:!0,fontWeight:"normal",onClick:l.onClick,outline:!0,preset:"brand",size:C?'xs':'s',margin:4,...s,children:l.content}):null,r?jsx(Button,{black:!0,fontWeight:"normal",onClick:r.onClick,preset:"brand",size:C?'xs':'s',margin:4,...i,children:r.content}):null]}):null]}),d?jsx(CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:C,onClick:d,preset:"brand",size:C?'xs':'s',margin:4,children:t}):null,!j||C&&w?null:jsx(CloseIcon,{"aria-label":"close",onClick:j,type:"button",withTimer:!!w,children:jsx(Close,{color:n.colors['content-onmain-primary'],size:C?18:24})})]})}));Alert.displayName="Alert";export{Alert,COMPONENT_NAME};
 //# sourceMappingURL=Alert.mjs.map

package/components/Alert/Alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill fill={theme.colors['alert-bg-error-500']} width={size} height={size} />\n    case 'info':\n      return <NotifFill fill={theme.colors['content-brand-primary']} width={size} height={size} />\n    case 'success':\n      return <CheckCircleFill fill={theme.colors['alert-success']} width={size} height={size} />\n    case 'warning':\n      return <WarningTriangleFill fill={theme.colors['alert-warning']} width={size} height={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    onTimerFinish,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {!noIcon || customIcon ? (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image ? getDefaultIcon({ isCompact, theme, type }) : null}\n          {customIcon ? <Icon name={customIcon} size={isCompact ? 16 : 24} /> : null}\n          {image}\n          {timer ? (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              onTimerFinish={onTimerFinish}\n              color={countdownColor({ theme, type })}\n            />\n          ) : null}\n        </Styled.IconWrapper>\n      ) : null}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title ? (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        ) : null}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link ? (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              // eslint-disable-next-line react/jsx-handler-names\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        ) : null}\n\n        {primaryAction || secondaryAction ? (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            ) : null}\n\n            {primaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            ) : null}\n          </Styled.Actions>\n        ) : null}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer ? (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      ) : null}\n\n      {closeToast && (isCompact ? !timer : true) ? (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close\n            fill={theme.colors['content-onmain-primary']}\n            width={isCompact ? 18 : 24}\n            height={isCompact ? 18 : 24}\n          />\n        </Styled.CloseIcon>\n      ) : null}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","fill","colors","width","height","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","onTimerFinish","style","textProps","textWrap","timer","title","titleProps","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Icon","name","paused","color","countdownColor","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}
+{"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    onTimerFinish,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {!noIcon || customIcon ? (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image ? getDefaultIcon({ isCompact, theme, type }) : null}\n          {customIcon ? <Icon name={customIcon} size={isCompact ? 16 : 24} /> : null}\n          {image}\n          {timer ? (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              onTimerFinish={onTimerFinish}\n              color={countdownColor({ theme, type })}\n            />\n          ) : null}\n        </Styled.IconWrapper>\n      ) : null}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title ? (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        ) : null}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link ? (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              // eslint-disable-next-line react/jsx-handler-names\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        ) : null}\n\n        {primaryAction || secondaryAction ? (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            ) : null}\n\n            {primaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            ) : null}\n          </Styled.Actions>\n        ) : null}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer ? (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      ) : null}\n\n      {closeToast && (isCompact ? !timer : true) ? (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      ) : null}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","onTimerFinish","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Icon","name","paused","countdownColor","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}

package/components/Arrow/Arrow.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var chevronUpDefault=require('./images/chevronUpDefault.svg.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/ArrowUp/index.js');const Arrow=withMergedProps.withMergedProps(React.forwardRef(((r,e)=>{const{type:s="button",size:t="l",top:o=!0,iconProps:n={},...a}=r;return jsxRuntime.jsx(style.Root,{...a,type:s,size:t,top:o,ref:e,children:jsxRuntime.jsx(Icon.Icon,{icon:n.name||n.icon?void 0:jsxRuntime.jsx(a.preset==='brand'?index.ArrowUp:chevronUpDefault.default,{}),as:'span',color:'inherit',...n})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.Arrow=Arrow,exports.COMPONENT_NAME="Arrow";
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const Arrow=withMergedProps.withMergedProps(React.forwardRef(((r,e)=>{const{type:s="button",size:t="l",top:o=!0,iconProps:n={},...a}=r;return jsxRuntime.jsx(style.Root,{...a,type:s,size:t,top:o,ref:e,children:jsxRuntime.jsx(Icon.Icon,{name:a.preset==='brand'?'arrowUp':'chevronUp',as:'span',color:'inherit',...n})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.Arrow=Arrow,exports.COMPONENT_NAME="Arrow";
 //# sourceMappingURL=Arrow.js.map

package/components/Arrow/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ArrowUp } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport ChevronUp from './images/chevronUpDefault.svg?module'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon\n          icon={\n            !iconProps.name && !iconProps.icon ? restProps.preset === 'brand' ? <ArrowUp /> : <ChevronUp /> : undefined\n          }\n          {...iconBaseProps}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","jsx","Icon","icon","name","undefined","preset","ArrowUp","ChevronUp","default","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"qbAqBMA,MAAAA,MAAqDC,gBAAAA,gBACzDC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,WAAAG,IAACC,UAAI,CACHC,KACGP,EAAUQ,MAASR,EAAUO,UAAoEE,EAA9BP,WAAAG,IAA/BJ,EAAUS,SAAW,QAAWC,MAAOA,QAAOC,iBAASC,QAAd,IANnDC,GAAI,OAAQC,MAAO,aAS5Cf,KAEM,IAGlB,CACEgB,YA3BmB,QA4BnBC,MAAQtB,GAAWA,EAAMe,SAAW,QAAUQ,UAAKA,MAAGC,iBAAAA,2DA5BnC"}
+{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","jsx","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAmBMA,MAAAA,MAAqDC,gBAAAA,gBACzDC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,WAAAG,IAACC,UAAI,CAACC,KAAMN,EAAUO,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCV,KAC/E,IAGlB,CACEW,YArBmB,QAsBnBC,MAAQjB,GAAWA,EAAMa,SAAW,QAAUK,UAAKA,MAAGC,iBAAAA,2DAtBnC"}

package/components/Arrow/Arrow.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import SvgChevronUpDefault from'./images/chevronUpDefault.svg.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{ArrowUp}from'../../icon-pack/src/icons/ArrowUp/index.mjs';const COMPONENT_NAME='Arrow';const Arrow=withMergedProps(forwardRef(((r,o)=>{const{type:t="button",size:s="l",top:e=!0,iconProps:m={},...n}=r;return jsx(Root,{...n,type:t,size:s,top:e,ref:o,children:jsx(Icon,{icon:m.name||m.icon?void 0:jsx(n.preset==='brand'?ArrowUp:SvgChevronUpDefault,{}),as:'span',color:'inherit',...m})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?SIZES:SIZES_DEFAULT});export{Arrow,COMPONENT_NAME};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const COMPONENT_NAME='Arrow';const Arrow=withMergedProps(forwardRef(((r,o)=>{const{type:t="button",size:s="l",top:e=!0,iconProps:m={},...n}=r;return jsx(Root,{...n,type:t,size:s,top:e,ref:o,children:jsx(Icon,{name:n.preset==='brand'?'arrowUp':'chevronUp',as:'span',color:'inherit',...m})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?SIZES:SIZES_DEFAULT});export{Arrow,COMPONENT_NAME};
 //# sourceMappingURL=Arrow.mjs.map

package/components/Arrow/Arrow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.mjs","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ArrowUp } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport ChevronUp from './images/chevronUpDefault.svg?module'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon\n          icon={\n            !iconProps.name && !iconProps.icon ? restProps.preset === 'brand' ? <ArrowUp /> : <ChevronUp /> : undefined\n          }\n          {...iconBaseProps}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","icon","name","undefined","preset","ArrowUp","ChevronUp","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"wZAaMA,MAAAA,eAAiB,QAQjBC,MAAAA,MAAqDC,gBACzDC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,IAACG,KAAI,CACHC,KACGN,EAAUO,MAASP,EAAUM,UAAoEE,EAA9BN,IAA/BD,EAAUQ,SAAW,QAAWC,QAAcC,oBAAL,IANnDC,GAAI,OAAQC,MAAO,aAS5Cb,KAEM,IAGlB,CACEc,YA3BmB,QA4BnBC,MAAQpB,GAAWA,EAAMc,SAAW,QAAUO,MAAQC"}
+{"version":3,"file":"Arrow.mjs","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oRAWMA,MAAAA,eAAiB,QAQjBC,MAAAA,MAAqDC,gBACzDC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,IAACG,KAAI,CAACC,KAAML,EAAUM,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCT,KAC/E,IAGlB,CACEU,YArBmB,QAsBnBC,MAAQhB,GAAWA,EAAMY,SAAW,QAAUK,MAAQC"}

package/components/Button/Button.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var useClassname=require('../../hooks/useClassname.js');var withMergedProps=require('../../hocs/withMergedProps.js');var hooks=require('./hooks.js');var sizes=require('./sizes.js');var sizesDefault=require('./sizes-default.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/CheckFill/index.js');var index$1=require('../../icon-pack/src/icons/LoaderFill/index.js');var Text=require('../Text/Text.js');const Button=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{let{size:n="m",inline:t=!0,rounded:i=!0,color:r="accent",fontColor:o="white",textProps:a={},iconProps:c={},as:l,sizeXXS:u,sizeXS:d,sizeS:x,sizeM:m,sizeL:p,sizeXL:j,className:z,children:S,content:h,fontWeight:I,icon:R,innerRef:f,...y}=e;const E=styled.useTheme();y.preset!=='default'||typeof n!='string'||y.round||(y={...sizesDefault.PROPS_BY_SIZE[n]??{},...y}),y.href&&(l='a'),y.to&&(l=E.link),y.disabled&&(l='button'),y.primary&&(r='primary'),y.secondary&&(r='atlantis');const v=useClassname.useClassname("Button",z);const C=useClassname.useClassname("Button");const _=hooks.useComputedRel(E,y);const g=hooks.useComputedLinkProps(l,y);let[N,T]=Array.isArray(R)?R:[R];const q={size:n,sizeXXS:u,sizeXS:d,sizeS:x,sizeM:m,sizeL:p,sizeXL:j};const P={...q,as:'span',color:'inherit',weight:I??(y.preset==='brand'?800:600),lineHeight:y.preset==='brand'?1.2:1,sizes:y.preset==='brand'?sizes.SIZES_TEXT:sizesDefault.SIZES_TEXT_DEFAULT};const D={...q,color:'inherit',preset:y.preset,sizes:sizes.SIZES_ICON};const Z=y.preset==='brand'&&y.success;const k=y.preset==='brand'&&y.loading;return jsxRuntime.jsx(style.Root,{...y,...g,...q,inline:t,color:r,fontColor:o,rounded:i,rel:_,as:l,className:v,ref:s??f,children:typeof S=='function'?S({textProps:P,iconProps:D}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[Z||k?jsxRuntime.jsx(style.IconPosition,{children:Z?jsxRuntime.jsx(Icon.Icon,{...D,...c,icon:jsxRuntime.jsx(index.CheckFill,{})}):jsxRuntime.jsx(style.IconAnimation,{children:jsxRuntime.jsx(Icon.Icon,{...D,...c,icon:jsxRuntime.jsx(index$1.LoaderFill,{})})})}):null,jsxRuntime.jsxs(style.Content,{"aria-hidden":Z||k,children:[N?jsxRuntime.jsx(Icon.Icon,{className:"icon",name:typeof N=='string'?N:void 0,icon:typeof N!='string'?N:void 0,...D,...c}):null,S||h?jsxRuntime.jsx(Text.Text,{className:`${C}__content`,...P,...a,children:S||h}):null,T?jsxRuntime.jsx(Icon.Icon,{className:"icon",name:typeof T=='string'?T:void 0,icon:typeof T!='string'?T:void 0,...D,...c}):null]})]})})})),{displayName:"Button",sizes:e=>{let s=e.preset==='brand'?sizes.SIZES:sizesDefault.SIZES_DEFAULT;return e.round&&(s=e.preset==='brand'?sizes.SIZES_ROUND:sizesDefault.SIZES_ROUND_DEFAULT),s}});exports.SIZES=sizes.SIZES,exports.SIZES_ROUND=sizes.SIZES_ROUND,exports.Button=Button,exports.COMPONENT_NAME="Button";
+'use strict';var React=require('react');var styled=require('styled-components');var useClassname=require('../../hooks/useClassname.js');var withMergedProps=require('../../hocs/withMergedProps.js');var hooks=require('./hooks.js');var sizes=require('./sizes.js');var sizesDefault=require('./sizes-default.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Button=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{let{size:t="m",inline:n=!0,rounded:r=!0,color:i="accent",fontColor:o="white",textProps:a={},iconProps:l={},as:c,sizeXXS:u,sizeXS:d,sizeS:m,sizeM:p,sizeL:x,sizeXL:j,className:z,children:S,content:h,fontWeight:I,icon:R,innerRef:f,...y}=e;const E=styled.useTheme();y.preset!=='default'||typeof t!='string'||y.round||(y={...sizesDefault.PROPS_BY_SIZE[t]??{},...y}),y.href&&(c='a'),y.to&&(c=E.link),y.disabled&&(c='button'),y.primary&&(i='primary'),y.secondary&&(i='atlantis');const v=useClassname.useClassname("Button",z);const _=useClassname.useClassname("Button");const g=hooks.useComputedRel(E,y);const N=hooks.useComputedLinkProps(c,y);let[T,C]=Array.isArray(R)?R:[R];const P={size:t,sizeXXS:u,sizeXS:d,sizeS:m,sizeM:p,sizeL:x,sizeXL:j};const D={...P,as:'span',color:'inherit',weight:I??(y.preset==='brand'?800:600),lineHeight:y.preset==='brand'?1.2:1,sizes:y.preset==='brand'?sizes.SIZES_TEXT:sizesDefault.SIZES_TEXT_DEFAULT};const Z={...P,color:'inherit',preset:y.preset,sizes:sizes.SIZES_ICON};const q=y.preset==='brand'&&y.success;const X=y.preset==='brand'&&y.loading;return jsxRuntime.jsx(style.Root,{...y,...N,...P,inline:n,color:i,fontColor:o,rounded:r,rel:g,as:c,className:v,ref:s??f,children:typeof S=='function'?S({textProps:D,iconProps:Z}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[q||X?jsxRuntime.jsx(style.IconPosition,{children:q?jsxRuntime.jsx(Icon.Icon,{...Z,...l,name:"checkFill"}):jsxRuntime.jsx(style.IconAnimation,{children:jsxRuntime.jsx(Icon.Icon,{...Z,...l,name:"loaderFill"})})}):null,jsxRuntime.jsxs(style.Content,{"aria-hidden":q||X,children:[T?jsxRuntime.jsx(Icon.Icon,{className:"icon",name:typeof T=='string'?T:void 0,icon:typeof T!='string'?T:void 0,...Z,...l}):null,S||h?jsxRuntime.jsx(Text.Text,{className:`${_}__content`,...D,...a,children:S||h}):null,C?jsxRuntime.jsx(Icon.Icon,{className:"icon",name:typeof C=='string'?C:void 0,icon:typeof C!='string'?C:void 0,...Z,...l}):null]})]})})})),{displayName:"Button",sizes:e=>{let s=e.preset==='brand'?sizes.SIZES:sizesDefault.SIZES_DEFAULT;return e.round&&(s=e.preset==='brand'?sizes.SIZES_ROUND:sizesDefault.SIZES_ROUND_DEFAULT),s}});exports.SIZES=sizes.SIZES,exports.SIZES_ROUND=sizes.SIZES_ROUND,exports.Button=Button,exports.COMPONENT_NAME="Button";
 //# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\nimport { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckFill, LoaderFill } from '@foxford/icon-pack'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND, SIZES_ICON, SIZES_TEXT } from './sizes'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE, SIZES_TEXT_DEFAULT } from './sizes-default'\nimport type { ButtonProps, Size } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ButtonProps>>((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps: textPropsProp = {},\n      iconProps: iconPropsProp = {},\n      as: _as,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size as Size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = theme.link\n    if (restProps.disabled) _as = 'button'\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\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      as: 'span',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      sizes: restProps.preset === 'brand' ? SIZES_TEXT : SIZES_TEXT_DEFAULT,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      color: 'inherit',\n      preset: restProps.preset,\n      sizes: SIZES_ICON,\n    }\n\n    const success = restProps.preset === 'brand' && restProps.success\n    const loading = restProps.preset === 'brand' && restProps.loading\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        {...sizeProps}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({ textProps, iconProps })\n        ) : (\n          <>\n            {success || loading ? (\n              <Styled.IconPosition>\n                {success ? (\n                  <Icon {...iconProps} {...iconPropsProp} icon={<CheckFill />} />\n                ) : (\n                  <Styled.IconAnimation>\n                    <Icon {...iconProps} {...iconPropsProp} icon={<LoaderFill />} />\n                  </Styled.IconAnimation>\n                )}\n              </Styled.IconPosition>\n            ) : null}\n            <Styled.Content aria-hidden={success || loading}>\n              {before ? (\n                <Icon\n                  className='icon'\n                  name={typeof before === 'string' ? before : undefined}\n                  icon={typeof before !== 'string' ? before : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n              {children || content ? (\n                <Text className={`${textClassName}__content`} {...textProps} {...textPropsProp}>\n                  {children || content}\n                </Text>\n              ) : null}\n              {after ? (\n                <Icon\n                  className='icon'\n                  name={typeof after === 'string' ? after : undefined}\n                  icon={typeof after !== 'string' ? after : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n            </Styled.Content>\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME, SIZES, SIZES_ROUND }\n\nexport type { ButtonProps }\n"],"names":["Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","textPropsProp","iconProps","iconPropsProp","as","_as","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","link","disabled","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","sizeProps","weight","lineHeight","sizes","SIZES_TEXT","SIZES_TEXT_DEFAULT","SIZES_ICON","success","loading","_jsx","Styled","_jsxs","jsxs","_Fragment","jsx","Icon","CheckFill","LoaderFill","name","undefined","Text","displayName","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\nimport { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND, SIZES_ICON, SIZES_TEXT } from './sizes'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE, SIZES_TEXT_DEFAULT } from './sizes-default'\nimport type { ButtonProps, Size } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ButtonProps>>((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps: textPropsProp = {},\n      iconProps: iconPropsProp = {},\n      as: _as,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size as Size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = theme.link\n    if (restProps.disabled) _as = 'button'\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\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      as: 'span',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      sizes: restProps.preset === 'brand' ? SIZES_TEXT : SIZES_TEXT_DEFAULT,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      color: 'inherit',\n      preset: restProps.preset,\n      sizes: SIZES_ICON,\n    }\n\n    const success = restProps.preset === 'brand' && restProps.success\n    const loading = restProps.preset === 'brand' && restProps.loading\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        {...sizeProps}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({ textProps, iconProps })\n        ) : (\n          <>\n            {success || loading ? (\n              <Styled.IconPosition>\n                {success ? (\n                  <Icon {...iconProps} {...iconPropsProp} name='checkFill' />\n                ) : (\n                  <Styled.IconAnimation>\n                    <Icon {...iconProps} {...iconPropsProp} name='loaderFill' />\n                  </Styled.IconAnimation>\n                )}\n              </Styled.IconPosition>\n            ) : null}\n            <Styled.Content aria-hidden={success || loading}>\n              {before ? (\n                <Icon\n                  className='icon'\n                  name={typeof before === 'string' ? before : undefined}\n                  icon={typeof before !== 'string' ? before : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n              {children || content ? (\n                <Text className={`${textClassName}__content`} {...textProps} {...textPropsProp}>\n                  {children || content}\n                </Text>\n              ) : null}\n              {after ? (\n                <Icon\n                  className='icon'\n                  name={typeof after === 'string' ? after : undefined}\n                  icon={typeof after !== 'string' ? after : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n            </Styled.Content>\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME, SIZES, SIZES_ROUND }\n\nexport type { ButtonProps }\n"],"names":["Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","textPropsProp","iconProps","iconPropsProp","as","_as","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","link","disabled","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","sizeProps","weight","lineHeight","sizes","SIZES_TEXT","SIZES_TEXT_DEFAULT","SIZES_ICON","success","loading","_jsx","Styled","_jsxs","jsxs","_Fragment","jsx","Icon","name","undefined","Text","displayName","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"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"}

package/components/Button/Button.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useComputedRel,useComputedLinkProps}from'./hooks.mjs';import{SIZES,SIZES_ROUND,SIZES_TEXT,SIZES_ICON}from'./sizes.mjs';import{SIZES_DEFAULT,SIZES_ROUND_DEFAULT,SIZES_TEXT_DEFAULT,PROPS_BY_SIZE}from'./sizes-default.mjs';import{Root,IconPosition,IconAnimation,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{CheckFill}from'../../icon-pack/src/icons/CheckFill/index.mjs';import{LoaderFill}from'../../icon-pack/src/icons/LoaderFill/index.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Button';const Button=withMergedProps(forwardRef(((e,o)=>{let{size:s="m",inline:n=!0,rounded:t=!0,color:r="accent",fontColor:i="white",textProps:c={},iconProps:m={},as:a,sizeXXS:l,sizeXS:p,sizeS:d,sizeM:S,sizeL:u,sizeXL:f,className:E,children:I,content:h,fontWeight:j,icon:_,innerRef:x,...T}=e;const z=useTheme();T.preset!=='default'||typeof s!='string'||T.round||(T={...PROPS_BY_SIZE[s]??{},...T}),T.href&&(a='a'),T.to&&(a=z.link),T.disabled&&(a='button'),T.primary&&(r='primary'),T.secondary&&(r='atlantis');const C=useClassname("Button",E);const N=useClassname("Button");const Z=useComputedRel(z,T);const P=useComputedLinkProps(a,T);let[L,g]=Array.isArray(_)?_:[_];const y={size:s,sizeXXS:l,sizeXS:p,sizeS:d,sizeM:S,sizeL:u,sizeXL:f};const F={...y,as:'span',color:'inherit',weight:j??(T.preset==='brand'?800:600),lineHeight:T.preset==='brand'?1.2:1,sizes:T.preset==='brand'?SIZES_TEXT:SIZES_TEXT_DEFAULT};const R={...y,color:'inherit',preset:T.preset,sizes:SIZES_ICON};const O=T.preset==='brand'&&T.success;const A=T.preset==='brand'&&T.loading;return jsx(Root,{...T,...P,...y,inline:n,color:r,fontColor:i,rounded:t,rel:Z,as:a,className:C,ref:o??x,children:typeof I=='function'?I({textProps:F,iconProps:R}):jsxs(Fragment,{children:[O||A?jsx(IconPosition,{children:O?jsx(Icon,{...R,...m,icon:jsx(CheckFill,{})}):jsx(IconAnimation,{children:jsx(Icon,{...R,...m,icon:jsx(LoaderFill,{})})})}):null,jsxs(Content,{"aria-hidden":O||A,children:[L?jsx(Icon,{className:"icon",name:typeof L=='string'?L:void 0,icon:typeof L!='string'?L:void 0,...R,...m}):null,I||h?jsx(Text,{className:`${N}__content`,...F,...c,children:I||h}):null,g?jsx(Icon,{className:"icon",name:typeof g=='string'?g:void 0,icon:typeof g!='string'?g:void 0,...R,...m}):null]})]})})})),{displayName:"Button",sizes:e=>{let o=e.preset==='brand'?SIZES:SIZES_DEFAULT;return e.round&&(o=e.preset==='brand'?SIZES_ROUND:SIZES_ROUND_DEFAULT),o}});export{Button,COMPONENT_NAME,SIZES,SIZES_ROUND};
+import{forwardRef}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useComputedRel,useComputedLinkProps}from'./hooks.mjs';import{SIZES,SIZES_ROUND,SIZES_TEXT,SIZES_ICON}from'./sizes.mjs';import{SIZES_DEFAULT,SIZES_ROUND_DEFAULT,SIZES_TEXT_DEFAULT,PROPS_BY_SIZE}from'./sizes-default.mjs';import{Root,IconPosition,IconAnimation,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Button';const Button=withMergedProps(forwardRef(((e,s)=>{let{size:o="m",inline:t=!0,rounded:n=!0,color:r="accent",fontColor:i="white",textProps:c={},iconProps:a={},as:m,sizeXXS:l,sizeXS:p,sizeS:d,sizeM:S,sizeL:u,sizeXL:E,className:I,children:f,content:_,fontWeight:h,icon:T,innerRef:j,...x}=e;const z=useTheme();x.preset!=='default'||typeof o!='string'||x.round||(x={...PROPS_BY_SIZE[o]??{},...x}),x.href&&(m='a'),x.to&&(m=z.link),x.disabled&&(m='button'),x.primary&&(r='primary'),x.secondary&&(r='atlantis');const N=useClassname("Button",I);const Z=useClassname("Button");const P=useComputedRel(z,x);const C=useComputedLinkProps(m,x);let[g,y]=Array.isArray(T)?T:[T];const R={size:o,sizeXXS:l,sizeXS:p,sizeS:d,sizeM:S,sizeL:u,sizeXL:E};const O={...R,as:'span',color:'inherit',weight:h??(x.preset==='brand'?800:600),lineHeight:x.preset==='brand'?1.2:1,sizes:x.preset==='brand'?SIZES_TEXT:SIZES_TEXT_DEFAULT};const A={...R,color:'inherit',preset:x.preset,sizes:SIZES_ICON};const L=x.preset==='brand'&&x.success;const X=x.preset==='brand'&&x.loading;return jsx(Root,{...x,...C,...R,inline:t,color:r,fontColor:i,rounded:n,rel:P,as:m,className:N,ref:s??j,children:typeof f=='function'?f({textProps:O,iconProps:A}):jsxs(Fragment,{children:[L||X?jsx(IconPosition,{children:L?jsx(Icon,{...A,...a,name:"checkFill"}):jsx(IconAnimation,{children:jsx(Icon,{...A,...a,name:"loaderFill"})})}):null,jsxs(Content,{"aria-hidden":L||X,children:[g?jsx(Icon,{className:"icon",name:typeof g=='string'?g:void 0,icon:typeof g!='string'?g:void 0,...A,...a}):null,f||_?jsx(Text,{className:`${Z}__content`,...O,...c,children:f||_}):null,y?jsx(Icon,{className:"icon",name:typeof y=='string'?y:void 0,icon:typeof y!='string'?y:void 0,...A,...a}):null]})]})})})),{displayName:"Button",sizes:e=>{let s=e.preset==='brand'?SIZES:SIZES_DEFAULT;return e.round&&(s=e.preset==='brand'?SIZES_ROUND:SIZES_ROUND_DEFAULT),s}});export{Button,COMPONENT_NAME,SIZES,SIZES_ROUND};
 //# sourceMappingURL=Button.mjs.map

package/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\nimport { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckFill, LoaderFill } from '@foxford/icon-pack'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND, SIZES_ICON, SIZES_TEXT } from './sizes'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE, SIZES_TEXT_DEFAULT } from './sizes-default'\nimport type { ButtonProps, Size } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ButtonProps>>((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps: textPropsProp = {},\n      iconProps: iconPropsProp = {},\n      as: _as,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size as Size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = theme.link\n    if (restProps.disabled) _as = 'button'\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\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      as: 'span',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      sizes: restProps.preset === 'brand' ? SIZES_TEXT : SIZES_TEXT_DEFAULT,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      color: 'inherit',\n      preset: restProps.preset,\n      sizes: SIZES_ICON,\n    }\n\n    const success = restProps.preset === 'brand' && restProps.success\n    const loading = restProps.preset === 'brand' && restProps.loading\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        {...sizeProps}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({ textProps, iconProps })\n        ) : (\n          <>\n            {success || loading ? (\n              <Styled.IconPosition>\n                {success ? (\n                  <Icon {...iconProps} {...iconPropsProp} icon={<CheckFill />} />\n                ) : (\n                  <Styled.IconAnimation>\n                    <Icon {...iconProps} {...iconPropsProp} icon={<LoaderFill />} />\n                  </Styled.IconAnimation>\n                )}\n              </Styled.IconPosition>\n            ) : null}\n            <Styled.Content aria-hidden={success || loading}>\n              {before ? (\n                <Icon\n                  className='icon'\n                  name={typeof before === 'string' ? before : undefined}\n                  icon={typeof before !== 'string' ? before : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n              {children || content ? (\n                <Text className={`${textClassName}__content`} {...textProps} {...textPropsProp}>\n                  {children || content}\n                </Text>\n              ) : null}\n              {after ? (\n                <Icon\n                  className='icon'\n                  name={typeof after === 'string' ? after : undefined}\n                  icon={typeof after !== 'string' ? after : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n            </Styled.Content>\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME, SIZES, SIZES_ROUND }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","textPropsProp","iconProps","iconPropsProp","as","_as","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","link","disabled","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","sizeProps","weight","lineHeight","sizes","SIZES_TEXT","SIZES_TEXT_DEFAULT","SIZES_ICON","success","loading","_jsx","Styled","_jsxs","_Fragment","Icon","CheckFill","LoaderFill","name","undefined","Text","displayName","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"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"}
+{"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\nimport { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND, SIZES_ICON, SIZES_TEXT } from './sizes'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE, SIZES_TEXT_DEFAULT } from './sizes-default'\nimport type { ButtonProps, Size } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ButtonProps>>((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps: textPropsProp = {},\n      iconProps: iconPropsProp = {},\n      as: _as,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size as Size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = theme.link\n    if (restProps.disabled) _as = 'button'\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\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      as: 'span',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      sizes: restProps.preset === 'brand' ? SIZES_TEXT : SIZES_TEXT_DEFAULT,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      color: 'inherit',\n      preset: restProps.preset,\n      sizes: SIZES_ICON,\n    }\n\n    const success = restProps.preset === 'brand' && restProps.success\n    const loading = restProps.preset === 'brand' && restProps.loading\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        {...sizeProps}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({ textProps, iconProps })\n        ) : (\n          <>\n            {success || loading ? (\n              <Styled.IconPosition>\n                {success ? (\n                  <Icon {...iconProps} {...iconPropsProp} name='checkFill' />\n                ) : (\n                  <Styled.IconAnimation>\n                    <Icon {...iconProps} {...iconPropsProp} name='loaderFill' />\n                  </Styled.IconAnimation>\n                )}\n              </Styled.IconPosition>\n            ) : null}\n            <Styled.Content aria-hidden={success || loading}>\n              {before ? (\n                <Icon\n                  className='icon'\n                  name={typeof before === 'string' ? before : undefined}\n                  icon={typeof before !== 'string' ? before : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n              {children || content ? (\n                <Text className={`${textClassName}__content`} {...textProps} {...textPropsProp}>\n                  {children || content}\n                </Text>\n              ) : null}\n              {after ? (\n                <Icon\n                  className='icon'\n                  name={typeof after === 'string' ? after : undefined}\n                  icon={typeof after !== 'string' ? after : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n            </Styled.Content>\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME, SIZES, SIZES_ROUND }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","textPropsProp","iconProps","iconPropsProp","as","_as","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","link","disabled","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","sizeProps","weight","lineHeight","sizes","SIZES_TEXT","SIZES_TEXT_DEFAULT","SIZES_ICON","success","loading","_jsx","Styled","_jsxs","_Fragment","Icon","name","undefined","Text","displayName","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"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"}

package/components/Checkbox/images/check-default.svg.js

@@ -0,0 +1,2 @@
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _rect,_g;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},e),_rect||(_rect=React__namespace.createElement("rect",{width:19.091,height:19.091,x:.455,y:.455,fill:"#fff",stroke:"#B8B8B8",rx:5})),_g||(_g=React__namespace.createElement("g",{fill:"none"},React__namespace.createElement("rect",{width:20,height:20,fill:"#1A96F6",rx:5}),React__namespace.createElement("path",{stroke:"#fff",strokeWidth:2,d:"M6 9.99 9 13l6-6"}))));
+//# sourceMappingURL=check-default.svg.js.map

package/components/Checkbox/images/check-default.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-default.svg.js","sources":["../../../../../src/components/Checkbox/images/check-default.svg?module"],"sourcesContent":["var _rect, _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgCheckDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 20\"\n}, props), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n  width: 19.091,\n  height: 19.091,\n  x: 0.455,\n  y: 0.455,\n  fill: \"#fff\",\n  stroke: \"#B8B8B8\",\n  rx: 5\n})), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n  fill: \"none\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n  width: 20,\n  height: 20,\n  fill: \"#1A96F6\",\n  rx: 5\n}), /*#__PURE__*/React.createElement(\"path\", {\n  stroke: \"#fff\",\n  strokeWidth: 2,\n  d: \"M6 9.99 9 13l6-6\"\n}))));\nexport default SvgCheckDefault;"],"names":["_rect","_g","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","width","height","x","y","fill","stroke","rx","strokeWidth","d"],"mappings":"qZAAA,IAAIA,MAAOC,GACX,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,iBAE5PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAChFgB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,iBAAMC,cAAc,OAAQ,CACpEG,MAAO,OACPC,OAAQ,OACRC,EAAG,KACHC,EAAG,KACHC,KAAM,OACNC,OAAQ,UACRC,GAAI,KACDzB,KAAOA,GAAkBe,iBAAMC,cAAc,IAAK,CACrDO,KAAM,QACQR,iBAAMC,cAAc,OAAQ,CAC1CG,MAAO,GACPC,OAAQ,GACRG,KAAM,UACNE,GAAI,IACWV,iBAAMC,cAAc,OAAQ,CAC3CQ,OAAQ,OACRE,YAAa,EACbC,EAAG"}

package/components/Checkbox/images/check-default.svg.mjs

@@ -0,0 +1,2 @@
+import*as React from'react';var _rect,_g;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const SvgCheckDefault=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},e),_rect||(_rect=React.createElement("rect",{width:19.091,height:19.091,x:.455,y:.455,fill:"#fff",stroke:"#B8B8B8",rx:5})),_g||(_g=React.createElement("g",{fill:"none"},React.createElement("rect",{width:20,height:20,fill:"#1A96F6",rx:5}),React.createElement("path",{stroke:"#fff",strokeWidth:2,d:"M6 9.99 9 13l6-6"}))));export{SvgCheckDefault as default};
+//# sourceMappingURL=check-default.svg.mjs.map

package/components/Checkbox/images/check-default.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-default.svg.mjs","sources":["../../../../../src/components/Checkbox/images/check-default.svg?module"],"sourcesContent":["var _rect, _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgCheckDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 20\"\n}, props), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n  width: 19.091,\n  height: 19.091,\n  x: 0.455,\n  y: 0.455,\n  fill: \"#fff\",\n  stroke: \"#B8B8B8\",\n  rx: 5\n})), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n  fill: \"none\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n  width: 20,\n  height: 20,\n  fill: \"#1A96F6\",\n  rx: 5\n}), /*#__PURE__*/React.createElement(\"path\", {\n  stroke: \"#fff\",\n  strokeWidth: 2,\n  d: \"M6 9.99 9 13l6-6\"\n}))));\nexport default SvgCheckDefault;"],"names":["_rect","_g","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgCheckDefault","props","React","createElement","xmlns","viewBox","width","height","x","y","fill","stroke","rx","strokeWidth","d"],"mappings":"4BAAA,IAAIA,MAAOC,GACX,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,CAE/Q,MAACO,gBAAkBC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CAChFiB,MAAO,6BACPC,QAAS,aACRJ,GAAQhB,QAAUA,MAAqBiB,MAAMC,cAAc,OAAQ,CACpEG,MAAO,OACPC,OAAQ,OACRC,EAAG,KACHC,EAAG,KACHC,KAAM,OACNC,OAAQ,UACRC,GAAI,KACD1B,KAAOA,GAAkBgB,MAAMC,cAAc,IAAK,CACrDO,KAAM,QACQR,MAAMC,cAAc,OAAQ,CAC1CG,MAAO,GACPC,OAAQ,GACRG,KAAM,UACNE,GAAI,IACWV,MAAMC,cAAc,OAAQ,CAC3CQ,OAAQ,OACRE,YAAa,EACbC,EAAG"}

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

@@ -0,0 +1,2 @@
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 12 9"},e),_path||(_path=React__namespace.createElement("path",{stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M10.5 1.5 4.312 8 1.5 5.045"})));
+//# sourceMappingURL=check.svg.js.map