@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/components/Modal/images/tinyCrossDefault.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"tinyCrossDefault.svg.js","sources":["../../../../../src/components/Modal/images/tinyCrossDefault.svg?module"],"sourcesContent":["var _path;\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 SvgTinyCrossDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 26 26\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M10.7 12.8 1 22.4c-.5.6-.5 1.6 0 2.2.8.6 1.7.6 2.3 0L13 15l9.5 9.6c.6.6 1.6.6 2.2 0s.6-1.6 0-2.2L15 12.8l9.6-9.5c.6-.6.6-1.6 0-2.2-.6-.5-1.6-.5-2.2 0L13 10.7 3.3 1C2.8.6 1.8.6 1.2 1c-.6.7-.6 1.7 0 2.3z\"\n})));\nexport default SvgTinyCrossDefault;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"qZAAA,IAAIA,MACJ,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,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAEvPO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACpFgB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}
+{"version":3,"file":"tinyCrossDefault.svg.js","sources":["../../../../../src/components/Modal/images/tinyCrossDefault.svg?module"],"sourcesContent":["var _path;\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 SvgTinyCrossDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 26 26\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M10.7 12.8 1 22.4c-.5.6-.5 1.6 0 2.2.8.6 1.7.6 2.3 0L13 15l9.5 9.6c.6.6 1.6.6 2.2 0s.6-1.6 0-2.2L15 12.8l9.6-9.5c.6-.6.6-1.6 0-2.2-.6-.5-1.6-.5-2.2 0L13 10.7 3.3 1C2.8.6 1.8.6 1.2 1c-.6.7-.6 1.7 0 2.3z\"\n})));\nexport default SvgTinyCrossDefault;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"mZAAA,IAAIA,MACJ,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,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAEvPO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACpFgB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Modal/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var hover=require('../../mixins/hover.js');var adapter=require('./adapter.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WIDTHS={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};const Modal=styled__default.default(adapter.ReactModalAdapter).withConfig({displayName:"Modal",componentId:"ui__sc-1ilisuf-0"})(["&__overlay{z-index:",";display:flex;flex-direction:row;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;"," &.ReactModal__Overlay--after-open{","}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}","}"],(e=>e.zIndex||e.theme.zIndex.modal),(e=>e.valign?styled.css(["align-items:",";"],(e=>{switch(e){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(e.valign)):null),(e=>e.overlayClassName?null:styled.css(e.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"])),(e=>e.width?responsiveProperty.property((e=>typeof e.width=='number'?e.width:e.width&&typeof e.width=='string'&&WIDTHS[e.width]?WIDTHS[e.width]:'auto')(e),'max-width'):null));const ModalClose=styled__default.default.span.withConfig({displayName:"Modal__ModalClose",componentId:"ui__sc-1ilisuf-1"})(["opacity:1;transition:0.3s;position:absolute;right:20px;top:20px;cursor:pointer;z-index:10;svg{width:18px;height:18px;}",""],hover.hover("\n    opacity: 0.5;\n  "));styled.createGlobalStyle([".bodyOpen{overflow:hidden;}"]),exports.Modal=Modal,exports.ModalClose=ModalClose;
+'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var hover=require('../../mixins/hover.js');var adapter=require('./adapter.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WIDTHS={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};const Modal=styled__default.default(adapter.ReactModalAdapter).withConfig({displayName:"Modal",componentId:"ui__sc-1ilisuf-0"})(["&__overlay{z-index:",";display:flex;flex-direction:row;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;"," &.ReactModal__Overlay--after-open{","}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}","}"],e=>e.zIndex||e.theme.zIndex.modal,e=>e.valign?styled.css(["align-items:",";"],(e=>{switch(e){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(e.valign)):null,e=>e.overlayClassName?null:styled.css(e.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"]),e=>e.width?responsiveProperty.property((e=>typeof e.width=='number'?e.width:e.width&&typeof e.width=='string'&&WIDTHS[e.width]?WIDTHS[e.width]:'auto')(e),'max-width'):null);const ModalClose=styled__default.default.span.withConfig({displayName:"Modal__ModalClose",componentId:"ui__sc-1ilisuf-1"})(["opacity:1;transition:0.3s;position:absolute;right:20px;top:20px;cursor:pointer;z-index:10;svg{width:18px;height:18px;}",""],hover.hover("\n    opacity: 0.5;\n  "));styled.createGlobalStyle([".bodyOpen{overflow:hidden;}"]),exports.Modal=Modal,exports.ModalClose=ModalClose;
 //# sourceMappingURL=style.js.map

package/components/Modal/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\n\nimport { property } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { hover } from 'mixins/hover'\nimport type { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n  zIndex?: ModalProps['zIndex']\n  valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n  xxxs: 100,\n  xxs: 200,\n  xs: 300,\n  s: 400,\n  m: 500,\n  l: 600,\n  xl: 740,\n  xxl: 800,\n  xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n  if (typeof props.width === 'number') return props.width\n\n  if (props.width && typeof props.width === 'string' && WIDTHS[props.width as keyof typeof WIDTHS]) {\n    return WIDTHS[props.width as keyof typeof WIDTHS]\n  }\n\n  return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n  switch (valign) {\n    case 'top':\n      return 'flex-start'\n    case 'bottom':\n      return 'flex-end'\n    case 'center':\n      return 'center'\n    default:\n      return 'center'\n  }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n  &__overlay {\n    z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    ${(props) =>\n      props.valign\n        ? css`\n            align-items: ${getPosition(props.valign)};\n          `\n        : null}\n    &.ReactModal__Overlay--after-open {\n      ${(props) => {\n        if (props.overlayClassName) return null\n\n        if (props.blurredOverlay) {\n          return css`\n            background: rgba(246, 247, 251, 0.3);\n            backdrop-filter: blur(3.5px);\n          `\n        }\n\n        return css`\n          background: rgba(246, 247, 251, 0.9);\n        `\n      }}\n    }\n  }\n\n  &__content {\n    width: 100%;\n    max-height: 100%;\n    position: relative;\n    &:focus {\n      outline: 0;\n    }\n    ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n  }\n`\n\nexport const ModalClose = styled.span`\n  opacity: 1;\n  transition: 0.3s;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  cursor: pointer;\n  z-index: 10;\n  svg {\n    width: 18px;\n    height: 18px;\n  }\n  ${hover(`\n    opacity: 0.5;\n  `)}\n`\n\nexport const GlobalRoot = createGlobalStyle`\n  .bodyOpen {\n    overflow: hidden;\n  }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","ReactModalAdapter","withConfig","displayName","componentId","props","zIndex","theme","modal","valign","css","getPosition","overlayClassName","blurredOverlay","width","property","chooseWidthValue","ModalClose","span","hover","createGlobalStyle"],"mappings":"uTAaA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KA0BD,MAAMC,MAAQC,gBAAAA,QAAOC,2BAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBJ,CAAyB,CAAA,sBAAA,0IAAA,sCAAA,gFAAA,MAE9BK,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,OAAAA,IAAG,CAAA,eAAA,KA5BQD,KACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,SACX,EAmByBE,CAAYN,EAAMI,SAEnC,OAEDJ,GACGA,EAAMO,iBAAyB,KAG1BF,OAAAA,IADLL,EAAMQ,eACE,CAAA,iEAMF,CAAA,wCAcXR,GAAWA,EAAMS,MAAQC,mBAAAA,SAnENV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAYzB,OAAOgB,EAAMS,OAC1DzB,OAAOgB,EAAMS,OAGf,OA4DgCE,CAAiBX,GAAQ,aAAe,aAIpEY,WAAajB,gBAAAA,QAAOkB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXJ,CAAW,CAAA,yHAAA,IAYjCmB,MAAAA,MAAM,4BAKgBC,OAAAA,kBAAiB,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\n\nimport { property } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { hover } from 'mixins/hover'\nimport type { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n  zIndex?: ModalProps['zIndex']\n  valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n  xxxs: 100,\n  xxs: 200,\n  xs: 300,\n  s: 400,\n  m: 500,\n  l: 600,\n  xl: 740,\n  xxl: 800,\n  xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n  if (typeof props.width === 'number') return props.width\n\n  if (props.width && typeof props.width === 'string' && WIDTHS[props.width as keyof typeof WIDTHS]) {\n    return WIDTHS[props.width as keyof typeof WIDTHS]\n  }\n\n  return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n  switch (valign) {\n    case 'top':\n      return 'flex-start'\n    case 'bottom':\n      return 'flex-end'\n    case 'center':\n      return 'center'\n    default:\n      return 'center'\n  }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n  &__overlay {\n    z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    ${(props) =>\n      props.valign\n        ? css`\n            align-items: ${getPosition(props.valign)};\n          `\n        : null}\n    &.ReactModal__Overlay--after-open {\n      ${(props) => {\n        if (props.overlayClassName) return null\n\n        if (props.blurredOverlay) {\n          return css`\n            background: rgba(246, 247, 251, 0.3);\n            backdrop-filter: blur(3.5px);\n          `\n        }\n\n        return css`\n          background: rgba(246, 247, 251, 0.9);\n        `\n      }}\n    }\n  }\n\n  &__content {\n    width: 100%;\n    max-height: 100%;\n    position: relative;\n    &:focus {\n      outline: 0;\n    }\n    ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n  }\n`\n\nexport const ModalClose = styled.span`\n  opacity: 1;\n  transition: 0.3s;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  cursor: pointer;\n  z-index: 10;\n  svg {\n    width: 18px;\n    height: 18px;\n  }\n  ${hover(`\n    opacity: 0.5;\n  `)}\n`\n\nexport const GlobalRoot = createGlobalStyle`\n  .bodyOpen {\n    overflow: hidden;\n  }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","ReactModalAdapter","withConfig","displayName","componentId","props","zIndex","theme","modal","valign","css","getPosition","overlayClassName","blurredOverlay","width","property","chooseWidthValue","ModalClose","span","hover","createGlobalStyle"],"mappings":"uTAaA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KA0BD,MAAMC,MAAQC,gBAAAA,QAAOC,2BAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBJ,CAAyB,CAAA,sBAAA,0IAAA,sCAAA,gFAAA,KAE9BK,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,MAWtDH,GACDA,EAAMI,OACFC,OAAAA,IAAG,CAAA,eAAA,KA5BQD,KACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,WAoBcE,CAAYN,EAAMI,SAEnC,KAEDJ,GACGA,EAAMO,iBAAyB,KAG1BF,OAAAA,IADLL,EAAMQ,eACE,CAAA,iEAMF,CAAA,sCAcXR,GAAWA,EAAMS,MAAQC,mBAAAA,SAnENV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAYzB,OAAOgB,EAAMS,OAC1DzB,OAAOgB,EAAMS,OAGf,OA4DgCE,CAAiBX,GAAQ,aAAe,YAIpEY,WAAajB,gBAAAA,QAAOkB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXJ,CAAW,CAAA,yHAAA,IAYjCmB,MAAAA,MAAM,4BAKgBC,OAAAA,kBAAiB,CAAA"}

package/components/Modal/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css,createGlobalStyle}from'styled-components';import{property}from'../../mixins/responsive-property.mjs';import{hover}from'../../mixins/hover.mjs';import{ReactModalAdapter}from'./adapter.mjs';const WIDTHS={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};const Modal=styled(ReactModalAdapter).withConfig({displayName:"Modal",componentId:"ui__sc-1ilisuf-0"})(["&__overlay{z-index:",";display:flex;flex-direction:row;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;"," &.ReactModal__Overlay--after-open{","}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}","}"],(t=>t.zIndex||t.theme.zIndex.modal),(t=>t.valign?css(["align-items:",";"],(t=>{switch(t){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(t.valign)):null),(t=>t.overlayClassName?null:css(t.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"])),(t=>t.width?property((t=>typeof t.width=='number'?t.width:t.width&&typeof t.width=='string'&&WIDTHS[t.width]?WIDTHS[t.width]:'auto')(t),'max-width'):null));const ModalClose=styled.span.withConfig({displayName:"Modal__ModalClose",componentId:"ui__sc-1ilisuf-1"})(["opacity:1;transition:0.3s;position:absolute;right:20px;top:20px;cursor:pointer;z-index:10;svg{width:18px;height:18px;}",""],hover("\n    opacity: 0.5;\n  "));createGlobalStyle([".bodyOpen{overflow:hidden;}"]);export{Modal,ModalClose};
+import styled,{css,createGlobalStyle}from'styled-components';import{property}from'../../mixins/responsive-property.mjs';import{hover}from'../../mixins/hover.mjs';import{ReactModalAdapter}from'./adapter.mjs';const WIDTHS={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};const Modal=styled(ReactModalAdapter).withConfig({displayName:"Modal",componentId:"ui__sc-1ilisuf-0"})(["&__overlay{z-index:",";display:flex;flex-direction:row;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;"," &.ReactModal__Overlay--after-open{","}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}","}"],t=>t.zIndex||t.theme.zIndex.modal,t=>t.valign?css(["align-items:",";"],(t=>{switch(t){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(t.valign)):null,t=>t.overlayClassName?null:css(t.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"]),t=>t.width?property((t=>typeof t.width=='number'?t.width:t.width&&typeof t.width=='string'&&WIDTHS[t.width]?WIDTHS[t.width]:'auto')(t),'max-width'):null);const ModalClose=styled.span.withConfig({displayName:"Modal__ModalClose",componentId:"ui__sc-1ilisuf-1"})(["opacity:1;transition:0.3s;position:absolute;right:20px;top:20px;cursor:pointer;z-index:10;svg{width:18px;height:18px;}",""],hover("\n    opacity: 0.5;\n  "));createGlobalStyle([".bodyOpen{overflow:hidden;}"]);export{Modal,ModalClose};
 //# sourceMappingURL=style.mjs.map

package/components/Modal/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\n\nimport { property } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { hover } from 'mixins/hover'\nimport type { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n  zIndex?: ModalProps['zIndex']\n  valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n  xxxs: 100,\n  xxs: 200,\n  xs: 300,\n  s: 400,\n  m: 500,\n  l: 600,\n  xl: 740,\n  xxl: 800,\n  xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n  if (typeof props.width === 'number') return props.width\n\n  if (props.width && typeof props.width === 'string' && WIDTHS[props.width as keyof typeof WIDTHS]) {\n    return WIDTHS[props.width as keyof typeof WIDTHS]\n  }\n\n  return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n  switch (valign) {\n    case 'top':\n      return 'flex-start'\n    case 'bottom':\n      return 'flex-end'\n    case 'center':\n      return 'center'\n    default:\n      return 'center'\n  }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n  &__overlay {\n    z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    ${(props) =>\n      props.valign\n        ? css`\n            align-items: ${getPosition(props.valign)};\n          `\n        : null}\n    &.ReactModal__Overlay--after-open {\n      ${(props) => {\n        if (props.overlayClassName) return null\n\n        if (props.blurredOverlay) {\n          return css`\n            background: rgba(246, 247, 251, 0.3);\n            backdrop-filter: blur(3.5px);\n          `\n        }\n\n        return css`\n          background: rgba(246, 247, 251, 0.9);\n        `\n      }}\n    }\n  }\n\n  &__content {\n    width: 100%;\n    max-height: 100%;\n    position: relative;\n    &:focus {\n      outline: 0;\n    }\n    ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n  }\n`\n\nexport const ModalClose = styled.span`\n  opacity: 1;\n  transition: 0.3s;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  cursor: pointer;\n  z-index: 10;\n  svg {\n    width: 18px;\n    height: 18px;\n  }\n  ${hover(`\n    opacity: 0.5;\n  `)}\n`\n\nexport const GlobalRoot = createGlobalStyle`\n  .bodyOpen {\n    overflow: hidden;\n  }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","ReactModalAdapter","withConfig","displayName","componentId","props","zIndex","theme","modal","valign","css","getPosition","overlayClassName","blurredOverlay","width","property","chooseWidthValue","ModalClose","span","hover","createGlobalStyle"],"mappings":"+MAaA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KA0BD,MAAMC,MAAQC,OAAOC,mBAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBJ,CAAyB,CAAA,sBAAA,0IAAA,sCAAA,gFAAA,MAE9BK,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,IAAG,CAAA,eAAA,KA5BQD,KACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,SACX,EAmByBE,CAAYN,EAAMI,SAEnC,OAEDJ,GACGA,EAAMO,iBAAyB,KAG1BF,IADLL,EAAMQ,eACE,CAAA,iEAMF,CAAA,wCAcXR,GAAWA,EAAMS,MAAQC,SAnENV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAYzB,OAAOgB,EAAMS,OAC1DzB,OAAOgB,EAAMS,OAGf,OA4DgCE,CAAiBX,GAAQ,aAAe,aAIpEY,WAAajB,OAAOkB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXJ,CAAW,CAAA,yHAAA,IAYjCmB,MAAM,4BAKgBC,kBAAiB,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\n\nimport { property } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { hover } from 'mixins/hover'\nimport type { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n  zIndex?: ModalProps['zIndex']\n  valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n  xxxs: 100,\n  xxs: 200,\n  xs: 300,\n  s: 400,\n  m: 500,\n  l: 600,\n  xl: 740,\n  xxl: 800,\n  xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n  if (typeof props.width === 'number') return props.width\n\n  if (props.width && typeof props.width === 'string' && WIDTHS[props.width as keyof typeof WIDTHS]) {\n    return WIDTHS[props.width as keyof typeof WIDTHS]\n  }\n\n  return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n  switch (valign) {\n    case 'top':\n      return 'flex-start'\n    case 'bottom':\n      return 'flex-end'\n    case 'center':\n      return 'center'\n    default:\n      return 'center'\n  }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n  &__overlay {\n    z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    ${(props) =>\n      props.valign\n        ? css`\n            align-items: ${getPosition(props.valign)};\n          `\n        : null}\n    &.ReactModal__Overlay--after-open {\n      ${(props) => {\n        if (props.overlayClassName) return null\n\n        if (props.blurredOverlay) {\n          return css`\n            background: rgba(246, 247, 251, 0.3);\n            backdrop-filter: blur(3.5px);\n          `\n        }\n\n        return css`\n          background: rgba(246, 247, 251, 0.9);\n        `\n      }}\n    }\n  }\n\n  &__content {\n    width: 100%;\n    max-height: 100%;\n    position: relative;\n    &:focus {\n      outline: 0;\n    }\n    ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n  }\n`\n\nexport const ModalClose = styled.span`\n  opacity: 1;\n  transition: 0.3s;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  cursor: pointer;\n  z-index: 10;\n  svg {\n    width: 18px;\n    height: 18px;\n  }\n  ${hover(`\n    opacity: 0.5;\n  `)}\n`\n\nexport const GlobalRoot = createGlobalStyle`\n  .bodyOpen {\n    overflow: hidden;\n  }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","ReactModalAdapter","withConfig","displayName","componentId","props","zIndex","theme","modal","valign","css","getPosition","overlayClassName","blurredOverlay","width","property","chooseWidthValue","ModalClose","span","hover","createGlobalStyle"],"mappings":"+MAaA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KA0BD,MAAMC,MAAQC,OAAOC,mBAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBJ,CAAyB,CAAA,sBAAA,0IAAA,sCAAA,gFAAA,KAE9BK,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,MAWtDH,GACDA,EAAMI,OACFC,IAAG,CAAA,eAAA,KA5BQD,KACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,WAoBcE,CAAYN,EAAMI,SAEnC,KAEDJ,GACGA,EAAMO,iBAAyB,KAG1BF,IADLL,EAAMQ,eACE,CAAA,iEAMF,CAAA,sCAcXR,GAAWA,EAAMS,MAAQC,SAnENV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAYzB,OAAOgB,EAAMS,OAC1DzB,OAAOgB,EAAMS,OAGf,OA4DgCE,CAAiBX,GAAQ,aAAe,YAIpEY,WAAajB,OAAOkB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXJ,CAAW,CAAA,yHAAA,IAYjCmB,MAAM,4BAKgBC,kBAAiB,CAAA"}

package/components/Notification/Notification.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var layouts=require('./layouts.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/InfoCircle/index.js');var index$1=require('../../icon-pack/src/icons/Close/index.js');const Notification=withMergedProps.withMergedProps(React.forwardRef(((s,e)=>{const{size:t="m",status:o="system",withIcon:i=!1,layout:r="horizontal",discardButton:n,icon:a,children:l,content:c,title:u,text:x,addon:d,sizeXXS:j,sizeXS:p,sizeS:S,sizeM:y,sizeL:m,sizeXL:z,layoutXXS:h,layoutXS:R,layoutS:I,layoutM:X,layoutL:P,layoutXL:b,...T}=s;const w={size:t,sizeXXS:j,sizeXS:p,sizeS:S,sizeM:y,sizeL:m,sizeXL:z};const L={layout:r,layoutXXS:h,layoutXS:R,layoutS:I,layoutM:X,layoutL:P,layoutXL:b};const f={...w,preset:'brand',icon:jsxRuntime.jsx(index.InfoCircle,{}),sizes:sizes.SIZES_ICON};const k={...w,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',weight:700,sizes:x?sizes.SIZES_TITLE:sizes.SIZES_TITLE_WITHOUT_TEXT};const q={...w,as:'p',appearance:'body',wordBreak:'break-word',color:'content-onmain-primary',sizes:sizes.SIZES_TEXT};const E={...w,preset:'brand',black:!0,sizes:sizes.SIZES_ACTION};const v={...w,preset:'brand',underline:!0,textProps:{appearance:'body',wordBreak:'break-word'}};const N={...w,icon:jsxRuntime.jsx(index$1.Close,{}),square:!0};const C={iconProps:f,titleProps:k,textProps:q,buttonProps:E,anchorProps:v,discardButtonProps:N};return jsxRuntime.jsx(style.Root,{...T,...w,status:o,ref:e,children:l?jsxRuntime.jsx(Slot.Slot,{props:C,children:l}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i?jsxRuntime.jsx(style.Icon,{children:jsxRuntime.jsx(Slot.Slot,{props:f,fallback:jsxRuntime.jsx(Icon.Icon,{...f}),children:a})}):null,jsxRuntime.jsxs(style.Container,{...L,layouts:layouts.LAYOUTS_CONTAINER,children:[jsxRuntime.jsx(style.Content,{children:jsxRuntime.jsx(Slot.Slot,{props:{titleProps:k,textProps:q},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{props:k,children:u}),jsxRuntime.jsx(Slot.Slot,{props:q,children:x})]}),children:c})}),d?jsxRuntime.jsx(style.Addon,{...L,layouts:layouts.LAYOUTS_ADDON,children:jsxRuntime.jsx(Slot.Slot,{props:{anchorProps:v,buttonProps:E},children:d})}):null]}),n?jsxRuntime.jsx(style.DiscardButton,{children:jsxRuntime.jsx(Slot.Slot,{props:N,children:n})}):null]})})})),{displayName:'Notification',sizes:sizes.SIZES});exports.Notification=Notification;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var layouts=require('./layouts.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/InfoCircle/index.js');var index$1=require('../../icon-pack/src/icons/Close/index.js');const Notification=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:t="m",status:o="system",withIcon:r=!1,layout:i="horizontal",discardButton:n,icon:a,children:l,content:c,title:u,text:x,addon:d,sizeXXS:j,sizeXS:p,sizeS:S,sizeM:y,sizeL:m,sizeXL:z,layoutXXS:R,layoutXS:I,layoutS:h,layoutM:X,layoutL:P,layoutXL:b,...T}=e;const w={size:t,sizeXXS:j,sizeXS:p,sizeS:S,sizeM:y,sizeL:m,sizeXL:z};const L={layout:i,layoutXXS:R,layoutXS:I,layoutS:h,layoutM:X,layoutL:P,layoutXL:b};const f={...w,preset:'brand',icon:jsxRuntime.jsx(index.InfoCircle,{}),sizes:sizes.SIZES_ICON};const k={...w,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',weight:700,sizes:x?sizes.SIZES_TITLE:sizes.SIZES_TITLE_WITHOUT_TEXT};const q={...w,as:'p',appearance:'body',wordBreak:'break-word',color:'content-onmain-primary',sizes:sizes.SIZES_TEXT};const E={...w,preset:'brand',black:!0,sizes:sizes.SIZES_ACTION};const v={...w,preset:'brand',underline:!0,textProps:{appearance:'body',wordBreak:'break-word'}};const N={...w,icon:jsxRuntime.jsx(index$1.Close,{}),square:!0};const C={iconProps:f,titleProps:k,textProps:q,buttonProps:E,anchorProps:v,discardButtonProps:N};return jsxRuntime.jsx(style.Root,{...T,...w,status:o,ref:s,children:l?jsxRuntime.jsx(Slot.Slot,{render:l,props:C}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[r?jsxRuntime.jsx(style.Icon,{children:jsxRuntime.jsx(Slot.Slot,{render:a,props:f,fallback:jsxRuntime.jsx(Icon.Icon,{...f})})}):null,jsxRuntime.jsxs(style.Container,{...L,layouts:layouts.LAYOUTS_CONTAINER,children:[jsxRuntime.jsx(style.Content,{children:jsxRuntime.jsx(Slot.Slot,{render:c,props:{titleProps:k,textProps:q},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:u,props:k}),jsxRuntime.jsx(Slot.Slot,{render:x,props:q})]})})}),d?jsxRuntime.jsx(style.Addon,{...L,layouts:layouts.LAYOUTS_ADDON,children:jsxRuntime.jsx(Slot.Slot,{render:d,props:{anchorProps:v,buttonProps:E}})}):null]}),n?jsxRuntime.jsx(style.DiscardButton,{children:jsxRuntime.jsx(Slot.Slot,{render:n,props:N})}):null]})})}),{displayName:'Notification',sizes:sizes.SIZES});exports.Notification=Notification;
 //# sourceMappingURL=Notification.js.map

package/components/Notification/Notification.js.map

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

package/components/Notification/Notification.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ACTION,SIZES_TEXT,SIZES_TITLE,SIZES_TITLE_WITHOUT_TEXT,SIZES_ICON}from'./sizes.mjs';import{Root,Icon,Container,Content,Addon,DiscardButton}from'./style.mjs';import{LAYOUTS_CONTAINER,LAYOUTS_ADDON}from'./layouts.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Icon as Icon$1}from'../Icon/Icon.mjs';import{InfoCircle}from'../../icon-pack/src/icons/InfoCircle/index.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const Notification=withMergedProps(forwardRef(((o,s)=>{const{size:r="m",status:t="system",withIcon:e=!1,layout:n="horizontal",discardButton:i,icon:a,children:c,content:l,title:p,text:S,addon:d,sizeXXS:m,sizeXS:I,sizeS:u,sizeM:j,sizeL:x,sizeXL:T,layoutXXS:h,layoutXS:y,layoutS:f,layoutM:E,layoutL:z,layoutXL:X,..._}=o;const C={size:r,sizeXXS:m,sizeXS:I,sizeS:u,sizeM:j,sizeL:x,sizeXL:T};const L={layout:n,layoutXXS:h,layoutXS:y,layoutS:f,layoutM:E,layoutL:z,layoutXL:X};const b={...C,preset:'brand',icon:jsx(InfoCircle,{}),sizes:SIZES_ICON};const N={...C,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',weight:700,sizes:S?SIZES_TITLE:SIZES_TITLE_WITHOUT_TEXT};const O={...C,as:'p',appearance:'body',wordBreak:'break-word',color:'content-onmain-primary',sizes:SIZES_TEXT};const P={...C,preset:'brand',black:!0,sizes:SIZES_ACTION};const w={...C,preset:'brand',underline:!0,textProps:{appearance:'body',wordBreak:'break-word'}};const A={...C,icon:jsx(Close,{}),square:!0};const Z={iconProps:b,titleProps:N,textProps:O,buttonProps:P,anchorProps:w,discardButtonProps:A};return jsx(Root,{..._,...C,status:t,ref:s,children:c?jsx(Slot,{props:Z,children:c}):jsxs(Fragment,{children:[e?jsx(Icon,{children:jsx(Slot,{props:b,fallback:jsx(Icon$1,{...b}),children:a})}):null,jsxs(Container,{...L,layouts:LAYOUTS_CONTAINER,children:[jsx(Content,{children:jsx(Slot,{props:{titleProps:N,textProps:O},fallback:jsxs(Fragment,{children:[jsx(Slot,{props:N,children:p}),jsx(Slot,{props:O,children:S})]}),children:l})}),d?jsx(Addon,{...L,layouts:LAYOUTS_ADDON,children:jsx(Slot,{props:{anchorProps:w,buttonProps:P},children:d})}):null]}),i?jsx(DiscardButton,{children:jsx(Slot,{props:A,children:i})}):null]})})})),{displayName:'Notification',sizes:SIZES});export{Notification};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ACTION,SIZES_TEXT,SIZES_TITLE,SIZES_TITLE_WITHOUT_TEXT,SIZES_ICON}from'./sizes.mjs';import{Root,Icon,Container,Content,Addon,DiscardButton}from'./style.mjs';import{LAYOUTS_CONTAINER,LAYOUTS_ADDON}from'./layouts.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Icon as Icon$1}from'../Icon/Icon.mjs';import{InfoCircle}from'../../icon-pack/src/icons/InfoCircle/index.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const Notification=withMergedProps(forwardRef((o,r)=>{const{size:s="m",status:t="system",withIcon:e=!1,layout:n="horizontal",discardButton:i,icon:a,children:c,content:l,title:p,text:S,addon:d,sizeXXS:m,sizeXS:I,sizeS:u,sizeM:j,sizeL:x,sizeXL:T,layoutXXS:y,layoutXS:f,layoutS:E,layoutM:z,layoutL:X,layoutXL:h,..._}=o;const C={size:s,sizeXXS:m,sizeXS:I,sizeS:u,sizeM:j,sizeL:x,sizeXL:T};const L={layout:n,layoutXXS:y,layoutXS:f,layoutS:E,layoutM:z,layoutL:X,layoutXL:h};const b={...C,preset:'brand',icon:jsx(InfoCircle,{}),sizes:SIZES_ICON};const N={...C,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',weight:700,sizes:S?SIZES_TITLE:SIZES_TITLE_WITHOUT_TEXT};const O={...C,as:'p',appearance:'body',wordBreak:'break-word',color:'content-onmain-primary',sizes:SIZES_TEXT};const P={...C,preset:'brand',black:!0,sizes:SIZES_ACTION};const w={...C,preset:'brand',underline:!0,textProps:{appearance:'body',wordBreak:'break-word'}};const A={...C,icon:jsx(Close,{}),square:!0};const Z={iconProps:b,titleProps:N,textProps:O,buttonProps:P,anchorProps:w,discardButtonProps:A};return jsx(Root,{..._,...C,status:t,ref:r,children:c?jsx(Slot,{render:c,props:Z}):jsxs(Fragment,{children:[e?jsx(Icon,{children:jsx(Slot,{render:a,props:b,fallback:jsx(Icon$1,{...b})})}):null,jsxs(Container,{...L,layouts:LAYOUTS_CONTAINER,children:[jsx(Content,{children:jsx(Slot,{render:l,props:{titleProps:N,textProps:O},fallback:jsxs(Fragment,{children:[jsx(Slot,{render:p,props:N}),jsx(Slot,{render:S,props:O})]})})}),d?jsx(Addon,{...L,layouts:LAYOUTS_ADDON,children:jsx(Slot,{render:d,props:{anchorProps:w,buttonProps:P}})}):null]}),i?jsx(DiscardButton,{children:jsx(Slot,{render:i,props:A})}):null]})})}),{displayName:'Notification',sizes:SIZES});export{Notification};
 //# sourceMappingURL=Notification.mjs.map

package/components/Notification/Notification.mjs.map

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

package/components/Notification/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var responsiveLayout=require('../../mixins/responsive-layout.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardNotificationProp=style.createShouldForwardProp((o=>!['status'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n`;const COLOR_SCHEMA={system:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],...o.palette}))),info:styled.css(["",""],(o=>template({color:o.theme.colors['alert-info'],backgroundColor:o.theme.colors['alert-bg-info-100'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],...o.palette}))),warning:styled.css(["",""],(o=>template({color:o.theme.colors['alert-warning'],backgroundColor:o.theme.colors['alert-bg-warning-100'],...o.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardNotificationProp}).withConfig({displayName:"Notification__Root",componentId:"ui__sc-19hb9p3-0"})(["box-sizing:border-box;display:flex;min-width:min-content;& > *:not(:last-child){margin-right:var(--gap);}"," "," ",""],(o=>COLOR_SCHEMA[o.status]),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Container=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"Notification__Container",componentId:"ui__sc-19hb9p3-1"})(["box-sizing:border-box;display:flex;align-items:flex-start;flex-grow:1;& > *:not(:last-child){margin-right:var(--gap-container);}",""],responsiveLayout.responsiveLayout);const Icon=styled__default.default.div.withConfig({displayName:"Notification__Icon",componentId:"ui__sc-19hb9p3-2"})(["box-sizing:border-box;display:flex;flex-shrink:0;height:fit-content;"]);const DiscardButton=styled__default.default.div.withConfig({displayName:"Notification__DiscardButton",componentId:"ui__sc-19hb9p3-3"})(["box-sizing:border-box;display:flex;flex-shrink:0;height:fit-content;"]);const Content=styled__default.default.div.withConfig({displayName:"Notification__Content",componentId:"ui__sc-19hb9p3-4"})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;flex-basis:58%;flex-grow:1;width:100%;height:fit-content;"]);const Addon=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"Notification__Addon",componentId:"ui__sc-19hb9p3-5"})(["box-sizing:border-box;display:flex;align-items:flex-start;height:100%;",""],responsiveLayout.responsiveLayout);exports.Addon=Addon,exports.Container=Container,exports.Content=Content,exports.DiscardButton=DiscardButton,exports.Icon=Icon,exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var responsiveLayout=require('../../mixins/responsive-layout.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardNotificationProp=style.createShouldForwardProp(o=>!['status'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n`;const COLOR_SCHEMA={system:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],...o.palette})),info:styled.css(["",""],o=>template({color:o.theme.colors['alert-info'],backgroundColor:o.theme.colors['alert-bg-info-100'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],...o.palette})),error:styled.css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],...o.palette})),warning:styled.css(["",""],o=>template({color:o.theme.colors['alert-warning'],backgroundColor:o.theme.colors['alert-bg-warning-100'],...o.palette}))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardNotificationProp}).withConfig({displayName:"Notification__Root",componentId:"ui__sc-19hb9p3-0"})(["box-sizing:border-box;display:flex;min-width:min-content;& > *:not(:last-child){margin-right:var(--gap);}"," "," ",""],o=>COLOR_SCHEMA[o.status],responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Container=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"Notification__Container",componentId:"ui__sc-19hb9p3-1"})(["box-sizing:border-box;display:flex;align-items:flex-start;flex-grow:1;& > *:not(:last-child){margin-right:var(--gap-container);}",""],responsiveLayout.responsiveLayout);const Icon=styled__default.default.div.withConfig({displayName:"Notification__Icon",componentId:"ui__sc-19hb9p3-2"})(["box-sizing:border-box;display:flex;flex-shrink:0;height:fit-content;"]);const DiscardButton=styled__default.default.div.withConfig({displayName:"Notification__DiscardButton",componentId:"ui__sc-19hb9p3-3"})(["box-sizing:border-box;display:flex;flex-shrink:0;height:fit-content;"]);const Content=styled__default.default.div.withConfig({displayName:"Notification__Content",componentId:"ui__sc-19hb9p3-4"})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;flex-basis:58%;flex-grow:1;width:100%;height:fit-content;"]);const Addon=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"Notification__Addon",componentId:"ui__sc-19hb9p3-5"})(["box-sizing:border-box;display:flex;align-items:flex-start;height:100%;",""],responsiveLayout.responsiveLayout);exports.Addon=Addon,exports.Container=Container,exports.Content=Content,exports.DiscardButton=DiscardButton,exports.Icon=Icon,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Notification/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Notification/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { FlattenInterpolation, ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveLayoutInterpolationProps } from 'shared/interfaces'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport type { StyledNotificationProps, NotificationPalette, NotificationStatus, Layout } from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardNotificationProp = createShouldForwardProp((propKey) => !['status'].includes(propKey))\n\nconst template = (palette: NotificationPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA: Record<\n  NotificationStatus,\n  FlattenInterpolation<ThemedStyledProps<StyledNotificationProps, DefaultTheme>>\n> = {\n  system: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        ...props.palette,\n      })}\n  `,\n  info: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-info'],\n        backgroundColor: props.theme.colors['alert-bg-info-100'],\n        ...props.palette,\n      })}\n  `,\n  success: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-success'],\n        backgroundColor: props.theme.colors['alert-bg-success-100'],\n        ...props.palette,\n      })}\n  `,\n  error: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-error'],\n        backgroundColor: props.theme.colors['alert-bg-error-100'],\n        ...props.palette,\n      })}\n  `,\n  warning: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-warning'],\n        backgroundColor: props.theme.colors['alert-bg-warning-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledNotificationProps>({\n  shouldForwardProp: shouldForwardNotificationProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  min-width: min-content;\n\n  & > *:not(:last-child) {\n    margin-right: var(--gap);\n  }\n\n  ${(props) => COLOR_SCHEMA[props.status]}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  flex-grow: 1;\n\n  & > *:not(:last-child) {\n    margin-right: var(--gap-container);\n  }\n\n  ${responsiveLayout}\n`\n\nexport const Icon = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  height: fit-content;\n`\n\nexport const DiscardButton = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  height: fit-content;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-basis: 58%;\n  flex-grow: 1;\n  width: 100%;\n  height: fit-content;\n`\n\nexport const Addon = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n\n  ${responsiveLayout}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardNotificationProp","createShouldForwardProp","template","palette","color","backgroundColor","COLOR_SCHEMA","system","css","props","theme","colors","info","success","error","warning","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","status","responsiveSize","responsiveMargin","Container","responsiveLayout","Icon","DiscardButton","Content","Addon"],"mappings":"qZASA,MAAMA,kBAAqBC,IACxB,CAAC,SAAU,YAAa,WAAY,UAAW,UAAW,UAAW,WAAY,WAAWC,SAASD,GAExG,MAAME,8BAAgCC,MAAAA,yBAAyBH,IAAa,CAAC,UAAUC,SAASD,KAEhG,MAAMI,SAAYC,GAAiC,cACxCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAGF,CACFC,OAAQC,OAAAA,IAAG,CAAA,GAAA,KACNC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,0BACjCF,EAAMN,YAGfS,KAAMJ,OAAAA,IAAG,CAAA,GAAA,KACJC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,cAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,wBACjCF,EAAMN,YAGfU,QAASL,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,iBAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfW,MAAON,OAAAA,IAAG,CAAA,GAAA,KACLC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,eAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,yBACjCF,EAAMN,YAGfY,QAASP,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,iBAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,aAKV,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAoC,CACjEC,kBAAmBpB,gCACnBmB,WAAA,CAAAE,YAAA,qBAAAC,YAAA,oBAFkBL,CAElB,CAAA,4GAAA,IAAA,IAAA,KASGR,GAAUH,aAAaG,EAAMc,SAE9BC,eAAAA,eACAC,iBAAAA,kBAGG,MAAMC,UAAYT,gBAAAA,QAAOC,IAAIC,WAAuD,CACzFC,kBAAmBvB,oBACnBsB,WAAA,CAAAE,YAAA,0BAAAC,YAAA,oBAFuBL,CAEvB,CAAA,mIAAA,IAUEU,iBAAAA,wBAGSC,KAAOX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,qBAAAC,YAAA,oBAAVL,CAAU,CAAA,+EAOjBY,cAAgBZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,8BAAAC,YAAA,oBAAVL,CAAU,CAAA,+EAO1Ba,QAAUb,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,wBAAAC,YAAA,oBAAVL,CAAU,CAAA,8IAW1B,MAAMc,MAAQd,gBAAAA,QAAOC,IAAIC,WAAuD,CACrFC,kBAAmBvB,oBACnBsB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFmBL,CAEnB,CAAA,yEAAA,IAMEU,iBAAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Notification/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { FlattenInterpolation, ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveLayoutInterpolationProps } from 'shared/interfaces'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport type { StyledNotificationProps, NotificationPalette, NotificationStatus, Layout } from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardNotificationProp = createShouldForwardProp((propKey) => !['status'].includes(propKey))\n\nconst template = (palette: NotificationPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA: Record<\n  NotificationStatus,\n  FlattenInterpolation<ThemedStyledProps<StyledNotificationProps, DefaultTheme>>\n> = {\n  system: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        ...props.palette,\n      })}\n  `,\n  info: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-info'],\n        backgroundColor: props.theme.colors['alert-bg-info-100'],\n        ...props.palette,\n      })}\n  `,\n  success: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-success'],\n        backgroundColor: props.theme.colors['alert-bg-success-100'],\n        ...props.palette,\n      })}\n  `,\n  error: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-error'],\n        backgroundColor: props.theme.colors['alert-bg-error-100'],\n        ...props.palette,\n      })}\n  `,\n  warning: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-warning'],\n        backgroundColor: props.theme.colors['alert-bg-warning-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledNotificationProps>({\n  shouldForwardProp: shouldForwardNotificationProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  min-width: min-content;\n\n  & > *:not(:last-child) {\n    margin-right: var(--gap);\n  }\n\n  ${(props) => COLOR_SCHEMA[props.status]}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  flex-grow: 1;\n\n  & > *:not(:last-child) {\n    margin-right: var(--gap-container);\n  }\n\n  ${responsiveLayout}\n`\n\nexport const Icon = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  height: fit-content;\n`\n\nexport const DiscardButton = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  height: fit-content;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-basis: 58%;\n  flex-grow: 1;\n  width: 100%;\n  height: fit-content;\n`\n\nexport const Addon = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n\n  ${responsiveLayout}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardNotificationProp","createShouldForwardProp","template","palette","color","backgroundColor","COLOR_SCHEMA","system","css","props","theme","colors","info","success","error","warning","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","status","responsiveSize","responsiveMargin","Container","responsiveLayout","Icon","DiscardButton","Content","Addon"],"mappings":"qZASA,MAAMA,kBAAqBC,IACxB,CAAC,SAAU,YAAa,WAAY,UAAW,UAAW,UAAW,WAAY,WAAWC,SAASD,GAExG,MAAME,8BAAgCC,MAAAA,wBAAyBH,IAAa,CAAC,UAAUC,SAASD,IAEhG,MAAMI,SAAYC,GAAiC,cACxCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAGF,CACFC,OAAQC,OAAAA,IAAG,CAAA,GAAA,IACNC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,0BACjCF,EAAMN,WAGfS,KAAMJ,OAAAA,IAAG,CAAA,GAAA,IACJC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,cAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,wBACjCF,EAAMN,WAGfU,QAASL,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,iBAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,WAGfW,MAAON,OAAAA,IAAG,CAAA,GAAA,IACLC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,eAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,yBACjCF,EAAMN,WAGfY,QAASP,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,iBAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAKV,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAoC,CACjEC,kBAAmBpB,gCACnBmB,WAAA,CAAAE,YAAA,qBAAAC,YAAA,oBAFkBL,CAElB,CAAA,4GAAA,IAAA,IAAA,IASGR,GAAUH,aAAaG,EAAMc,QAE9BC,eAAAA,eACAC,iBAAAA,kBAGG,MAAMC,UAAYT,gBAAAA,QAAOC,IAAIC,WAAuD,CACzFC,kBAAmBvB,oBACnBsB,WAAA,CAAAE,YAAA,0BAAAC,YAAA,oBAFuBL,CAEvB,CAAA,mIAAA,IAUEU,iBAAAA,wBAGSC,KAAOX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,qBAAAC,YAAA,oBAAVL,CAAU,CAAA,+EAOjBY,cAAgBZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,8BAAAC,YAAA,oBAAVL,CAAU,CAAA,+EAO1Ba,QAAUb,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,wBAAAC,YAAA,oBAAVL,CAAU,CAAA,8IAW1B,MAAMc,MAAQd,gBAAAA,QAAOC,IAAIC,WAAuD,CACrFC,kBAAmBvB,oBACnBsB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFmBL,CAEnB,CAAA,yEAAA,IAMEU,iBAAAA"}

package/components/Notification/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{responsiveLayout}from'../../mixins/responsive-layout.mjs';const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardNotificationProp=createShouldForwardProp((o=>!['status'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n`;const COLOR_SCHEMA={system:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],...o.palette}))),info:css(["",""],(o=>template({color:o.theme.colors['alert-info'],backgroundColor:o.theme.colors['alert-bg-info-100'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],...o.palette}))),warning:css(["",""],(o=>template({color:o.theme.colors['alert-warning'],backgroundColor:o.theme.colors['alert-bg-warning-100'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardNotificationProp}).withConfig({displayName:"Notification__Root",componentId:"ui__sc-19hb9p3-0"})(["box-sizing:border-box;display:flex;min-width:min-content;& > *:not(:last-child){margin-right:var(--gap);}"," "," ",""],(o=>COLOR_SCHEMA[o.status]),responsiveSize,responsiveMargin);const Container=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"Notification__Container",componentId:"ui__sc-19hb9p3-1"})(["box-sizing:border-box;display:flex;align-items:flex-start;flex-grow:1;& > *:not(:last-child){margin-right:var(--gap-container);}",""],responsiveLayout);const Icon=styled.div.withConfig({displayName:"Notification__Icon",componentId:"ui__sc-19hb9p3-2"})(["box-sizing:border-box;display:flex;flex-shrink:0;height:fit-content;"]);const DiscardButton=styled.div.withConfig({displayName:"Notification__DiscardButton",componentId:"ui__sc-19hb9p3-3"})(["box-sizing:border-box;display:flex;flex-shrink:0;height:fit-content;"]);const Content=styled.div.withConfig({displayName:"Notification__Content",componentId:"ui__sc-19hb9p3-4"})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;flex-basis:58%;flex-grow:1;width:100%;height:fit-content;"]);const Addon=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"Notification__Addon",componentId:"ui__sc-19hb9p3-5"})(["box-sizing:border-box;display:flex;align-items:flex-start;height:100%;",""],responsiveLayout);export{Addon,Container,Content,DiscardButton,Icon,Root};
+import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{responsiveLayout}from'../../mixins/responsive-layout.mjs';const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardNotificationProp=createShouldForwardProp(o=>!['status'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n`;const COLOR_SCHEMA={system:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],...o.palette})),info:css(["",""],o=>template({color:o.theme.colors['alert-info'],backgroundColor:o.theme.colors['alert-bg-info-100'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],...o.palette})),warning:css(["",""],o=>template({color:o.theme.colors['alert-warning'],backgroundColor:o.theme.colors['alert-bg-warning-100'],...o.palette}))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardNotificationProp}).withConfig({displayName:"Notification__Root",componentId:"ui__sc-19hb9p3-0"})(["box-sizing:border-box;display:flex;min-width:min-content;& > *:not(:last-child){margin-right:var(--gap);}"," "," ",""],o=>COLOR_SCHEMA[o.status],responsiveSize,responsiveMargin);const Container=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"Notification__Container",componentId:"ui__sc-19hb9p3-1"})(["box-sizing:border-box;display:flex;align-items:flex-start;flex-grow:1;& > *:not(:last-child){margin-right:var(--gap-container);}",""],responsiveLayout);const Icon=styled.div.withConfig({displayName:"Notification__Icon",componentId:"ui__sc-19hb9p3-2"})(["box-sizing:border-box;display:flex;flex-shrink:0;height:fit-content;"]);const DiscardButton=styled.div.withConfig({displayName:"Notification__DiscardButton",componentId:"ui__sc-19hb9p3-3"})(["box-sizing:border-box;display:flex;flex-shrink:0;height:fit-content;"]);const Content=styled.div.withConfig({displayName:"Notification__Content",componentId:"ui__sc-19hb9p3-4"})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;flex-basis:58%;flex-grow:1;width:100%;height:fit-content;"]);const Addon=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"Notification__Addon",componentId:"ui__sc-19hb9p3-5"})(["box-sizing:border-box;display:flex;align-items:flex-start;height:100%;",""],responsiveLayout);export{Addon,Container,Content,DiscardButton,Icon,Root};
 //# sourceMappingURL=style.mjs.map

package/components/Notification/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Notification/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { FlattenInterpolation, ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveLayoutInterpolationProps } from 'shared/interfaces'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport type { StyledNotificationProps, NotificationPalette, NotificationStatus, Layout } from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardNotificationProp = createShouldForwardProp((propKey) => !['status'].includes(propKey))\n\nconst template = (palette: NotificationPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA: Record<\n  NotificationStatus,\n  FlattenInterpolation<ThemedStyledProps<StyledNotificationProps, DefaultTheme>>\n> = {\n  system: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        ...props.palette,\n      })}\n  `,\n  info: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-info'],\n        backgroundColor: props.theme.colors['alert-bg-info-100'],\n        ...props.palette,\n      })}\n  `,\n  success: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-success'],\n        backgroundColor: props.theme.colors['alert-bg-success-100'],\n        ...props.palette,\n      })}\n  `,\n  error: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-error'],\n        backgroundColor: props.theme.colors['alert-bg-error-100'],\n        ...props.palette,\n      })}\n  `,\n  warning: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-warning'],\n        backgroundColor: props.theme.colors['alert-bg-warning-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledNotificationProps>({\n  shouldForwardProp: shouldForwardNotificationProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  min-width: min-content;\n\n  & > *:not(:last-child) {\n    margin-right: var(--gap);\n  }\n\n  ${(props) => COLOR_SCHEMA[props.status]}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  flex-grow: 1;\n\n  & > *:not(:last-child) {\n    margin-right: var(--gap-container);\n  }\n\n  ${responsiveLayout}\n`\n\nexport const Icon = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  height: fit-content;\n`\n\nexport const DiscardButton = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  height: fit-content;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-basis: 58%;\n  flex-grow: 1;\n  width: 100%;\n  height: fit-content;\n`\n\nexport const Addon = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n\n  ${responsiveLayout}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardNotificationProp","createShouldForwardProp","template","palette","color","backgroundColor","COLOR_SCHEMA","system","css","props","theme","colors","info","success","error","warning","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","status","responsiveSize","responsiveMargin","Container","responsiveLayout","Icon","DiscardButton","Content","Addon"],"mappings":"4SASA,MAAMA,kBAAqBC,IACxB,CAAC,SAAU,YAAa,WAAY,UAAW,UAAW,UAAW,WAAY,WAAWC,SAASD,GAExG,MAAME,8BAAgCC,yBAAyBH,IAAa,CAAC,UAAUC,SAASD,KAEhG,MAAMI,SAAYC,GAAiC,cACxCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAGF,CACFC,OAAQC,IAAG,CAAA,GAAA,KACNC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,0BACjCF,EAAMN,YAGfS,KAAMJ,IAAG,CAAA,GAAA,KACJC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,cAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,wBACjCF,EAAMN,YAGfU,QAASL,IAAG,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,iBAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfW,MAAON,IAAG,CAAA,GAAA,KACLC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,eAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,yBACjCF,EAAMN,YAGfY,QAASP,IAAG,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,iBAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,aAKV,MAAMa,KAAOC,OAAOC,IAAIC,WAAoC,CACjEC,kBAAmBpB,gCACnBmB,WAAA,CAAAE,YAAA,qBAAAC,YAAA,oBAFkBL,CAElB,CAAA,4GAAA,IAAA,IAAA,KASGR,GAAUH,aAAaG,EAAMc,SAE9BC,eACAC,kBAGG,MAAMC,UAAYT,OAAOC,IAAIC,WAAuD,CACzFC,kBAAmBvB,oBACnBsB,WAAA,CAAAE,YAAA,0BAAAC,YAAA,oBAFuBL,CAEvB,CAAA,mIAAA,IAUEU,wBAGSC,KAAOX,OAAOC,IAAGC,WAAA,CAAAE,YAAA,qBAAAC,YAAA,oBAAVL,CAAU,CAAA,+EAOjBY,cAAgBZ,OAAOC,IAAGC,WAAA,CAAAE,YAAA,8BAAAC,YAAA,oBAAVL,CAAU,CAAA,+EAO1Ba,QAAUb,OAAOC,IAAGC,WAAA,CAAAE,YAAA,wBAAAC,YAAA,oBAAVL,CAAU,CAAA,8IAW1B,MAAMc,MAAQd,OAAOC,IAAIC,WAAuD,CACrFC,kBAAmBvB,oBACnBsB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFmBL,CAEnB,CAAA,yEAAA,IAMEU"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Notification/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { FlattenInterpolation, ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveLayoutInterpolationProps } from 'shared/interfaces'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport type { StyledNotificationProps, NotificationPalette, NotificationStatus, Layout } from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardNotificationProp = createShouldForwardProp((propKey) => !['status'].includes(propKey))\n\nconst template = (palette: NotificationPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA: Record<\n  NotificationStatus,\n  FlattenInterpolation<ThemedStyledProps<StyledNotificationProps, DefaultTheme>>\n> = {\n  system: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        ...props.palette,\n      })}\n  `,\n  info: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-info'],\n        backgroundColor: props.theme.colors['alert-bg-info-100'],\n        ...props.palette,\n      })}\n  `,\n  success: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-success'],\n        backgroundColor: props.theme.colors['alert-bg-success-100'],\n        ...props.palette,\n      })}\n  `,\n  error: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-error'],\n        backgroundColor: props.theme.colors['alert-bg-error-100'],\n        ...props.palette,\n      })}\n  `,\n  warning: css<StyledNotificationProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['alert-warning'],\n        backgroundColor: props.theme.colors['alert-bg-warning-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledNotificationProps>({\n  shouldForwardProp: shouldForwardNotificationProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  min-width: min-content;\n\n  & > *:not(:last-child) {\n    margin-right: var(--gap);\n  }\n\n  ${(props) => COLOR_SCHEMA[props.status]}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  flex-grow: 1;\n\n  & > *:not(:last-child) {\n    margin-right: var(--gap-container);\n  }\n\n  ${responsiveLayout}\n`\n\nexport const Icon = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  height: fit-content;\n`\n\nexport const DiscardButton = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  height: fit-content;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-basis: 58%;\n  flex-grow: 1;\n  width: 100%;\n  height: fit-content;\n`\n\nexport const Addon = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n\n  ${responsiveLayout}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardNotificationProp","createShouldForwardProp","template","palette","color","backgroundColor","COLOR_SCHEMA","system","css","props","theme","colors","info","success","error","warning","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","status","responsiveSize","responsiveMargin","Container","responsiveLayout","Icon","DiscardButton","Content","Addon"],"mappings":"4SASA,MAAMA,kBAAqBC,IACxB,CAAC,SAAU,YAAa,WAAY,UAAW,UAAW,UAAW,WAAY,WAAWC,SAASD,GAExG,MAAME,8BAAgCC,wBAAyBH,IAAa,CAAC,UAAUC,SAASD,IAEhG,MAAMI,SAAYC,GAAiC,cACxCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAGF,CACFC,OAAQC,IAAG,CAAA,GAAA,IACNC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,0BACjCF,EAAMN,WAGfS,KAAMJ,IAAG,CAAA,GAAA,IACJC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,cAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,wBACjCF,EAAMN,WAGfU,QAASL,IAAG,CAAA,GAAA,IACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,iBAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,WAGfW,MAAON,IAAG,CAAA,GAAA,IACLC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,eAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,yBACjCF,EAAMN,WAGfY,QAASP,IAAG,CAAA,GAAA,IACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,iBAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAKV,MAAMa,KAAOC,OAAOC,IAAIC,WAAoC,CACjEC,kBAAmBpB,gCACnBmB,WAAA,CAAAE,YAAA,qBAAAC,YAAA,oBAFkBL,CAElB,CAAA,4GAAA,IAAA,IAAA,IASGR,GAAUH,aAAaG,EAAMc,QAE9BC,eACAC,kBAGG,MAAMC,UAAYT,OAAOC,IAAIC,WAAuD,CACzFC,kBAAmBvB,oBACnBsB,WAAA,CAAAE,YAAA,0BAAAC,YAAA,oBAFuBL,CAEvB,CAAA,mIAAA,IAUEU,wBAGSC,KAAOX,OAAOC,IAAGC,WAAA,CAAAE,YAAA,qBAAAC,YAAA,oBAAVL,CAAU,CAAA,+EAOjBY,cAAgBZ,OAAOC,IAAGC,WAAA,CAAAE,YAAA,8BAAAC,YAAA,oBAAVL,CAAU,CAAA,+EAO1Ba,QAAUb,OAAOC,IAAGC,WAAA,CAAAE,YAAA,wBAAAC,YAAA,oBAAVL,CAAU,CAAA,8IAW1B,MAAMc,MAAQd,OAAOC,IAAIC,WAAuD,CACrFC,kBAAmBvB,oBACnBsB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFmBL,CAEnB,CAAA,yEAAA,IAMEU"}

package/components/Paper/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var Spacer=require('../Spacer/Spacer.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const zDepth={0:styled.css(["box-shadow:0 2px 0 0 rgba(0,0,0,0.11);"]),1:styled.css(["box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);"]),2:styled.css(["box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);"]),3:styled.css(["box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);"]),4:styled.css(["box-shadow:0 10px 40px 0 rgba(0,0,0,0.14);"])};const circle=styled.css(["border-radius:50%;justify-content:center;display:flex;align-items:center;min-width:100px;min-height:100px;"]);const rounded=styled.css(["border-radius:",";"],(e=>e.theme.borderRadius));const Root=styled__default.default(Spacer.Spacer).withConfig({displayName:"Paper__Root",componentId:"ui__sc-1tlpowq-0"})(["box-sizing:border-box;background-color:",";"," "," "," "," ",""],(e=>e.theme.colors.white),(e=>e.textAlign?styled.css(["text-align:",";"],e.textAlign):null),(e=>e.color?color.color(e.color,'background-color'):null),(e=>typeof e.zDepth=='number'&&e.shadow?zDepth[e.zDepth]:null),(e=>e.rounded?rounded:null),(e=>e.circle?circle:null));exports.Root=Root;
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var Spacer=require('../Spacer/Spacer.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const zDepth={0:styled.css(["box-shadow:0 2px 0 0 rgba(0,0,0,0.11);"]),1:styled.css(["box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);"]),2:styled.css(["box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);"]),3:styled.css(["box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);"]),4:styled.css(["box-shadow:0 10px 40px 0 rgba(0,0,0,0.14);"])};const circle=styled.css(["border-radius:50%;justify-content:center;display:flex;align-items:center;min-width:100px;min-height:100px;"]);const rounded=styled.css(["border-radius:",";"],e=>e.theme.borderRadius);const Root=styled__default.default(Spacer.Spacer).withConfig({displayName:"Paper__Root",componentId:"ui__sc-1tlpowq-0"})(["box-sizing:border-box;background-color:",";"," "," "," "," ",""],e=>e.theme.colors.white,e=>e.textAlign?styled.css(["text-align:",";"],e.textAlign):null,e=>e.color?color.color(e.color,'background-color'):null,e=>typeof e.zDepth=='number'&&e.shadow?zDepth[e.zDepth]:null,e=>e.rounded?rounded:null,e=>e.circle?circle:null);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Paper/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport type { PaperProps } from './Paper'\n\nconst zDepth = {\n  0: css`\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n  `,\n  1: css`\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  `,\n  2: css`\n    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n  `,\n  3: css`\n    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n  `,\n  4: css`\n    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n  `,\n}\n\nconst circle = css`\n  border-radius: 50%;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  min-width: 100px;\n  min-height: 100px;\n`\n\nconst rounded = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n  box-sizing: border-box;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.rounded ? rounded : null)}\n  ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","Spacer","withConfig","displayName","componentId","colors","white","textAlign","color","shadow"],"mappings":"uPAKA,MAAMA,OAAS,CACb,EAAGC,OAAAA,IAAG,CAAA,2CAGN,EAAGA,OAAAA,IAAG,CAAA,6CAGN,EAAGA,OAAAA,IAAG,CAAA,6CAGN,EAAGA,OAAAA,IAAG,CAAA,+CAGN,EAAGA,OAAAA,IAAG,CAAA,gDAKR,MAAMC,OAASD,OAAAA,IAAG,CAAA,+GASlB,MAAME,QAAUF,OAAAA,IAAG,CAAA,iBAAA,MACCG,GAAUA,EAAMC,MAAMC,eAGnC,MAAMC,KAAOC,gBAAAA,QAAOC,eAAOC,WAAA,CAAAC,YAAA,cAAAC,YAAA,oBAAdJ,CAAc,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEXJ,GAAUA,EAAMC,MAAMQ,OAAOC,QAC/CV,GACDA,EAAMW,UACFd,OAAAA,IAAG,CAAA,cAAA,KACaG,EAAMW,WAEtB,OACHX,GAAWA,EAAMY,MAAQA,MAAAA,MAAMZ,EAAMY,MAAO,oBAAsB,OAClEZ,UAAkBA,EAAMJ,QAAW,UAAYI,EAAMa,OAASjB,OAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,QAAU,OACrCC,GAAWA,EAAMF,OAASA,OAAS"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport type { PaperProps } from './Paper'\n\nconst zDepth = {\n  0: css`\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n  `,\n  1: css`\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  `,\n  2: css`\n    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n  `,\n  3: css`\n    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n  `,\n  4: css`\n    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n  `,\n}\n\nconst circle = css`\n  border-radius: 50%;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  min-width: 100px;\n  min-height: 100px;\n`\n\nconst rounded = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n  box-sizing: border-box;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.rounded ? rounded : null)}\n  ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","Spacer","withConfig","displayName","componentId","colors","white","textAlign","color","shadow"],"mappings":"uPAKA,MAAMA,OAAS,CACb,EAAGC,OAAAA,IAAG,CAAA,2CAGN,EAAGA,OAAAA,IAAG,CAAA,6CAGN,EAAGA,OAAAA,IAAG,CAAA,6CAGN,EAAGA,OAAAA,IAAG,CAAA,+CAGN,EAAGA,OAAAA,IAAG,CAAA,gDAKR,MAAMC,OAASD,OAAAA,IAAG,CAAA,+GASlB,MAAME,QAAUF,OAAAA,IAAG,CAAA,iBAAA,KACCG,GAAUA,EAAMC,MAAMC,cAGnC,MAAMC,KAAOC,gBAAAA,QAAOC,eAAOC,WAAA,CAAAC,YAAA,cAAAC,YAAA,oBAAdJ,CAAc,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAEXJ,GAAUA,EAAMC,MAAMQ,OAAOC,MAC/CV,GACDA,EAAMW,UACFd,OAAAA,IAAG,CAAA,cAAA,KACaG,EAAMW,WAEtB,KACHX,GAAWA,EAAMY,MAAQA,MAAAA,MAAMZ,EAAMY,MAAO,oBAAsB,KAClEZ,UAAkBA,EAAMJ,QAAW,UAAYI,EAAMa,OAASjB,OAAOI,EAAMJ,QAAU,KACrFI,GAAWA,EAAMD,QAAUA,QAAU,KACrCC,GAAWA,EAAMF,OAASA,OAAS"}

package/components/Paper/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const zDepth={0:css(["box-shadow:0 2px 0 0 rgba(0,0,0,0.11);"]),1:css(["box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);"]),2:css(["box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);"]),3:css(["box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);"]),4:css(["box-shadow:0 10px 40px 0 rgba(0,0,0,0.14);"])};const circle=css(["border-radius:50%;justify-content:center;display:flex;align-items:center;min-width:100px;min-height:100px;"]);const rounded=css(["border-radius:",";"],(o=>o.theme.borderRadius));const Root=styled(Spacer).withConfig({displayName:"Paper__Root",componentId:"ui__sc-1tlpowq-0"})(["box-sizing:border-box;background-color:",";"," "," "," "," ",""],(o=>o.theme.colors.white),(o=>o.textAlign?css(["text-align:",";"],o.textAlign):null),(o=>o.color?color(o.color,'background-color'):null),(o=>typeof o.zDepth=='number'&&o.shadow?zDepth[o.zDepth]:null),(o=>o.rounded?rounded:null),(o=>o.circle?circle:null));export{Root};
+import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const zDepth={0:css(["box-shadow:0 2px 0 0 rgba(0,0,0,0.11);"]),1:css(["box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);"]),2:css(["box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);"]),3:css(["box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);"]),4:css(["box-shadow:0 10px 40px 0 rgba(0,0,0,0.14);"])};const circle=css(["border-radius:50%;justify-content:center;display:flex;align-items:center;min-width:100px;min-height:100px;"]);const rounded=css(["border-radius:",";"],o=>o.theme.borderRadius);const Root=styled(Spacer).withConfig({displayName:"Paper__Root",componentId:"ui__sc-1tlpowq-0"})(["box-sizing:border-box;background-color:",";"," "," "," "," ",""],o=>o.theme.colors.white,o=>o.textAlign?css(["text-align:",";"],o.textAlign):null,o=>o.color?color(o.color,'background-color'):null,o=>typeof o.zDepth=='number'&&o.shadow?zDepth[o.zDepth]:null,o=>o.rounded?rounded:null,o=>o.circle?circle:null);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Paper/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport type { PaperProps } from './Paper'\n\nconst zDepth = {\n  0: css`\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n  `,\n  1: css`\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  `,\n  2: css`\n    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n  `,\n  3: css`\n    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n  `,\n  4: css`\n    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n  `,\n}\n\nconst circle = css`\n  border-radius: 50%;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  min-width: 100px;\n  min-height: 100px;\n`\n\nconst rounded = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n  box-sizing: border-box;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.rounded ? rounded : null)}\n  ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","Spacer","withConfig","displayName","componentId","colors","white","textAlign","color","shadow"],"mappings":"8HAKA,MAAMA,OAAS,CACb,EAAGC,IAAG,CAAA,2CAGN,EAAGA,IAAG,CAAA,6CAGN,EAAGA,IAAG,CAAA,6CAGN,EAAGA,IAAG,CAAA,+CAGN,EAAGA,IAAG,CAAA,gDAKR,MAAMC,OAASD,IAAG,CAAA,+GASlB,MAAME,QAAUF,IAAG,CAAA,iBAAA,MACCG,GAAUA,EAAMC,MAAMC,eAGnC,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,cAAAC,YAAA,oBAAdJ,CAAc,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEXJ,GAAUA,EAAMC,MAAMQ,OAAOC,QAC/CV,GACDA,EAAMW,UACFd,IAAG,CAAA,cAAA,KACaG,EAAMW,WAEtB,OACHX,GAAWA,EAAMY,MAAQA,MAAMZ,EAAMY,MAAO,oBAAsB,OAClEZ,UAAkBA,EAAMJ,QAAW,UAAYI,EAAMa,OAASjB,OAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,QAAU,OACrCC,GAAWA,EAAMF,OAASA,OAAS"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport type { PaperProps } from './Paper'\n\nconst zDepth = {\n  0: css`\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n  `,\n  1: css`\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  `,\n  2: css`\n    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n  `,\n  3: css`\n    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n  `,\n  4: css`\n    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n  `,\n}\n\nconst circle = css`\n  border-radius: 50%;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  min-width: 100px;\n  min-height: 100px;\n`\n\nconst rounded = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n  box-sizing: border-box;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.rounded ? rounded : null)}\n  ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","Spacer","withConfig","displayName","componentId","colors","white","textAlign","color","shadow"],"mappings":"8HAKA,MAAMA,OAAS,CACb,EAAGC,IAAG,CAAA,2CAGN,EAAGA,IAAG,CAAA,6CAGN,EAAGA,IAAG,CAAA,6CAGN,EAAGA,IAAG,CAAA,+CAGN,EAAGA,IAAG,CAAA,gDAKR,MAAMC,OAASD,IAAG,CAAA,+GASlB,MAAME,QAAUF,IAAG,CAAA,iBAAA,KACCG,GAAUA,EAAMC,MAAMC,cAGnC,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,cAAAC,YAAA,oBAAdJ,CAAc,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAEXJ,GAAUA,EAAMC,MAAMQ,OAAOC,MAC/CV,GACDA,EAAMW,UACFd,IAAG,CAAA,cAAA,KACaG,EAAMW,WAEtB,KACHX,GAAWA,EAAMY,MAAQA,MAAMZ,EAAMY,MAAO,oBAAsB,KAClEZ,UAAkBA,EAAMJ,QAAW,UAAYI,EAAMa,OAASjB,OAAOI,EAAMJ,QAAU,KACrFI,GAAWA,EAAMD,QAAUA,QAAU,KACrCC,GAAWA,EAAMF,OAASA,OAAS"}

package/components/Popover/Popover.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var misc=require('../../shared/utils/misc.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var PopoverComponent=require('../PopoverComponent/PopoverComponent.js');var Tooltip=require('../Tooltip/Tooltip.js');const Popover=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,o)=>{const{size:t="s",styles:r={},palette:i={},sizeXXS:s,sizeXS:a,sizeS:n,sizeM:l,sizeL:p,sizeXL:u,sizes:c,sizeUnits:m,layout:z,layoutXXS:d,layoutXS:g,layoutS:y,layoutM:v,layoutL:S,layoutXL:X,imgSrcVertical:P,imgSrcHorizontal:j,loading:h,badge:C,caption:b,header:L,title:M,content:q,body:x,media:w,footer:R,root:f,closeButton:T,position:k,trigger:B,...H}=e;return jsxRuntime.jsx(Tooltip.Tooltip,{...H,preset:"brand",ref:o,placement:k,styles:misc.deepmerge({arrow:{spread:20,length:12}},r),palette:{backgroundColor:i.backgroundColor},component:jsxRuntime.jsx(PopoverComponent.PopoverComponent,{size:t,sizeXXS:s,sizeXS:a,sizeS:n,sizeM:l,sizeL:p,sizeXL:u,sizes:c,sizeUnits:m,layout:z,layoutXXS:d,layoutXS:g,layoutS:y,layoutM:v,layoutL:S,layoutXL:X,imgSrcVertical:P,imgSrcHorizontal:j,palette:i,loading:h,badge:C,caption:b,header:L,title:M,content:q,body:x,media:w,footer:R,root:f,closeButton:T}),children:B})})),{displayName:'Popover',sizes:sizes.SIZES}),{Component:PopoverComponent.PopoverComponent});exports.Popover=Popover;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var misc=require('../../shared/utils/misc.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var PopoverComponent=require('../PopoverComponent/PopoverComponent.js');var Tooltip=require('../Tooltip/Tooltip.js');const Popover=Object.assign(withMergedProps.withMergedProps(React.forwardRef((e,o)=>{const{size:r="s",styles:t={},palette:s={},autoOpen:i,callback:n,closeOnClickOutside:p,closeOnScroll:l,trigger:a,disableFlip:c,disableHoverToClick:v,event:d,eventDelay:m,hideArrow:u,offset:g,open:P,position:C,portalElement:j,target:b,zIndex:h,...x}=e;return jsxRuntime.jsx(Tooltip.Tooltip,{ref:o,preset:"brand",autoOpen:i,callback:n,closeOnClickOutside:p,closeOnScroll:l,trigger:a,disableFlip:c,disableHoverToClick:v,event:d,eventDelay:m,hideArrow:u,offset:g,open:P,position:C,portalElement:j,target:b,zIndex:h,styles:misc.deepmerge({arrow:{spread:20,length:12}},t),palette:{backgroundColor:s.backgroundColor},component:jsxRuntime.jsx(PopoverComponent.PopoverComponent,{...x,size:r,palette:s})})}),{displayName:'Popover',sizes:sizes.SIZES}),{Component:PopoverComponent.PopoverComponent});exports.Popover=Popover;
 //# sourceMappingURL=Popover.js.map

package/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { SIZES } from './sizes'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент для отображения контента поверх основного интерфейса.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef<HTMLDivElement, MergedProps<PopoverProps>>((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        palette = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        layout,\n        layoutXXS,\n        layoutXS,\n        layoutS,\n        layoutM,\n        layoutL,\n        layoutXL,\n        imgSrcVertical,\n        imgSrcHorizontal,\n        loading,\n        badge,\n        caption,\n        header,\n        title,\n        content,\n        body,\n        media,\n        footer,\n        root,\n        closeButton,\n        position,\n        trigger,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          ref={ref}\n          placement={position}\n          styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n          palette={{\n            backgroundColor: palette.backgroundColor,\n          }}\n          component={\n            <PopoverComponent\n              size={size}\n              sizeXXS={sizeXXS}\n              sizeXS={sizeXS}\n              sizeS={sizeS}\n              sizeM={sizeM}\n              sizeL={sizeL}\n              sizeXL={sizeXL}\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              layout={layout}\n              layoutXXS={layoutXXS}\n              layoutXS={layoutXS}\n              layoutS={layoutS}\n              layoutM={layoutM}\n              layoutL={layoutL}\n              layoutXL={layoutXL}\n              imgSrcVertical={imgSrcVertical}\n              imgSrcHorizontal={imgSrcHorizontal}\n              palette={palette}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              header={header}\n              title={title}\n              content={content}\n              body={body}\n              media={media}\n              footer={footer}\n              root={root}\n              closeButton={closeButton}\n            />\n          }\n        >\n          {trigger}\n        </Tooltip>\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","palette","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","layout","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","imgSrcVertical","imgSrcHorizontal","loading","badge","caption","header","title","content","body","media","footer","root","closeButton","position","trigger","restProps","_jsx","Tooltip","preset","placement","deepmerge","arrow","spread","length","backgroundColor","component","PopoverComponent","children","displayName","SIZES","Component"],"mappings":"qVAiBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBAAAA,gBACEC,MAAAA,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAA,EAAEC,QACXA,EAAU,CAAA,EAAEC,QACZA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,eACRA,EAAcC,iBACdA,EAAgBC,QAChBA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,KACNA,EAAIC,YACJA,EAAWC,SACXA,EAAQC,QACRA,KACGC,GACDnC,EAEJ,OACEoC,WAAAA,IAACC,QAAAA,QAAO,IACFF,EACJG,OAAO,QACPrC,IAAKA,EACLsC,UAAWN,EACX9B,OAAQqC,KAAAA,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQxC,GACzDC,QAAS,CACPwC,gBAAiBxC,EAAQwC,iBAE3BC,UACET,WAAAA,IAACU,kCAAgB,CACf5C,KAAMA,EACNG,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,UAAWA,EACXC,SAAUA,EACVC,QAASA,EACTC,QAASA,EACTC,QAASA,EACTC,SAAUA,EACVC,eAAgBA,EAChBC,iBAAkBA,EAClBjB,QAASA,EACTkB,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,KAAMA,EACNC,MAAOA,EACPC,OAAQA,EACRC,KAAMA,EACNC,YAAaA,IAEhBe,SAEAb,GACO,IAGd,CACEc,YAlGiB,UAmGjBrC,MAAOsC,MAAAA,QAGX,CACEC,UAAWJ,iBAAAA"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { SIZES } from './sizes'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент для отображения контента поверх основного интерфейса.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef<HTMLDivElement, MergedProps<PopoverProps>>((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        palette = {},\n        autoOpen,\n        callback,\n        closeOnClickOutside,\n        closeOnScroll,\n        trigger,\n        disableFlip,\n        disableHoverToClick,\n        event,\n        eventDelay,\n        hideArrow,\n        offset,\n        open,\n        position,\n        portalElement,\n        target,\n        zIndex,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          ref={ref}\n          preset='brand'\n          autoOpen={autoOpen}\n          callback={callback}\n          closeOnClickOutside={closeOnClickOutside}\n          closeOnScroll={closeOnScroll}\n          trigger={trigger}\n          disableFlip={disableFlip}\n          disableHoverToClick={disableHoverToClick}\n          event={event}\n          eventDelay={eventDelay}\n          hideArrow={hideArrow}\n          offset={offset}\n          open={open}\n          position={position}\n          portalElement={portalElement}\n          target={target}\n          zIndex={zIndex}\n          styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n          palette={{\n            backgroundColor: palette.backgroundColor,\n          }}\n          component={<PopoverComponent {...restProps} size={size} palette={palette} />}\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","palette","autoOpen","callback","closeOnClickOutside","closeOnScroll","trigger","disableFlip","disableHoverToClick","event","eventDelay","hideArrow","offset","open","position","portalElement","target","zIndex","restProps","_jsx","Tooltip","preset","deepmerge","arrow","spread","length","backgroundColor","component","PopoverComponent","displayName","sizes","SIZES","Component"],"mappings":"qVAiBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBAAAA,gBACEC,MAAAA,WAAsD,CAACC,EAAOC,KAC5D,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAA,EAAEC,QACXA,EAAU,CAAA,EAAEC,SACZA,EAAQC,SACRA,EAAQC,oBACRA,EAAmBC,cACnBA,EAAaC,QACbA,EAAOC,YACPA,EAAWC,oBACXA,EAAmBC,MACnBA,EAAKC,WACLA,EAAUC,UACVA,EAASC,OACTA,EAAMC,KACNA,EAAIC,SACJA,EAAQC,cACRA,EAAaC,OACbA,EAAMC,OACNA,KACGC,GACDrB,EAEJ,OACEsB,WAAAA,IAACC,QAAAA,QAAO,CACNtB,IAAKA,EACLuB,OAAO,QACPnB,SAAUA,EACVC,SAAUA,EACVC,oBAAqBA,EACrBC,cAAeA,EACfC,QAASA,EACTC,YAAaA,EACbC,oBAAqBA,EACrBC,MAAOA,EACPC,WAAYA,EACZC,UAAWA,EACXC,OAAQA,EACRC,KAAMA,EACNC,SAAUA,EACVC,cAAeA,EACfC,OAAQA,EACRC,OAAQA,EACRjB,OAAQsB,KAAAA,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQzB,GACzDC,QAAS,CACPyB,gBAAiBzB,EAAQyB,iBAE3BC,UAAWR,WAAAA,IAACS,kCAAgB,IAAKV,EAAWnB,KAAMA,EAAME,QAASA,QAIvE,CACE4B,YA/DiB,UAgEjBC,MAAOC,MAAAA,QAGX,CACEC,UAAWJ,iBAAAA"}

package/components/Popover/Popover.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{deepmerge}from'../../shared/utils/misc.mjs';import{SIZES}from'./sizes.mjs';import{jsx}from'react/jsx-runtime';import{PopoverComponent}from'../PopoverComponent/PopoverComponent.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';const Popover=Object.assign(withMergedProps(forwardRef(((o,e)=>{const{size:t="s",styles:r={},palette:i={},sizeXXS:s,sizeXS:a,sizeS:p,sizeM:l,sizeL:n,sizeXL:m,sizes:c,sizeUnits:d,layout:z,layoutXXS:u,layoutXS:S,layoutS:g,layoutM:y,layoutL:X,layoutXL:f,imgSrcVertical:P,imgSrcHorizontal:j,loading:h,badge:b,caption:v,header:C,title:L,content:M,body:w,media:x,footer:T,root:k,closeButton:B,position:E,trigger:H,...I}=o;return jsx(Tooltip,{...I,preset:"brand",ref:e,placement:E,styles:deepmerge({arrow:{spread:20,length:12}},r),palette:{backgroundColor:i.backgroundColor},component:jsx(PopoverComponent,{size:t,sizeXXS:s,sizeXS:a,sizeS:p,sizeM:l,sizeL:n,sizeXL:m,sizes:c,sizeUnits:d,layout:z,layoutXXS:u,layoutXS:S,layoutS:g,layoutM:y,layoutL:X,layoutXL:f,imgSrcVertical:P,imgSrcHorizontal:j,palette:i,loading:h,badge:b,caption:v,header:C,title:L,content:M,body:w,media:x,footer:T,root:k,closeButton:B}),children:H})})),{displayName:'Popover',sizes:SIZES}),{Component:PopoverComponent});export{Popover};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{deepmerge}from'../../shared/utils/misc.mjs';import{SIZES}from'./sizes.mjs';import{jsx}from'react/jsx-runtime';import{PopoverComponent}from'../PopoverComponent/PopoverComponent.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';const Popover=Object.assign(withMergedProps(forwardRef((e,o)=>{const{size:r="s",styles:t={},palette:p={},autoOpen:s,callback:i,closeOnClickOutside:l,closeOnScroll:n,trigger:m,disableFlip:a,disableHoverToClick:c,event:d,eventDelay:f,hideArrow:g,offset:v,open:C,position:P,portalElement:b,target:j,zIndex:u,...O}=e;return jsx(Tooltip,{ref:o,preset:"brand",autoOpen:s,callback:i,closeOnClickOutside:l,closeOnScroll:n,trigger:m,disableFlip:a,disableHoverToClick:c,event:d,eventDelay:f,hideArrow:g,offset:v,open:C,position:P,portalElement:b,target:j,zIndex:u,styles:deepmerge({arrow:{spread:20,length:12}},t),palette:{backgroundColor:p.backgroundColor},component:jsx(PopoverComponent,{...O,size:r,palette:p})})}),{displayName:'Popover',sizes:SIZES}),{Component:PopoverComponent});export{Popover};
 //# sourceMappingURL=Popover.mjs.map

package/components/Popover/Popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.mjs","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { SIZES } from './sizes'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент для отображения контента поверх основного интерфейса.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef<HTMLDivElement, MergedProps<PopoverProps>>((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        palette = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        layout,\n        layoutXXS,\n        layoutXS,\n        layoutS,\n        layoutM,\n        layoutL,\n        layoutXL,\n        imgSrcVertical,\n        imgSrcHorizontal,\n        loading,\n        badge,\n        caption,\n        header,\n        title,\n        content,\n        body,\n        media,\n        footer,\n        root,\n        closeButton,\n        position,\n        trigger,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          ref={ref}\n          placement={position}\n          styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n          palette={{\n            backgroundColor: palette.backgroundColor,\n          }}\n          component={\n            <PopoverComponent\n              size={size}\n              sizeXXS={sizeXXS}\n              sizeXS={sizeXS}\n              sizeS={sizeS}\n              sizeM={sizeM}\n              sizeL={sizeL}\n              sizeXL={sizeXL}\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              layout={layout}\n              layoutXXS={layoutXXS}\n              layoutXS={layoutXS}\n              layoutS={layoutS}\n              layoutM={layoutM}\n              layoutL={layoutL}\n              layoutXL={layoutXL}\n              imgSrcVertical={imgSrcVertical}\n              imgSrcHorizontal={imgSrcHorizontal}\n              palette={palette}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              header={header}\n              title={title}\n              content={content}\n              body={body}\n              media={media}\n              footer={footer}\n              root={root}\n              closeButton={closeButton}\n            />\n          }\n        >\n          {trigger}\n        </Tooltip>\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","palette","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","layout","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","imgSrcVertical","imgSrcHorizontal","loading","badge","caption","header","title","content","body","media","footer","root","closeButton","position","trigger","restProps","_jsx","Tooltip","preset","placement","deepmerge","arrow","spread","length","backgroundColor","component","PopoverComponent","children","displayName","SIZES","Component"],"mappings":"kUAiBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBACEC,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAA,EAAEC,QACXA,EAAU,CAAA,EAAEC,QACZA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,eACRA,EAAcC,iBACdA,EAAgBC,QAChBA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,KACNA,EAAIC,YACJA,EAAWC,SACXA,EAAQC,QACRA,KACGC,GACDnC,EAEJ,OACEoC,IAACC,QAAO,IACFF,EACJG,OAAO,QACPrC,IAAKA,EACLsC,UAAWN,EACX9B,OAAQqC,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQxC,GACzDC,QAAS,CACPwC,gBAAiBxC,EAAQwC,iBAE3BC,UACET,IAACU,iBAAgB,CACf5C,KAAMA,EACNG,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,UAAWA,EACXC,SAAUA,EACVC,QAASA,EACTC,QAASA,EACTC,QAASA,EACTC,SAAUA,EACVC,eAAgBA,EAChBC,iBAAkBA,EAClBjB,QAASA,EACTkB,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,KAAMA,EACNC,MAAOA,EACPC,OAAQA,EACRC,KAAMA,EACNC,YAAaA,IAEhBe,SAEAb,GACO,IAGd,CACEc,YAlGiB,UAmGjBrC,MAAOsC,QAGX,CACEC,UAAWJ"}
+{"version":3,"file":"Popover.mjs","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { SIZES } from './sizes'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент для отображения контента поверх основного интерфейса.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef<HTMLDivElement, MergedProps<PopoverProps>>((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        palette = {},\n        autoOpen,\n        callback,\n        closeOnClickOutside,\n        closeOnScroll,\n        trigger,\n        disableFlip,\n        disableHoverToClick,\n        event,\n        eventDelay,\n        hideArrow,\n        offset,\n        open,\n        position,\n        portalElement,\n        target,\n        zIndex,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          ref={ref}\n          preset='brand'\n          autoOpen={autoOpen}\n          callback={callback}\n          closeOnClickOutside={closeOnClickOutside}\n          closeOnScroll={closeOnScroll}\n          trigger={trigger}\n          disableFlip={disableFlip}\n          disableHoverToClick={disableHoverToClick}\n          event={event}\n          eventDelay={eventDelay}\n          hideArrow={hideArrow}\n          offset={offset}\n          open={open}\n          position={position}\n          portalElement={portalElement}\n          target={target}\n          zIndex={zIndex}\n          styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n          palette={{\n            backgroundColor: palette.backgroundColor,\n          }}\n          component={<PopoverComponent {...restProps} size={size} palette={palette} />}\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","palette","autoOpen","callback","closeOnClickOutside","closeOnScroll","trigger","disableFlip","disableHoverToClick","event","eventDelay","hideArrow","offset","open","position","portalElement","target","zIndex","restProps","_jsx","Tooltip","preset","deepmerge","arrow","spread","length","backgroundColor","component","PopoverComponent","displayName","sizes","SIZES","Component"],"mappings":"kUAiBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBACEC,WAAsD,CAACC,EAAOC,KAC5D,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAA,EAAEC,QACXA,EAAU,CAAA,EAAEC,SACZA,EAAQC,SACRA,EAAQC,oBACRA,EAAmBC,cACnBA,EAAaC,QACbA,EAAOC,YACPA,EAAWC,oBACXA,EAAmBC,MACnBA,EAAKC,WACLA,EAAUC,UACVA,EAASC,OACTA,EAAMC,KACNA,EAAIC,SACJA,EAAQC,cACRA,EAAaC,OACbA,EAAMC,OACNA,KACGC,GACDrB,EAEJ,OACEsB,IAACC,QAAO,CACNtB,IAAKA,EACLuB,OAAO,QACPnB,SAAUA,EACVC,SAAUA,EACVC,oBAAqBA,EACrBC,cAAeA,EACfC,QAASA,EACTC,YAAaA,EACbC,oBAAqBA,EACrBC,MAAOA,EACPC,WAAYA,EACZC,UAAWA,EACXC,OAAQA,EACRC,KAAMA,EACNC,SAAUA,EACVC,cAAeA,EACfC,OAAQA,EACRC,OAAQA,EACRjB,OAAQsB,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQzB,GACzDC,QAAS,CACPyB,gBAAiBzB,EAAQyB,iBAE3BC,UAAWR,IAACS,iBAAgB,IAAKV,EAAWnB,KAAMA,EAAME,QAASA,QAIvE,CACE4B,YA/DiB,UAgEjBC,MAAOC,QAGX,CACEC,UAAWJ"}

package/components/PopoverComponent/PopoverComponent.js

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