npm - @foxford/ui - Versions diffs - 2.97.0 → 2.97.1-beta-b68128a-20260227 - Mend

@foxford/ui 2.97.0 → 2.97.1-beta-b68128a-20260227

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (614) hide show

package/components/ActionBtn/style.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.mjs","sources":["../../../../src/components/ActionBtn/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { hover } from 'mixins/hover'\nimport type { ActionBtnProps } from './ActionBtn'\n\nconst active = css`\n background: ${(props) => props.theme.colors.onahau};\n color: ${(props) => props.theme.colors.accent};\n`\n\nconst notDisabled = css`\n ${(props) => hover(`background: ${props.theme.colors.mercury}`)}\n &:active {\n ${active}\n }\n`\n\nconst disabled = css`\n cursor: default;\n opacity: 0.6;\n`\n\nexport const Root = styled.div<ActionBtnProps>`\n padding: 4px;\n background: transparent;\n color: ${(props) => props.theme.colors.silver};\n transition:\n background 0.4s ease-out,\n color 0.6s ease-out;\n line-height: 0;\n cursor: pointer;\n border-radius: 5px;\n & + & {\n margin-left: 16px;\n }\n ${(props) => (props.disabled ? disabled : notDisabled)}\n ${(props) => (props.active ? active : null)}\n ${(props) =>\n props.display\n ? display(props.display)\n : css`\n display: inline-block;\n `}\n`\n"],"names":["active","css","props","theme","colors","onahau","accent","notDisabled","hover","mercury","disabled","Root","styled","div","withConfig","displayName","componentId","silver","display"],"mappings":"mIAKA,MAAMA,OAASC,IAAG,CAAA,cAAA,UAAA,MACDC,GAAUA,EAAMC,MAAMC,OAAOC,SAClCH,GAAUA,EAAMC,MAAMC,OAAOE,SAGzC,MAAMC,YAAcN,IAAG,CAAA,GAAA,aAAA,MAClBC,GAAUM,MAAM,eAAeN,EAAMC,MAAMC,OAAOK,YAEjDT,QAIN,MAAMU,SAAWT,~~IAGhB~~,CAAA,~~sCAEYU~~,KAAOC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAAVJ,~~CAGRV~~,~~CAAAA~~,~~4CAAAA~~,~~mIAAAA~~,~~IAAAA~~,~~IAAAA~~,~~KAAAA~~,GAAUA,EAAMC,MAAMC,OAAOa,SAUpCf,GAAWA,EAAMQ,SAAWA,SAAWH,cACvCL,GAAWA,EAAMF,OAASA,OAAS,OACnCE,GACDA,EAAMgB,QACFA,QAAQhB,EAAMgB,SACdjB,IAAG,CAAA"}
1	+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/ActionBtn/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { hover } from 'mixins/hover'\nimport type { ActionBtnProps } from './ActionBtn'\n\nconst active = css`\n background: ${(props) => props.theme.colors.onahau};\n color: ${(props) => props.theme.colors.accent};\n`\n\nconst notDisabled = css`\n ${(props) => hover(`background: ${props.theme.colors.mercury}`)}\n &:active {\n ${active}\n }\n`\n\nconst disabled = css`\n cursor: default;\n opacity: 0.6;\n`\n\nexport const Root = styled.div<ActionBtnProps>`\n padding: 4px;\n background: transparent;\n color: ${(props) => props.theme.colors.silver};\n transition:\n background 0.4s ease-out,\n color 0.6s ease-out;\n line-height: 0;\n cursor: pointer;\n border-radius: 5px;\n & + & {\n margin-left: 16px;\n }\n ${(props) => (props.disabled ? disabled : notDisabled)}\n ${(props) => (props.active ? active : null)}\n ${(props) =>\n props.display\n ? display(props.display)\n : css`\n display: inline-block;\n `}\n`\n"],"names":["active","css","props","theme","colors","onahau","accent","notDisabled","hover","mercury","disabled","Root","styled","div","withConfig","displayName","componentId","silver","display"],"mappings":"mIAKA,MAAMA,OAASC,IAAG,CAAA,cAAA,UAAA,MACDC,GAAUA,EAAMC,MAAMC,OAAOC,SAClCH,GAAUA,EAAMC,MAAMC,OAAOE,SAGzC,MAAMC,YAAcN,IAAG,CAAA,GAAA,aAAA,MAClBC,GAAUM,MAAM,eAAeN,EAAMC,MAAMC,OAAOK,YAEjDT,QAIN,MAAMU,SAAWT,IAAG,CAAA,sCAKPU,KAAOC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAAVJ,CAAU,CAAA,4CAAA,mIAAA,IAAA,IAAA,KAGlBV,GAAUA,EAAMC,MAAMC,OAAOa,SAUpCf,GAAWA,EAAMQ,SAAWA,SAAWH,cACvCL,GAAWA,EAAMF,OAASA,OAAS,OACnCE,GACDA,EAAMgB,QACFA,QAAQhB,EAAMgB,SACdjB,IAAG,CAAA"}

package/components/AddElement/AddElement.js CHANGED Viewed

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var renderSlot=require('../../shared/utils/renderSlot.js');var isNil=require('../../shared/utils/isNil.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');var index=require('../../icon-pack/src/icons/PlusLarge/index.js');const createText=(e,s)=>typeof e=='string'||typeof e=='number'?jsxRuntime.jsx(Text.Text,{...s,children:e}):null;const AddElement=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{type:r="button",size:i="m",variant:t="default",square:n,icon:o,title:l,text:a,content:S,children:c,sizeXXS:d,sizeXS:u,sizeS:E,sizeM:x,sizeL:z,sizeXL:T,...p}=e;const I={size:i,sizeXXS:d,sizeXS:u,sizeS:E,sizeM:x,sizeL:z,sizeXL:T};const j={...I,preset:'brand',color:'inherit',icon:jsxRuntime.jsx(index.PlusLarge,{}),sizes:n?sizes.SIZES_ICON_SQUARE:sizes.SIZES_ICON};const _=isNil.isNil(a)?sizes.SIZES_TITLE_WITHOUT_TEXT:sizes.SIZES_TITLE;const R=isNil.isNil(a)?sizes.SIZES_TITLE_SQUARE_WITHOUT_TEXT:sizes.SIZES_TITLE_SQUARE;const N={...I,as:'span',appearance:'subheading',weight:n?700:400,color:'inherit',wordBreak:'break-word',sizes:n?R:_};const m={...I,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:n?sizes.SIZES_TEXT_SQUARE:sizes.SIZES_TEXT};return jsxRuntime.jsx(style.Root,{...p,...I,type:r,square:n,variant:t,ref:s,children:renderSlot.renderSlot({slot:c,props:{iconProps:j,titleProps:N,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(style.IconContainer,{...I,sizes:n?sizes.SIZES_ICON_CONTAINER_SQUARE:sizes.SIZES_ICON_CONTAINER,square:n,children:renderSlot.renderSlot({slot:o,props:j,fallback:jsxRuntime.jsx(Icon.Icon,{...j})})}),jsxRuntime.jsx(style.Content,{...I,sizes:n?sizes.SIZES_CONTENT_SQUARE:sizes.SIZES_CONTENT,square:n,children:renderSlot.renderSlot({slot:S,props:{titleProps:N,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[renderSlot.renderSlot({slot:l,props:N,fallback:createText(l,N)}),isNil.isNil(a)?null:jsxRuntime.jsx(style.TextContainer,{children:renderSlot.renderSlot({slot:a,props:m,fallback:createText(a,m)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?sizes.SIZES_SQUARE:sizes.SIZES});exports.AddElement=AddElement,exports.COMPONENT_NAME="AddElement";
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var renderSlot=require('../../shared/utils/renderSlot.js');var isNil=require('../../shared/utils/isNil.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/PlusLarge/index.js');var Text=require('../Text/Text.js');const createText=(e,s)=>typeof e=='string'||typeof e=='number'?jsxRuntime.jsx(Text.Text,{...s,children:e}):null;const AddElement=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{type:r="button",size:i="m",variant:t="default",square:n,icon:o,title:l,text:a,content:S,children:c,sizeXXS:d,sizeXS:u,sizeS:E,sizeM:x,sizeL:z,sizeXL:T,...p}=e;const I={size:i,sizeXXS:d,sizeXS:u,sizeS:E,sizeM:x,sizeL:z,sizeXL:T};const j={...I,preset:'brand',color:'inherit',icon:jsxRuntime.jsx(index.PlusLarge,{}),sizes:n?sizes.SIZES_ICON_SQUARE:sizes.SIZES_ICON};const _=isNil.isNil(a)?sizes.SIZES_TITLE_WITHOUT_TEXT:sizes.SIZES_TITLE;const R=isNil.isNil(a)?sizes.SIZES_TITLE_SQUARE_WITHOUT_TEXT:sizes.SIZES_TITLE_SQUARE;const N={...I,as:'span',appearance:'subheading',weight:n?700:400,color:'inherit',wordBreak:'break-word',sizes:n?R:_};const m={...I,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:n?sizes.SIZES_TEXT_SQUARE:sizes.SIZES_TEXT};return jsxRuntime.jsx(style.Root,{...p,...I,type:r,square:n,variant:t,ref:s,children:renderSlot.renderSlot({slot:c,props:{iconProps:j,titleProps:N,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(style.IconContainer,{...I,sizes:n?sizes.SIZES_ICON_CONTAINER_SQUARE:sizes.SIZES_ICON_CONTAINER,square:n,children:renderSlot.renderSlot({slot:o,props:j,fallback:jsxRuntime.jsx(Icon.Icon,{...j})})}),jsxRuntime.jsx(style.Content,{...I,sizes:n?sizes.SIZES_CONTENT_SQUARE:sizes.SIZES_CONTENT,square:n,children:renderSlot.renderSlot({slot:S,props:{titleProps:N,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[renderSlot.renderSlot({slot:l,props:N,fallback:createText(l,N)}),isNil.isNil(a)?null:jsxRuntime.jsx(style.TextContainer,{children:renderSlot.renderSlot({slot:a,props:m,fallback:createText(a,m)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?sizes.SIZES_SQUARE:sizes.SIZES});exports.AddElement=AddElement,exports.COMPONENT_NAME="AddElement";
 //# sourceMappingURL=AddElement.js.map

package/components/AddElement/AddElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddElement.js","sources":["../../../../src/components/AddElement/AddElement.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { PlusLarge } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n SIZES_SQUARE,\n SIZES_CONTENT_SQUARE,\n SIZES_ICON_SQUARE,\n SIZES_ICON_CONTAINER_SQUARE,\n SIZES_ICON_CONTAINER,\n SIZES_ICON,\n SIZES,\n SIZES_TEXT_SQUARE,\n SIZES_TEXT,\n SIZES_TITLE_SQUARE,\n SIZES_TITLE,\n SIZES_CONTENT,\n SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n return typeof content === 'string' \|\| typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/*\n \n * v1.0.0\n \n Контрол для добавления новых сущностей.\n \n Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n AddElementProps,\n HTMLButtonElement\n>(\n forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n const {\n type = 'button',\n size = 'm',\n variant = 'default',\n square,\n icon,\n title,\n text,\n content,\n children,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const iconProps: IconProps = {\n ...sizeProps,\n preset: 'brand',\n color: 'inherit',\n icon: <PlusLarge />,\n sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n }\n\n const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n const titleProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'subheading',\n weight: square ? 700 : 400,\n color: 'inherit',\n wordBreak: 'break-word',\n sizes: square ? titleSquareSizes : titleSizes,\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'subheading',\n weight: 400,\n color: 'inherit',\n wordBreak: 'break-word',\n sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n {renderSlot({\n slot: children,\n props: { iconProps, titleProps, textProps },\n fallback: (\n <>\n <Styled.IconContainer\n {...sizeProps}\n sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n square={square}\n >\n {renderSlot({\n slot: icon,\n props: iconProps,\n fallback: <Icon {...iconProps} />,\n })}\n </Styled.IconContainer>\n\n <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n {renderSlot({\n slot: content,\n props: { titleProps, textProps },\n fallback: (\n <>\n {renderSlot({\n slot: title,\n props: titleProps,\n fallback: createText(title, titleProps),\n })}\n {!isNil(text) ? (\n <Styled.TextContainer>\n {renderSlot({\n slot: text,\n props: textProps,\n fallback: createText(text, textProps),\n })}\n </Styled.TextContainer>\n ) : null}\n </>\n ),\n })}\n </Styled.Content>\n </>\n ),\n })}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","~~jsx","~~Text","children","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","PlusLarge","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","~~jsxs","~~_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"ucA6BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,~~WAAAC~~,IAACC,UAAI,~~IAAKH~~,~~EAAKI~~,~~SAAGL~~,IAAkB,~~KAapGM~~,~~MAAAA~~,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAA4D,~~CAACP~~,~~EAAOQ~~,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,~~EAAIhB~~,QACJA,~~EAAOK~~,SACPA,EAAQY,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,~~GACDtB~~,EAEJ,~~MAAMuB~~,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPb,~~KAAMZ~~,WAAAA,~~IAAC0B~~,~~MAASA~~,~~cAChBC~~,MAAOhB,EAASiB,~~MAAAA~~,~~kBAAoBC,~~MAAAA,YAGtC,MAAMC,EAAaC,~~MAAKA~~,~~MAACjB~~,GAAQkB,MAAAA,yBAA2BC,MAAAA,YAC5D,MAAMC,EAAmBH,~~MAAKA~~,~~MAACjB~~,GAAQqB,MAAAA,gCAAkCC,MAAAA,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,~~MAAAA~~,~~kBAAoBC,~~MAAAA,YAGtC,~~OACE5C~~,WAAAA,~~IAAC6C~~,MAAAA,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIJ,SAC/F2C,WAAAA,WAAW,CACVC,KAAM5C,~~EACNJ~~,MAAO,~~CAAEwB~~,YAAWc,aAAYK,aAChCM,SACEC,~~WAAAC~~,KAAAC,oBAAA,~~CAAAhD~~,~~SACEH~~,~~CAAAA~~,~~WAAAC~~,IAAC4C,oBAAoB,IACfvB,EACJK,MAAOhB,~~EAASyC~~,MAAAA,4BAA8BC,~~MAAqBA~~,~~qBACnE1C~~,OAAQA,EAAOR,SAEd2C,WAAAA,WAAW,CACVC,KAAMnC,~~EACNb~~,~~MAAOwB~~,EACPyB,~~SAAUhD~~,~~WAAAC~~,~~IAACqD~~,UAAI,~~IAAK/B~~,~~QAIxBvB~~,~~WAAAC~~,IAAC4C,cAAc,IAAKvB,EAAWK,MAAOhB,~~EAAS4C~~,MAAAA,qBAAuBC,~~MAAcA~~,~~cAAC7C~~,OAAQA,EAAOR,SACjG2C,WAAAA,WAAW,CACVC,~~KAAMjD~~,EACNC,MAAO,~~CAAEsC~~,aAAYK,aACrBM,SACEC,~~WAAAC~~,KAAAC,oBAAA,~~CAAAhD~~,SAAA,CACG2C,WAAAA,WAAW,CACVC,KAAMlC,~~EACNd~~,~~MAAOsC~~,EACPW,~~SAAUnD~~,~~WAAWgB~~,EAAOwB,KAE5BN,~~MAAKA~~,~~MAACjB~~,GAQJ,~~KAPFd~~,WAAAA,~~IAAC6C~~,MAAAA,cAAoB,CAAA1C,SAClB2C,WAAAA,WAAW,CACVC,KAAMjC,~~EACNf~~,~~MAAO2C~~,EACPM,~~SAAUnD~~,~~WAAWiB~~,EAAM4B,oBAWnC,IAGlB,~~CACEe~~,YA5HmB,~~aA6HnB9B~~,~~MAAQ5B~~,GAAWA,~~EAAMY~~,~~OAAS+C~~,~~MAAYA~~,~~aAAGC~~,MAAAA,6DA7H9B"}
1	+ {"version":3,"file":"AddElement.js","sources":["../../../../src/components/AddElement/AddElement.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { PlusLarge } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n SIZES_SQUARE,\n SIZES_CONTENT_SQUARE,\n SIZES_ICON_SQUARE,\n SIZES_ICON_CONTAINER_SQUARE,\n SIZES_ICON_CONTAINER,\n SIZES_ICON,\n SIZES,\n SIZES_TEXT_SQUARE,\n SIZES_TEXT,\n SIZES_TITLE_SQUARE,\n SIZES_TITLE,\n SIZES_CONTENT,\n SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n return typeof content === 'string' \|\| typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/*\n \n * v1.0.0\n \n Контрол для добавления новых сущностей.\n \n Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n AddElementProps,\n HTMLButtonElement\n>(\n forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n const {\n type = 'button',\n size = 'm',\n variant = 'default',\n square,\n icon,\n title,\n text,\n content,\n children,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const iconProps: IconProps = {\n ...sizeProps,\n preset: 'brand',\n color: 'inherit',\n icon: <PlusLarge />,\n sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n }\n\n const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n const titleProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'subheading',\n weight: square ? 700 : 400,\n color: 'inherit',\n wordBreak: 'break-word',\n sizes: square ? titleSquareSizes : titleSizes,\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'subheading',\n weight: 400,\n color: 'inherit',\n wordBreak: 'break-word',\n sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n {renderSlot({\n slot: children,\n props: { iconProps, titleProps, textProps },\n fallback: (\n <>\n <Styled.IconContainer\n {...sizeProps}\n sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n square={square}\n >\n {renderSlot({\n slot: icon,\n props: iconProps,\n fallback: <Icon {...iconProps} />,\n })}\n </Styled.IconContainer>\n\n <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n {renderSlot({\n slot: content,\n props: { titleProps, textProps },\n fallback: (\n <>\n {renderSlot({\n slot: title,\n props: titleProps,\n fallback: createText(title, titleProps),\n })}\n {!isNil(text) ? (\n <Styled.TextContainer>\n {renderSlot({\n slot: text,\n props: textProps,\n fallback: createText(text, textProps),\n })}\n </Styled.TextContainer>\n ) : null}\n </>\n ),\n })}\n </Styled.Content>\n </>\n ),\n })}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","Text","children","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","PlusLarge","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"ucA6BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,WAAAA,IAACC,UAAI,IAAKF,EAAKG,SAAGJ,IAAkB,KAa1G,MAAMK,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAA4D,CAACN,EAAOO,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIf,QACJA,EAAOI,SACPA,EAAQY,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDrB,EAEJ,MAAMsB,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPb,KAAMX,WAAAA,IAACyB,MAAAA,cACPC,MAAOhB,EAASiB,wBAAoBC,MAAAA,YAGtC,MAAMC,EAAaC,MAAAA,MAAMjB,GAAQkB,MAAAA,yBAA2BC,MAAAA,YAC5D,MAAMC,EAAmBH,MAAAA,MAAMjB,GAAQqB,MAAAA,gCAAkCC,MAAAA,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,wBAAoBC,MAAAA,YAGtC,OACE3C,WAAAA,IAAC4C,MAAAA,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIJ,SAC/F2C,WAAAA,WAAW,CACVC,KAAM5C,EACNH,MAAO,CAAEuB,YAAWc,aAAYK,aAChCM,SACEC,WAAAA,KAAAC,oBAAA,CAAA/C,SAAA,CACEF,WAAAA,IAAC4C,oBAAoB,IACfvB,EACJK,MAAOhB,EAASwC,MAAAA,4BAA8BC,MAAAA,qBAC9CzC,OAAQA,EAAOR,SAEd2C,WAAAA,WAAW,CACVC,KAAMnC,EACNZ,MAAOuB,EACPyB,SAAU/C,WAAAA,IAACoD,UAAI,IAAK9B,QAIxBtB,WAAAA,IAAC4C,cAAc,IAAKvB,EAAWK,MAAOhB,EAAS2C,MAAAA,qBAAuBC,MAAAA,cAAe5C,OAAQA,EAAOR,SACjG2C,WAAAA,WAAW,CACVC,KAAMhD,EACNC,MAAO,CAAEqC,aAAYK,aACrBM,SACEC,WAAAA,KAAAC,oBAAA,CAAA/C,SAAA,CACG2C,WAAAA,WAAW,CACVC,KAAMlC,EACNb,MAAOqC,EACPW,SAAUlD,WAAWe,EAAOwB,KAE5BN,MAAAA,MAAMjB,GAQJ,KAPFb,WAAAA,IAAC4C,MAAAA,cAAoB,CAAA1C,SAClB2C,WAAAA,WAAW,CACVC,KAAMjC,EACNd,MAAO0C,EACPM,SAAUlD,WAAWgB,EAAM4B,oBAWnC,IAGlB,CACEc,YA5HmB,aA6HnB7B,MAAQ3B,GAAWA,EAAMW,OAAS8C,MAAAA,aAAeC,MAAAA,6DA7H9B"}

package/components/AddElement/AddElement.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{renderSlot}from'../../shared/utils/renderSlot.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{SIZES_SQUARE,SIZES,SIZES_ICON_CONTAINER_SQUARE,SIZES_ICON_CONTAINER,SIZES_CONTENT_SQUARE,SIZES_CONTENT,SIZES_ICON_SQUARE,SIZES_ICON,SIZES_TEXT_SQUARE,SIZES_TEXT,SIZES_TITLE_WITHOUT_TEXT,SIZES_TITLE,SIZES_TITLE_SQUARE_WITHOUT_TEXT,SIZES_TITLE_SQUARE}from'./sizes.mjs';import{Root,IconContainer,Content,TextContainer}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';import{PlusLarge}from'../../icon-pack/src/icons/PlusLarge/index.mjs';const createText=(e,r)=>typeof e=='string'||typeof e=='number'?jsx(Text,{...r,children:e}):null;const COMPONENT_NAME='AddElement';const AddElement=withMergedProps(forwardRef(((e,r)=>{const{type:s="button",size:t="m",variant:o="default",square:S,icon:i,title:n,text:E,content:T,children:a,sizeXXS:I,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d,...m}=e;const N={size:t,sizeXXS:I,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d};const Z={...N,preset:'brand',color:'inherit',icon:jsx(PlusLarge,{}),sizes:S?SIZES_ICON_SQUARE:SIZES_ICON};const x=isNil(E)?SIZES_TITLE_WITHOUT_TEXT:SIZES_TITLE;const A=isNil(E)?SIZES_TITLE_SQUARE_WITHOUT_TEXT:SIZES_TITLE_SQUARE;const C={...N,as:'span',appearance:'subheading',weight:S?700:400,color:'inherit',wordBreak:'break-word',sizes:S?A:x};const O={...N,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:S?SIZES_TEXT_SQUARE:SIZES_TEXT};return jsx(Root,{...m,...N,type:s,square:S,variant:o,ref:r,children:renderSlot({slot:a,props:{iconProps:Z,titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[jsx(IconContainer,{...N,sizes:S?SIZES_ICON_CONTAINER_SQUARE:SIZES_ICON_CONTAINER,square:S,children:renderSlot({slot:i,props:Z,fallback:jsx(Icon,{...Z})})}),jsx(Content,{...N,sizes:S?SIZES_CONTENT_SQUARE:SIZES_CONTENT,square:S,children:renderSlot({slot:T,props:{titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[renderSlot({slot:n,props:C,fallback:createText(n,C)}),isNil(E)?null:jsx(TextContainer,{children:renderSlot({slot:E,props:O,fallback:createText(E,O)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?SIZES_SQUARE:SIZES});export{AddElement,COMPONENT_NAME};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{renderSlot}from'../../shared/utils/renderSlot.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{SIZES_SQUARE,SIZES,SIZES_ICON_CONTAINER_SQUARE,SIZES_ICON_CONTAINER,SIZES_ICON_SQUARE,SIZES_ICON,SIZES_CONTENT_SQUARE,SIZES_CONTENT,SIZES_TEXT_SQUARE,SIZES_TEXT,SIZES_TITLE_SQUARE_WITHOUT_TEXT,SIZES_TITLE_SQUARE,SIZES_TITLE_WITHOUT_TEXT,SIZES_TITLE}from'./sizes.mjs';import{Root,IconContainer,Content,TextContainer}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{PlusLarge}from'../../icon-pack/src/icons/PlusLarge/index.mjs';import{Text}from'../Text/Text.mjs';const createText=(e,r)=>typeof e=='string'||typeof e=='number'?jsx(Text,{...r,children:e}):null;const COMPONENT_NAME='AddElement';const AddElement=withMergedProps(forwardRef(((e,r)=>{const{type:s="button",size:t="m",variant:o="default",square:S,icon:i,title:n,text:E,content:T,children:a,sizeXXS:I,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d,...m}=e;const N={size:t,sizeXXS:I,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d};const Z={...N,preset:'brand',color:'inherit',icon:jsx(PlusLarge,{}),sizes:S?SIZES_ICON_SQUARE:SIZES_ICON};const x=isNil(E)?SIZES_TITLE_WITHOUT_TEXT:SIZES_TITLE;const A=isNil(E)?SIZES_TITLE_SQUARE_WITHOUT_TEXT:SIZES_TITLE_SQUARE;const C={...N,as:'span',appearance:'subheading',weight:S?700:400,color:'inherit',wordBreak:'break-word',sizes:S?A:x};const O={...N,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:S?SIZES_TEXT_SQUARE:SIZES_TEXT};return jsx(Root,{...m,...N,type:s,square:S,variant:o,ref:r,children:renderSlot({slot:a,props:{iconProps:Z,titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[jsx(IconContainer,{...N,sizes:S?SIZES_ICON_CONTAINER_SQUARE:SIZES_ICON_CONTAINER,square:S,children:renderSlot({slot:i,props:Z,fallback:jsx(Icon,{...Z})})}),jsx(Content,{...N,sizes:S?SIZES_CONTENT_SQUARE:SIZES_CONTENT,square:S,children:renderSlot({slot:T,props:{titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[renderSlot({slot:n,props:C,fallback:createText(n,C)}),isNil(E)?null:jsx(TextContainer,{children:renderSlot({slot:E,props:O,fallback:createText(E,O)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?SIZES_SQUARE:SIZES});export{AddElement,COMPONENT_NAME};
 //# sourceMappingURL=AddElement.mjs.map

package/components/AddElement/AddElement.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddElement.mjs","sources":["../../../../src/components/AddElement/AddElement.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { PlusLarge } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n SIZES_SQUARE,\n SIZES_CONTENT_SQUARE,\n SIZES_ICON_SQUARE,\n SIZES_ICON_CONTAINER_SQUARE,\n SIZES_ICON_CONTAINER,\n SIZES_ICON,\n SIZES,\n SIZES_TEXT_SQUARE,\n SIZES_TEXT,\n SIZES_TITLE_SQUARE,\n SIZES_TITLE,\n SIZES_CONTENT,\n SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n return typeof content === 'string' \|\| typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/*\n \n * v1.0.0\n \n Контрол для добавления новых сущностей.\n \n Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n AddElementProps,\n HTMLButtonElement\n>(\n forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n const {\n type = 'button',\n size = 'm',\n variant = 'default',\n square,\n icon,\n title,\n text,\n content,\n children,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const iconProps: IconProps = {\n ...sizeProps,\n preset: 'brand',\n color: 'inherit',\n icon: <PlusLarge />,\n sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n }\n\n const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n const titleProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'subheading',\n weight: square ? 700 : 400,\n color: 'inherit',\n wordBreak: 'break-word',\n sizes: square ? titleSquareSizes : titleSizes,\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'subheading',\n weight: 400,\n color: 'inherit',\n wordBreak: 'break-word',\n sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n {renderSlot({\n slot: children,\n props: { iconProps, titleProps, textProps },\n fallback: (\n <>\n <Styled.IconContainer\n {...sizeProps}\n sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n square={square}\n >\n {renderSlot({\n slot: icon,\n props: iconProps,\n fallback: <Icon {...iconProps} />,\n })}\n </Styled.IconContainer>\n\n <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n {renderSlot({\n slot: content,\n props: { titleProps, textProps },\n fallback: (\n <>\n {renderSlot({\n slot: title,\n props: titleProps,\n fallback: createText(title, titleProps),\n })}\n {!isNil(text) ? (\n <Styled.TextContainer>\n {renderSlot({\n slot: text,\n props: textProps,\n fallback: createText(text, textProps),\n })}\n </Styled.TextContainer>\n ) : null}\n </>\n ),\n })}\n </Styled.Content>\n </>\n ),\n })}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","Text","children","COMPONENT_NAME","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","PlusLarge","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"otBA6BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,IAACC,KAAI,IAAKF,EAAKG,SAAGJ,IAAkB,~~KAGpGK~~,~~MAAAA~~,eAAiB,~~aAUjBC~~,~~MAAAA~~,WAA+DC,gBAInEC,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIhB,QACJA,EAAOI,SACPA,EAAQa,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPb,KAAMZ,IAAC0B,cACPC,MAAOhB,EAASiB,kBAAoBC,YAGtC,MAAMC,EAAaC,MAAMjB,GAAQkB,yBAA2BC,YAC5D,MAAMC,EAAmBH,MAAMjB,GAAQqB,gCAAkCC,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,kBAAoBC,YAGtC,OACE5C,IAAC6C,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIL,SAC/F4C,WAAW,CACVC,KAAM7C,EACNH,MAAO,CAAEwB,YAAWc,aAAYK,aAChCM,SACEC,KAAAC,SAAA,CAAAhD,~~SACEF~~,~~CAAAA~~,IAAC6C,cAAoB,IACfvB,EACJK,MAAOhB,EAASwC,4BAA8BC,qBAC9CzC,OAAQA,EAAOT,SAEd4C,WAAW,CACVC,KAAMnC,EACNb,MAAOwB,EACPyB,SAAUhD,IAACqD,KAAI,IAAK9B,QAIxBvB,IAAC6C,QAAc,IAAKvB,EAAWK,MAAOhB,EAAS2C,qBAAuBC,cAAe5C,OAAQA,EAAOT,SACjG4C,WAAW,CACVC,KAAMjD,EACNC,MAAO,CAAEsC,aAAYK,aACrBM,SACEC,KAAAC,SAAA,CAAAhD,SAAA,CACG4C,WAAW,CACVC,KAAMlC,EACNd,MAAOsC,EACPW,SAAUnD,WAAWgB,EAAOwB,KAE5BN,MAAMjB,GAQJ,KAPFd,IAAC6C,cAAoB,CAAA3C,SAClB4C,WAAW,CACVC,KAAMjC,EACNf,MAAO2C,EACPM,SAAUnD,WAAWiB,EAAM4B,oBAWnC,IAGlB,CACEc,YA5HmB,aA6HnB7B,MAAQ5B,GAAWA,EAAMY,OAAS8C,aAAeC"}
1	+ {"version":3,"file":"AddElement.mjs","sources":["../../../../src/components/AddElement/AddElement.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { PlusLarge } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n SIZES_SQUARE,\n SIZES_CONTENT_SQUARE,\n SIZES_ICON_SQUARE,\n SIZES_ICON_CONTAINER_SQUARE,\n SIZES_ICON_CONTAINER,\n SIZES_ICON,\n SIZES,\n SIZES_TEXT_SQUARE,\n SIZES_TEXT,\n SIZES_TITLE_SQUARE,\n SIZES_TITLE,\n SIZES_CONTENT,\n SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n return typeof content === 'string' \|\| typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/*\n \n * v1.0.0\n \n Контрол для добавления новых сущностей.\n \n Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n AddElementProps,\n HTMLButtonElement\n>(\n forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n const {\n type = 'button',\n size = 'm',\n variant = 'default',\n square,\n icon,\n title,\n text,\n content,\n children,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const iconProps: IconProps = {\n ...sizeProps,\n preset: 'brand',\n color: 'inherit',\n icon: <PlusLarge />,\n sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n }\n\n const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n const titleProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'subheading',\n weight: square ? 700 : 400,\n color: 'inherit',\n wordBreak: 'break-word',\n sizes: square ? titleSquareSizes : titleSizes,\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'subheading',\n weight: 400,\n color: 'inherit',\n wordBreak: 'break-word',\n sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n {renderSlot({\n slot: children,\n props: { iconProps, titleProps, textProps },\n fallback: (\n <>\n <Styled.IconContainer\n {...sizeProps}\n sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n square={square}\n >\n {renderSlot({\n slot: icon,\n props: iconProps,\n fallback: <Icon {...iconProps} />,\n })}\n </Styled.IconContainer>\n\n <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n {renderSlot({\n slot: content,\n props: { titleProps, textProps },\n fallback: (\n <>\n {renderSlot({\n slot: title,\n props: titleProps,\n fallback: createText(title, titleProps),\n })}\n {!isNil(text) ? (\n <Styled.TextContainer>\n {renderSlot({\n slot: text,\n props: textProps,\n fallback: createText(text, textProps),\n })}\n </Styled.TextContainer>\n ) : null}\n </>\n ),\n })}\n </Styled.Content>\n </>\n ),\n })}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","Text","children","COMPONENT_NAME","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","PlusLarge","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"otBA6BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,IAACC,KAAI,IAAKF,EAAKG,SAAGJ,IAAkB,KAG1G,MAAMK,eAAiB,aAUvB,MAAMC,WAA+DC,gBAInEC,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIhB,QACJA,EAAOI,SACPA,EAAQa,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPb,KAAMZ,IAAC0B,cACPC,MAAOhB,EAASiB,kBAAoBC,YAGtC,MAAMC,EAAaC,MAAMjB,GAAQkB,yBAA2BC,YAC5D,MAAMC,EAAmBH,MAAMjB,GAAQqB,gCAAkCC,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,kBAAoBC,YAGtC,OACE5C,IAAC6C,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIL,SAC/F4C,WAAW,CACVC,KAAM7C,EACNH,MAAO,CAAEwB,YAAWc,aAAYK,aAChCM,SACEC,KAAAC,SAAA,CAAAhD,SAAA,CACEF,IAAC6C,cAAoB,IACfvB,EACJK,MAAOhB,EAASwC,4BAA8BC,qBAC9CzC,OAAQA,EAAOT,SAEd4C,WAAW,CACVC,KAAMnC,EACNb,MAAOwB,EACPyB,SAAUhD,IAACqD,KAAI,IAAK9B,QAIxBvB,IAAC6C,QAAc,IAAKvB,EAAWK,MAAOhB,EAAS2C,qBAAuBC,cAAe5C,OAAQA,EAAOT,SACjG4C,WAAW,CACVC,KAAMjD,EACNC,MAAO,CAAEsC,aAAYK,aACrBM,SACEC,KAAAC,SAAA,CAAAhD,SAAA,CACG4C,WAAW,CACVC,KAAMlC,EACNd,MAAOsC,EACPW,SAAUnD,WAAWgB,EAAOwB,KAE5BN,MAAMjB,GAQJ,KAPFd,IAAC6C,cAAoB,CAAA3C,SAClB4C,WAAW,CACVC,KAAMjC,EACNf,MAAO2C,EACPM,SAAUnD,WAAWiB,EAAM4B,oBAWnC,IAGlB,CACEc,YA5HmB,aA6HnB7B,MAAQ5B,GAAWA,EAAMY,OAAS8C,aAAeC"}

package/components/AddElement/sizes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sizes.js","sources":["../../../../src/components/AddElement/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n l: { padding: 20, borderRadius: 10 },\n m: { padding: 16, borderRadius: 6 },\n s: { padding: 12, borderRadius: 6 },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n l: { padding: 32, width: 360, minHeight: 360, borderRadius: 12 },\n m: { padding: 32, width: 300, minHeight: 300, borderRadius: 12 },\n s: { padding: 32, width: 120, minHeight: 120, borderRadius: 12 },\n}\n\nexport const SIZES_ICON_CONTAINER: Record<Size, CSSProperties> = {\n l: { marginLeft: 16 },\n m: { marginLeft: 12 },\n s: { marginLeft: 12 },\n}\n\nexport const SIZES_ICON_CONTAINER_SQUARE: Record<Size, CSSProperties> = {\n l: { marginBottom: 12 },\n m: { marginBottom: 8 },\n s: { marginBottom: 0 },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n l: { fontSize: 28 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n}\n\nexport const SIZES_ICON_SQUARE: Record<Size, CSSProperties> = {\n l: { fontSize: 40 },\n m: { fontSize: 32 },\n s: { fontSize: 40 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n l: { display: 'flex' },\n m: { display: 'flex' },\n s: { display: 'flex' },\n}\n\nexport const SIZES_CONTENT_SQUARE: Record<Size, CSSProperties> = {\n l: { display: 'flex' },\n m: { display: 'flex' },\n s: { display: 'none' },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n l: { fontSize: 18, marginBottom: 4 },\n m: { fontSize: 16, marginBottom: 4 },\n s: { fontSize: 14, marginBottom: 4 },\n}\n\nexport const SIZES_TITLE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n l: { fontSize: 18, marginBottom: 0 },\n m: { fontSize: 16, marginBottom: 0 },\n s: { fontSize: 14, marginBottom: 0 },\n}\n\nexport const SIZES_TITLE_SQUARE: Record<Size, CSSProperties> = {\n l: { fontSize: 24, marginBottom: 16 },\n m: { fontSize: 20, marginBottom: 12 },\n s: {},\n}\n\nexport const SIZES_TITLE_SQUARE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n l: { fontSize: 24, marginBottom: 0 },\n m: { fontSize: 20, marginBottom: 0 },\n s: {},\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n l: { fontSize: 16 },\n m: { fontSize: 14 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_TEXT_SQUARE: Record<Size, CSSProperties> = {\n l: { fontSize: 20 },\n m: { fontSize: 16 },\n s: {},\n}\n"],"names":["l","padding","borderRadius","m","s","display","fontSize","marginLeft","marginBottom","width","minHeight"],"mappings":"2BAGkD,CAChDA,EAAG,CAAEC,QAAS,GAAIC,aAAc,IAChCC,EAAG,CAAEF,QAAS,GAAIC,aAAc,GAChCE,EAAG,CAAEH,QAAS,GAAIC,aAAc,0BAiCwB,CACxDF,EAAG,CAAEK,QAAS,QACdF,EAAG,CAAEE,QAAS,QACdD,EAAG,CAAEC,QAAS,sCAGiD,CAC/DL,EAAG,CAAEK,QAAS,QACdF,EAAG,CAAEE,QAAS,QACdD,EAAG,CAAEC,QAAS,4BArBuC,CACrDL,EAAG,CAAEM,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU,kCAfgD,CAC/DN,EAAG,CAAEO,WAAY,IACjBJ,EAAG,CAAEI,WAAY,IACjBH,EAAG,CAAEG,WAAY,yCAGqD,CACtEP,EAAG,CAAEQ,aAAc,IACnBL,EAAG,CAAEK,aAAc,GACnBJ,EAAG,CAAEI,aAAc,8BASyC,CAC5DR,EAAG,CAAEM,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU,0BA3BwC,CACvDN,EAAG,CAAEC,QAAS,GAAIQ,MAAO,IAAKC,UAAW,IAAKR,aAAc,IAC5DC,EAAG,CAAEF,QAAS,GAAIQ,MAAO,IAAKC,UAAW,IAAKR,aAAc,IAC5DE,EAAG,CAAEH,QAAS,GAAIQ,MAAO,IAAKC,UAAW,IAAKR,aAAc,wBA+DP,CACrDF,EAAG,CAAEM,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU,+BAG6C,CAC5DN,EAAG,CAAEM,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,~~CAAC~~,~~uBAjCkD~~,CACtDJ,EAAG,CAAEM,SAAU,GAAIE,aAAc,GACjCL,EAAG,CAAEG,SAAU,GAAIE,aAAc,GACjCJ,EAAG,CAAEE,SAAU,GAAIE,aAAc,+BAS4B,CAC7DR,EAAG,CAAEM,SAAU,GAAIE,aAAc,IACjCL,EAAG,CAAEG,SAAU,GAAIE,aAAc,IACjCJ,EAAG,~~CAAC~~,~~2CAGsE~~,CAC1EJ,EAAG,CAAEM,SAAU,GAAIE,aAAc,GACjCL,EAAG,CAAEG,SAAU,GAAIE,aAAc,GACjCJ,EAAG,~~CAAC~~,~~oCAf+D~~,CACnEJ,EAAG,CAAEM,SAAU,GAAIE,aAAc,GACjCL,EAAG,CAAEG,SAAU,GAAIE,aAAc,GACjCJ,EAAG,CAAEE,SAAU,GAAIE,aAAc"}
1	+ {"version":3,"file":"sizes.js","sources":["../../../../src/components/AddElement/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n l: { padding: 20, borderRadius: 10 },\n m: { padding: 16, borderRadius: 6 },\n s: { padding: 12, borderRadius: 6 },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n l: { padding: 32, width: 360, minHeight: 360, borderRadius: 12 },\n m: { padding: 32, width: 300, minHeight: 300, borderRadius: 12 },\n s: { padding: 32, width: 120, minHeight: 120, borderRadius: 12 },\n}\n\nexport const SIZES_ICON_CONTAINER: Record<Size, CSSProperties> = {\n l: { marginLeft: 16 },\n m: { marginLeft: 12 },\n s: { marginLeft: 12 },\n}\n\nexport const SIZES_ICON_CONTAINER_SQUARE: Record<Size, CSSProperties> = {\n l: { marginBottom: 12 },\n m: { marginBottom: 8 },\n s: { marginBottom: 0 },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n l: { fontSize: 28 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n}\n\nexport const SIZES_ICON_SQUARE: Record<Size, CSSProperties> = {\n l: { fontSize: 40 },\n m: { fontSize: 32 },\n s: { fontSize: 40 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n l: { display: 'flex' },\n m: { display: 'flex' },\n s: { display: 'flex' },\n}\n\nexport const SIZES_CONTENT_SQUARE: Record<Size, CSSProperties> = {\n l: { display: 'flex' },\n m: { display: 'flex' },\n s: { display: 'none' },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n l: { fontSize: 18, marginBottom: 4 },\n m: { fontSize: 16, marginBottom: 4 },\n s: { fontSize: 14, marginBottom: 4 },\n}\n\nexport const SIZES_TITLE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n l: { fontSize: 18, marginBottom: 0 },\n m: { fontSize: 16, marginBottom: 0 },\n s: { fontSize: 14, marginBottom: 0 },\n}\n\nexport const SIZES_TITLE_SQUARE: Record<Size, CSSProperties> = {\n l: { fontSize: 24, marginBottom: 16 },\n m: { fontSize: 20, marginBottom: 12 },\n s: {},\n}\n\nexport const SIZES_TITLE_SQUARE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n l: { fontSize: 24, marginBottom: 0 },\n m: { fontSize: 20, marginBottom: 0 },\n s: {},\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n l: { fontSize: 16 },\n m: { fontSize: 14 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_TEXT_SQUARE: Record<Size, CSSProperties> = {\n l: { fontSize: 20 },\n m: { fontSize: 16 },\n s: {},\n}\n"],"names":["l","padding","borderRadius","m","s","display","fontSize","marginLeft","marginBottom","width","minHeight"],"mappings":"2BAGkD,CAChDA,EAAG,CAAEC,QAAS,GAAIC,aAAc,IAChCC,EAAG,CAAEF,QAAS,GAAIC,aAAc,GAChCE,EAAG,CAAEH,QAAS,GAAIC,aAAc,0BAiCwB,CACxDF,EAAG,CAAEK,QAAS,QACdF,EAAG,CAAEE,QAAS,QACdD,EAAG,CAAEC,QAAS,sCAGiD,CAC/DL,EAAG,CAAEK,QAAS,QACdF,EAAG,CAAEE,QAAS,QACdD,EAAG,CAAEC,QAAS,4BArBuC,CACrDL,EAAG,CAAEM,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU,kCAfgD,CAC/DN,EAAG,CAAEO,WAAY,IACjBJ,EAAG,CAAEI,WAAY,IACjBH,EAAG,CAAEG,WAAY,yCAGqD,CACtEP,EAAG,CAAEQ,aAAc,IACnBL,EAAG,CAAEK,aAAc,GACnBJ,EAAG,CAAEI,aAAc,8BASyC,CAC5DR,EAAG,CAAEM,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU,0BA3BwC,CACvDN,EAAG,CAAEC,QAAS,GAAIQ,MAAO,IAAKC,UAAW,IAAKR,aAAc,IAC5DC,EAAG,CAAEF,QAAS,GAAIQ,MAAO,IAAKC,UAAW,IAAKR,aAAc,IAC5DE,EAAG,CAAEH,QAAS,GAAIQ,MAAO,IAAKC,UAAW,IAAKR,aAAc,wBA+DP,CACrDF,EAAG,CAAEM,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU,+BAG6C,CAC5DN,EAAG,CAAEM,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAA,uBAjCmD,CACtDJ,EAAG,CAAEM,SAAU,GAAIE,aAAc,GACjCL,EAAG,CAAEG,SAAU,GAAIE,aAAc,GACjCJ,EAAG,CAAEE,SAAU,GAAIE,aAAc,+BAS4B,CAC7DR,EAAG,CAAEM,SAAU,GAAIE,aAAc,IACjCL,EAAG,CAAEG,SAAU,GAAIE,aAAc,IACjCJ,EAAG,CAAA,2CAGuE,CAC1EJ,EAAG,CAAEM,SAAU,GAAIE,aAAc,GACjCL,EAAG,CAAEG,SAAU,GAAIE,aAAc,GACjCJ,EAAG,CAAA,oCAfgE,CACnEJ,EAAG,CAAEM,SAAU,GAAIE,aAAc,GACjCL,EAAG,CAAEG,SAAU,GAAIE,aAAc,GACjCJ,EAAG,CAAEE,SAAU,GAAIE,aAAc"}

package/components/AddElement/sizes.mjs.map CHANGED Viewed

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

package/components/AddElement/style.js.map CHANGED Viewed

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

package/components/AddElement/style.mjs.map CHANGED Viewed

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

package/components/Alert/Alert.js.map CHANGED Viewed

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

package/components/Alert/Alert.mjs.map CHANGED Viewed

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

package/components/Alert/CountdownCircle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountdownCircle.js","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer, onTimerFinish }: CountdownCircleProps) => {\n const [countdown, setCountdown] = useState(timer)\n const finishedRef = useRef<boolean>(false)\n const intervalId = useRef<ReturnType<typeof setInterval>>()\n const progress = (countdown / timer) * 100\n\n useEffect(() => {\n if (!paused && !finishedRef.current) {\n intervalId.current = setInterval(() => {\n setCountdown((prevCountdown) => {\n if (prevCountdown <= progressRate) {\n if (onTimerFinish !== undefined) {\n onTimerFinish()\n }\n\n finishedRef.current = true\n clearInterval(intervalId.current)\n return prevCountdown\n }\n\n return prevCountdown - progressRate\n })\n }, progressRate * 1000)\n }\n\n return () => {\n if (intervalId.current) {\n clearInterval(intervalId.current)\n }\n }\n }, [paused, onTimerFinish])\n\n return (\n <Progress.Circle\n className={className}\n progress={progress}\n progressStartAngle={0}\n resultColor={color}\n size={isCompact ? 16 : 20}\n strokeBGColor={DefaultColorNames.transparent}\n strokeLineWidth={1.5}\n >\n {Math.ceil(countdown)}\n </Progress.Circle>\n )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","className","color","isCompact","paused","timer","onTimerFinish","countdown","setCountdown","useState","finishedRef","useRef","intervalId","progress","useEffect","current","setInterval","prevCountdown","undefined","clearInterval","progressRate","_jsx","~~jsx","~~Progress","Circle","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth","children","Math","ceil"],"mappings":"wMASwBA,EAAGC,YAAWC,QAAOC,YAAWC,SAAQC,QAAOC,oBACrE,MAAOC,EAAWC,GAAgBC,~~MAAQA~~,~~SAACJ~~,GAC3C,MAAMK,EAAcC,~~cAAgB~~,GACpC,MAAMC,EAAaD,MAAAA,SACnB,MAAME,EAAYN,EAAYF,EAAS,IA4BvC,OA1BAS,MAAAA,WAAU,KACHV,GAAWM,EAAYK,UAC1BH,EAAWG,QAAUC,aAAY,KAC/BR,GAAcS,GACRA,GAZO,KAaLX,SAAkBY,GACpBZ,IAGFI,EAAYK,SAAU,EACtBI,cAAcP,EAAWG,SAClBE,GAGFA,EAtBI,KAuBX,GACDG,KAGE,KACDR,EAAWG,SACbI,cAAcP,EAAWG,QAC3B,IAED,CAACX,EAAQE,IAGVe,~~WAAAC~~,IAACC,~~SAAQA~~,~~SAACC~~,OAAM,~~CACdvB~~,UAAWA,EACXY,SAAUA,~~EACVY~~,mBAAoB,EACpBC,~~YAAaxB~~,~~EACbyB~~,~~KAAMxB~~,EAAY,GAAK,~~GACvByB~~,cAAeC,~~OAAiBA~~,~~kBAACC~~,YACjCC,gBAAiB,IAAIC,SAEpBC,KAAKC,~~KAAK3B~~,IACK"}
1	+ {"version":3,"file":"CountdownCircle.js","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer, onTimerFinish }: CountdownCircleProps) => {\n const [countdown, setCountdown] = useState(timer)\n const finishedRef = useRef<boolean>(false)\n const intervalId = useRef<ReturnType<typeof setInterval>>()\n const progress = (countdown / timer) * 100\n\n useEffect(() => {\n if (!paused && !finishedRef.current) {\n intervalId.current = setInterval(() => {\n setCountdown((prevCountdown) => {\n if (prevCountdown <= progressRate) {\n if (onTimerFinish !== undefined) {\n onTimerFinish()\n }\n\n finishedRef.current = true\n clearInterval(intervalId.current)\n return prevCountdown\n }\n\n return prevCountdown - progressRate\n })\n }, progressRate * 1000)\n }\n\n return () => {\n if (intervalId.current) {\n clearInterval(intervalId.current)\n }\n }\n }, [paused, onTimerFinish])\n\n return (\n <Progress.Circle\n className={className}\n progress={progress}\n progressStartAngle={0}\n resultColor={color}\n size={isCompact ? 16 : 20}\n strokeBGColor={DefaultColorNames.transparent}\n strokeLineWidth={1.5}\n >\n {Math.ceil(countdown)}\n </Progress.Circle>\n )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","className","color","isCompact","paused","timer","onTimerFinish","countdown","setCountdown","useState","finishedRef","useRef","intervalId","progress","useEffect","current","setInterval","prevCountdown","undefined","clearInterval","progressRate","_jsx","Progress","Circle","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth","children","Math","ceil"],"mappings":"wMASwBA,EAAGC,YAAWC,QAAOC,YAAWC,SAAQC,QAAOC,oBACrE,MAAOC,EAAWC,GAAgBC,MAAAA,SAASJ,GAC3C,MAAMK,EAAcC,MAAAA,QAAgB,GACpC,MAAMC,EAAaD,MAAAA,SACnB,MAAME,EAAYN,EAAYF,EAAS,IA4BvC,OA1BAS,MAAAA,WAAU,KACHV,GAAWM,EAAYK,UAC1BH,EAAWG,QAAUC,aAAY,KAC/BR,GAAcS,GACRA,GAZO,KAaLX,SAAkBY,GACpBZ,IAGFI,EAAYK,SAAU,EACtBI,cAAcP,EAAWG,SAClBE,GAGFA,EAtBI,KAuBX,GACDG,KAGE,KACDR,EAAWG,SACbI,cAAcP,EAAWG,QAC3B,IAED,CAACX,EAAQE,IAGVe,WAAAA,IAACC,SAAAA,SAASC,OAAM,CACdtB,UAAWA,EACXY,SAAUA,EACVW,mBAAoB,EACpBC,YAAavB,EACbwB,KAAMvB,EAAY,GAAK,GACvBwB,cAAeC,OAAAA,kBAAkBC,YACjCC,gBAAiB,IAAIC,SAEpBC,KAAKC,KAAK1B,IACK"}

package/components/Alert/CountdownCircle.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountdownCircle.mjs","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer, onTimerFinish }: CountdownCircleProps) => {\n const [countdown, setCountdown] = useState(timer)\n const finishedRef = useRef<boolean>(false)\n const intervalId = useRef<ReturnType<typeof setInterval>>()\n const progress = (countdown / timer) * 100\n\n useEffect(() => {\n if (!paused && !finishedRef.current) {\n intervalId.current = setInterval(() => {\n setCountdown((prevCountdown) => {\n if (prevCountdown <= progressRate) {\n if (onTimerFinish !== undefined) {\n onTimerFinish()\n }\n\n finishedRef.current = true\n clearInterval(intervalId.current)\n return prevCountdown\n }\n\n return prevCountdown - progressRate\n })\n }, progressRate * 1000)\n }\n\n return () => {\n if (intervalId.current) {\n clearInterval(intervalId.current)\n }\n }\n }, [paused, onTimerFinish])\n\n return (\n <Progress.Circle\n className={className}\n progress={progress}\n progressStartAngle={0}\n resultColor={color}\n size={isCompact ? 16 : 20}\n strokeBGColor={DefaultColorNames.transparent}\n strokeLineWidth={1.5}\n >\n {Math.ceil(countdown)}\n </Progress.Circle>\n )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","className","color","isCompact","paused","timer","onTimerFinish","countdown","setCountdown","useState","finishedRef","useRef","intervalId","progress","useEffect","current","setInterval","prevCountdown","undefined","clearInterval","progressRate","_jsx","Progress","Circle","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth","children","Math","ceil"],"mappings":"~~qLASMA~~,~~MAAAA~~,gBAAkBA,EAAGC,YAAWC,QAAOC,YAAWC,SAAQC,QAAOC,oBACrE,MAAOC,EAAWC,GAAgBC,SAASJ,GAC3C,MAAMK,EAAcC,QAAgB,GACpC,MAAMC,EAAaD,SACnB,MAAME,EAAYN,EAAYF,EAAS,IA4BvC,OA1BAS,WAAU,KACHV,GAAWM,EAAYK,UAC1BH,EAAWG,QAAUC,aAAY,KAC/BR,GAAcS,GACRA,GAZO,KAaLX,SAAkBY,GACpBZ,IAGFI,EAAYK,SAAU,EACtBI,cAAcP,EAAWG,SAClBE,GAGFA,EAtBI,KAuBX,GACDG,KAGE,KACDR,EAAWG,SACbI,cAAcP,EAAWG,QAC3B,IAED,CAACX,EAAQE,IAGVe,IAACC,SAASC,OAAM,CACdtB,UAAWA,EACXY,SAAUA,EACVW,mBAAoB,EACpBC,YAAavB,EACbwB,KAAMvB,EAAY,GAAK,GACvBwB,cAAeC,kBAAkBC,YACjCC,gBAAiB,IAAIC,SAEpBC,KAAKC,KAAK1B,IACK"}
1	+ {"version":3,"file":"CountdownCircle.mjs","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer, onTimerFinish }: CountdownCircleProps) => {\n const [countdown, setCountdown] = useState(timer)\n const finishedRef = useRef<boolean>(false)\n const intervalId = useRef<ReturnType<typeof setInterval>>()\n const progress = (countdown / timer) * 100\n\n useEffect(() => {\n if (!paused && !finishedRef.current) {\n intervalId.current = setInterval(() => {\n setCountdown((prevCountdown) => {\n if (prevCountdown <= progressRate) {\n if (onTimerFinish !== undefined) {\n onTimerFinish()\n }\n\n finishedRef.current = true\n clearInterval(intervalId.current)\n return prevCountdown\n }\n\n return prevCountdown - progressRate\n })\n }, progressRate * 1000)\n }\n\n return () => {\n if (intervalId.current) {\n clearInterval(intervalId.current)\n }\n }\n }, [paused, onTimerFinish])\n\n return (\n <Progress.Circle\n className={className}\n progress={progress}\n progressStartAngle={0}\n resultColor={color}\n size={isCompact ? 16 : 20}\n strokeBGColor={DefaultColorNames.transparent}\n strokeLineWidth={1.5}\n >\n {Math.ceil(countdown)}\n </Progress.Circle>\n )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","className","color","isCompact","paused","timer","onTimerFinish","countdown","setCountdown","useState","finishedRef","useRef","intervalId","progress","useEffect","current","setInterval","prevCountdown","undefined","clearInterval","progressRate","_jsx","Progress","Circle","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth","children","Math","ceil"],"mappings":"qLASA,MAAMA,gBAAkBA,EAAGC,YAAWC,QAAOC,YAAWC,SAAQC,QAAOC,oBACrE,MAAOC,EAAWC,GAAgBC,SAASJ,GAC3C,MAAMK,EAAcC,QAAgB,GACpC,MAAMC,EAAaD,SACnB,MAAME,EAAYN,EAAYF,EAAS,IA4BvC,OA1BAS,WAAU,KACHV,GAAWM,EAAYK,UAC1BH,EAAWG,QAAUC,aAAY,KAC/BR,GAAcS,GACRA,GAZO,KAaLX,SAAkBY,GACpBZ,IAGFI,EAAYK,SAAU,EACtBI,cAAcP,EAAWG,SAClBE,GAGFA,EAtBI,KAuBX,GACDG,KAGE,KACDR,EAAWG,SACbI,cAAcP,EAAWG,QAC3B,IAED,CAACX,EAAQE,IAGVe,IAACC,SAASC,OAAM,CACdtB,UAAWA,EACXY,SAAUA,EACVW,mBAAoB,EACpBC,YAAavB,EACbwB,KAAMvB,EAAY,GAAK,GACvBwB,cAAeC,kBAAkBC,YACjCC,gBAAiB,IAAIC,SAEpBC,KAAKC,KAAK1B,IACK"}

package/components/Alert/style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.js","sources":["../../../../src/components/Alert/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { focus } from 'mixins/focus'\n\nimport { responsiveProperty } from 'mixins/responsive-property'\n\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\nimport { CountdownCircle } from './CountdownCircle'\n\nimport type {\n ActionsProps,\n AlertType,\n CancelTimerProps,\n CloseIconProps,\n ContentProps,\n ContentWrapperProps,\n CountdownCircleProps,\n IconWrapperProps,\n LinkProps,\n RootAlertProps,\n TitleProps,\n} from './types'\n\nconst bgColor = (theme: DefaultTheme, clear: boolean, type?: AlertType) => {\n if (clear) {\n return theme.colors['bg-onmain-primary']\n }\n\n switch (type) {\n case 'error':\n return theme.colors['alert-bg-error-200']\n case 'info':\n return theme.colors['bg-brand-primary-200']\n case 'success':\n return theme.colors['alert-bg-success-200']\n case 'warning':\n return theme.colors['alert-bg-warning-200']\n default:\n return theme.colors['bg-oncolor-primary']\n }\n}\n\nconst getPaddingY = ({\n column,\n isCompact,\n withImage,\n withTimer,\n}: Pick<RootAlertProps, 'column' \| 'isCompact' \| 'withImage' \| 'withTimer'>) => {\n if (column) return '16px'\n\n if (isCompact) {\n return withTimer ? '5px' : '12px'\n }\n\n return withImage ? '8px' : withTimer ? '2px' : '12px'\n}\n\nconst paddingLeft = ({\n isCompact,\n noIcon,\n size,\n withAction,\n withImage,\n withTitle,\n}: Pick<RootAlertProps, 'isCompact' \| 'noIcon' \| 'size' \| 'withAction' \| 'withImage' \| 'withTitle'>) => {\n if (isCompact) {\n if (withTitle \|\| size === 'l') {\n return withImage \|\| !noIcon ? '16px' : '20px'\n }\n\n return withImage ? '12px' : withAction && noIcon ? '20px' : '16px'\n }\n\n if (withTitle \|\| size === 'l') {\n return withImage \|\| !noIcon ? '16px' : '24px'\n }\n\n return withImage ? '16px' : '20px'\n}\n\nconst paddingRight = ({\n isCompact,\n withCloseIcon,\n withTimer,\n}: Pick<RootAlertProps, 'isCompact' \| 'withCloseIcon' \| 'withTimer'>) => {\n if (withCloseIcon) {\n return isCompact ? '12px' : '16px'\n }\n\n return withTimer ? '8px' : '20px'\n}\n\nconst getMarginRightIconWrapper = ({\n column,\n isCompact,\n withImage,\n}: {\n column: boolean\n isCompact?: boolean\n withImage: boolean\n}) => {\n if (isCompact) return '8px'\n\n return column ? (withImage ? '8px' : '12px') : '8px'\n}\n\nconst getImageSize = ({ column, isCompact }: { column: boolean; isCompact?: boolean }) => {\n if (isCompact) return '20px'\n\n return column ? '28px' : '32px'\n}\n\nconst getActionsMarginTop = ({\n column,\n isCompact,\n withTitle,\n}: {\n column: boolean\n isCompact?: boolean\n withTitle: boolean\n}) => {\n if (column) {\n return isCompact ? (withTitle ? '16px' : '8px') : '16px'\n }\n\n return 0\n}\n\nexport const Root = styled.div.withConfig<RootAlertProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'onMouseEnter', 'onMouseLeave', 'style'].includes(prop),\n})`\n ${(props) => `\n display: flex;\n align-items: ${props.column \|\| (props.isCompact ? !props.withTimer : props.textWrap) ? 'flex-start' : 'center'};\n justify-content: ${props.withTimer ? 'space-between' : 'flex-start'};\n padding-top: ${getPaddingY(props)};\n padding-right: ${paddingRight(props)};\n padding-bottom: ${getPaddingY(props)};\n padding-left: ${paddingLeft(props)};\n height: ${props.isCompact \|\| props.column \|\| props.textWrap ? 'auto' : '48px'};\n min-width: ${props.isCompact ? '304px' : 'auto'};\n max-width: ${props.isCompact ? '351px' : '100%'};\n border-radius: ${props.column ? (props.isCompact ? '20px' : '12px') : '30px'};\n background-color: ${bgColor(props.theme, !!props.clear, props.type)};\n box-shadow: ${props.clear ? '0 6px 20px 0 rgba(0, 0, 0, 0.1)' : 'none'};\n box-sizing: border-box;\n `}\n ${responsiveProperty('width', 'width')}\n`\n\nexport const IconWrapper = styled.div<IconWrapperProps>`\n ${(props) => `\n display: flex;\n margin-right: ${getMarginRightIconWrapper(props)};\n `}\n\n ${(props) =>\n props.withImage\n ? `\n img,\n svg {\n height: ${getImageSize(props)};\n width: ${getImageSize(props)};\n }\n `\n : null};\n`\n\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n ${(props) => `\n display: flex;\n margin-right: auto;\n flex-direction: ${props.column ? 'column' : 'row'};\n align-items: ${props.column ? 'flex-start' : 'center'};\n align-self: center;\n max-width: ${props.column ? '260px' : 'initial'};\n white-space: ${props.column \|\| props.isCompact ? 'normal' : 'nowrap'};\n overflow: hidden;\n `}\n`\n\nexport const Title = styled(Text)<TitleProps>`\n ${(props) => `\n display: inline-block;\n margin-top: ${props.isCompact ? '0' : '2px'};\n margin-bottom: 8px;\n max-width: 100%;\n vertical-align: middle;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: 700;\n overflow: hidden;\n `}\n`\n\nexport const Content = styled(Text)<ContentProps>`\n ${(props) => `\n text-overflow: ${props.column \|\| props.isCompact ? 'clip' : 'ellipsis'};\n white-space: ${props.column \|\| props.isCompact \|\| props.textWrap ? 'pre-wrap' : 'inherit'};\n overflow: hidden;\n `}\n`\n\nexport const Link = styled.div<LinkProps>`\n ${(props) => `\n display: flex;\n margin-top: ${props.column ? (props.isCompact && !props.withTitle ? '4px' : '12px') : 0};\n margin-left: ${props.column ? 0 : '60px'};\n color: ${props.clear ? props.theme.colors['content-link'] : props.theme.colors['content-onmain-primary']};\n `}\n`\n\nexport const Actions = styled.div<ActionsProps>`\n ${(props) => `\n margin-top: ${getActionsMarginTop(props)};\n margin-left: ${props.column ? 0 : '60px'};\n `}\n`\n\nexport const CloseIcon = styled.button<CloseIconProps>`\n ${(props) => `\n appearance: none;\n display: flex;\n margin-left: ${props.withTimer ? '0' : '16px'};\n border-radius: 0;\n background: none;\n box-shadow: none;\n padding: 0;\n border: none;\n cursor: pointer;\n border-radius: 50%;\n `}\n ${focus}\n`\n\nexport const CancelTimer = styled(Button)<CancelTimerProps>`\n ${(props) => `\n margin-left: ${props.isCompact ? '28px' : '60px'};\n padding-right: ${props.isCompact ? '16px' : '28px'};\n padding-left: ${props.isCompact ? '16px' : '28px'};\n `}\n`\n\nexport const Timer = styled(CountdownCircle)<CountdownCircleProps>`\n ${(props) => `\n line-height: ${props.isCompact ? '12px' : '18px'};\n font-weight: ${props.isCompact ? '700' : '400'};\n font-size: ${props.isCompact ? '11px' : '14px'};\n color: ${props.color};\n\n svg {\n transform: rotateY(180deg);\n }\n `}\n`\n"],"names":["getPaddingY","column","isCompact","withImage","withTimer","getImageSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","textWrap","paddingRight","withCloseIcon","paddingLeft","noIcon","size","withAction","withTitle","bgColor","theme","clear","type","colors","responsiveProperty","IconWrapper","getMarginRightIconWrapper","ContentWrapper","Title","default","Text","Content","Link","Actions","getActionsMarginTop","CloseIcon","button","focus","CancelTimer","Button","Timer","CountdownCircle","color"],"mappings":"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"}
1	+ {"version":3,"file":"style.js","sources":["../../../../src/components/Alert/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { focus } from 'mixins/focus'\n\nimport { responsiveProperty } from 'mixins/responsive-property'\n\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\nimport { CountdownCircle } from './CountdownCircle'\n\nimport type {\n ActionsProps,\n AlertType,\n CancelTimerProps,\n CloseIconProps,\n ContentProps,\n ContentWrapperProps,\n CountdownCircleProps,\n IconWrapperProps,\n LinkProps,\n RootAlertProps,\n TitleProps,\n} from './types'\n\nconst bgColor = (theme: DefaultTheme, clear: boolean, type?: AlertType) => {\n if (clear) {\n return theme.colors['bg-onmain-primary']\n }\n\n switch (type) {\n case 'error':\n return theme.colors['alert-bg-error-200']\n case 'info':\n return theme.colors['bg-brand-primary-200']\n case 'success':\n return theme.colors['alert-bg-success-200']\n case 'warning':\n return theme.colors['alert-bg-warning-200']\n default:\n return theme.colors['bg-oncolor-primary']\n }\n}\n\nconst getPaddingY = ({\n column,\n isCompact,\n withImage,\n withTimer,\n}: Pick<RootAlertProps, 'column' \| 'isCompact' \| 'withImage' \| 'withTimer'>) => {\n if (column) return '16px'\n\n if (isCompact) {\n return withTimer ? '5px' : '12px'\n }\n\n return withImage ? '8px' : withTimer ? '2px' : '12px'\n}\n\nconst paddingLeft = ({\n isCompact,\n noIcon,\n size,\n withAction,\n withImage,\n withTitle,\n}: Pick<RootAlertProps, 'isCompact' \| 'noIcon' \| 'size' \| 'withAction' \| 'withImage' \| 'withTitle'>) => {\n if (isCompact) {\n if (withTitle \|\| size === 'l') {\n return withImage \|\| !noIcon ? '16px' : '20px'\n }\n\n return withImage ? '12px' : withAction && noIcon ? '20px' : '16px'\n }\n\n if (withTitle \|\| size === 'l') {\n return withImage \|\| !noIcon ? '16px' : '24px'\n }\n\n return withImage ? '16px' : '20px'\n}\n\nconst paddingRight = ({\n isCompact,\n withCloseIcon,\n withTimer,\n}: Pick<RootAlertProps, 'isCompact' \| 'withCloseIcon' \| 'withTimer'>) => {\n if (withCloseIcon) {\n return isCompact ? '12px' : '16px'\n }\n\n return withTimer ? '8px' : '20px'\n}\n\nconst getMarginRightIconWrapper = ({\n column,\n isCompact,\n withImage,\n}: {\n column: boolean\n isCompact?: boolean\n withImage: boolean\n}) => {\n if (isCompact) return '8px'\n\n return column ? (withImage ? '8px' : '12px') : '8px'\n}\n\nconst getImageSize = ({ column, isCompact }: { column: boolean; isCompact?: boolean }) => {\n if (isCompact) return '20px'\n\n return column ? '28px' : '32px'\n}\n\nconst getActionsMarginTop = ({\n column,\n isCompact,\n withTitle,\n}: {\n column: boolean\n isCompact?: boolean\n withTitle: boolean\n}) => {\n if (column) {\n return isCompact ? (withTitle ? '16px' : '8px') : '16px'\n }\n\n return 0\n}\n\nexport const Root = styled.div.withConfig<RootAlertProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'onMouseEnter', 'onMouseLeave', 'style'].includes(prop),\n})`\n ${(props) => `\n display: flex;\n align-items: ${props.column \|\| (props.isCompact ? !props.withTimer : props.textWrap) ? 'flex-start' : 'center'};\n justify-content: ${props.withTimer ? 'space-between' : 'flex-start'};\n padding-top: ${getPaddingY(props)};\n padding-right: ${paddingRight(props)};\n padding-bottom: ${getPaddingY(props)};\n padding-left: ${paddingLeft(props)};\n height: ${props.isCompact \|\| props.column \|\| props.textWrap ? 'auto' : '48px'};\n min-width: ${props.isCompact ? '304px' : 'auto'};\n max-width: ${props.isCompact ? '351px' : '100%'};\n border-radius: ${props.column ? (props.isCompact ? '20px' : '12px') : '30px'};\n background-color: ${bgColor(props.theme, !!props.clear, props.type)};\n box-shadow: ${props.clear ? '0 6px 20px 0 rgba(0, 0, 0, 0.1)' : 'none'};\n box-sizing: border-box;\n `}\n ${responsiveProperty('width', 'width')}\n`\n\nexport const IconWrapper = styled.div<IconWrapperProps>`\n ${(props) => `\n display: flex;\n margin-right: ${getMarginRightIconWrapper(props)};\n `}\n\n ${(props) =>\n props.withImage\n ? `\n img,\n svg {\n height: ${getImageSize(props)};\n width: ${getImageSize(props)};\n }\n `\n : null};\n`\n\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n ${(props) => `\n display: flex;\n margin-right: auto;\n flex-direction: ${props.column ? 'column' : 'row'};\n align-items: ${props.column ? 'flex-start' : 'center'};\n align-self: center;\n max-width: ${props.column ? '260px' : 'initial'};\n white-space: ${props.column \|\| props.isCompact ? 'normal' : 'nowrap'};\n overflow: hidden;\n `}\n`\n\nexport const Title = styled(Text)<TitleProps>`\n ${(props) => `\n display: inline-block;\n margin-top: ${props.isCompact ? '0' : '2px'};\n margin-bottom: 8px;\n max-width: 100%;\n vertical-align: middle;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: 700;\n overflow: hidden;\n `}\n`\n\nexport const Content = styled(Text)<ContentProps>`\n ${(props) => `\n text-overflow: ${props.column \|\| props.isCompact ? 'clip' : 'ellipsis'};\n white-space: ${props.column \|\| props.isCompact \|\| props.textWrap ? 'pre-wrap' : 'inherit'};\n overflow: hidden;\n `}\n`\n\nexport const Link = styled.div<LinkProps>`\n ${(props) => `\n display: flex;\n margin-top: ${props.column ? (props.isCompact && !props.withTitle ? '4px' : '12px') : 0};\n margin-left: ${props.column ? 0 : '60px'};\n color: ${props.clear ? props.theme.colors['content-link'] : props.theme.colors['content-onmain-primary']};\n `}\n`\n\nexport const Actions = styled.div<ActionsProps>`\n ${(props) => `\n margin-top: ${getActionsMarginTop(props)};\n margin-left: ${props.column ? 0 : '60px'};\n `}\n`\n\nexport const CloseIcon = styled.button<CloseIconProps>`\n ${(props) => `\n appearance: none;\n display: flex;\n margin-left: ${props.withTimer ? '0' : '16px'};\n border-radius: 0;\n background: none;\n box-shadow: none;\n padding: 0;\n border: none;\n cursor: pointer;\n border-radius: 50%;\n `}\n ${focus}\n`\n\nexport const CancelTimer = styled(Button)<CancelTimerProps>`\n ${(props) => `\n margin-left: ${props.isCompact ? '28px' : '60px'};\n padding-right: ${props.isCompact ? '16px' : '28px'};\n padding-left: ${props.isCompact ? '16px' : '28px'};\n `}\n`\n\nexport const Timer = styled(CountdownCircle)<CountdownCircleProps>`\n ${(props) => `\n line-height: ${props.isCompact ? '12px' : '18px'};\n font-weight: ${props.isCompact ? '700' : '400'};\n font-size: ${props.isCompact ? '11px' : '14px'};\n color: ${props.color};\n\n svg {\n transform: rotateY(180deg);\n }\n `}\n`\n"],"names":["getPaddingY","column","isCompact","withImage","withTimer","getImageSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","textWrap","paddingRight","withCloseIcon","paddingLeft","noIcon","size","withAction","withTitle","bgColor","theme","clear","type","colors","responsiveProperty","IconWrapper","getMarginRightIconWrapper","ContentWrapper","Title","Text","Content","Link","Actions","getActionsMarginTop","CloseIcon","button","focus","CancelTimer","Button","Timer","CountdownCircle","color"],"mappings":"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"}