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

package/components/AccordionItem/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/AccordionItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps } from 'shared/interfaces'\nimport { hover } from 'mixins/hover'\nimport type { Size, AccordionItemPalette, StyledAccordionItemProps } from './types'\n\nconst shouldForwardAccordionItemProp = createShouldForwardProp(\n  (propKey) => !['expanded', 'disabled', 'loading', 'borderRadius'].includes(propKey)\n)\n\nconst shouldForwardAccordionItemCommonProp = createShouldForwardProp()\n\nexport const Heading = styled.h3`\n  box-sizing: border-box;\n  display: flex;\n  margin: 0;\n  padding: ${focus.padding}px;\n  border-radius: inherit;\n  font: inherit;\n  transition-property: color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n`\n\nconst template = (palette: AccordionItemPalette) => `\n  background-color: ${palette.backgroundColor};\n\n  & ${Heading} {\n    color: ${palette.headerColor};\n    background-color: ${palette.headerBackgroundColor};\n  }\n  ${hover(`color: ${palette.headerColorHover};`, `& ${Heading}:hover`)}\n`\n\nconst COLOR_SCHEMA = {\n  primary: {\n    default: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColor ?? props.theme.colors['content-onmain-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor: props.palette.headerBackgroundColor ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColor ?? props.theme.colors['bg-onmain-primary'],\n        })}\n    `,\n    expanded: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor:\n            props.palette.headerBackgroundColorExpanded ??\n            props.palette.headerBackgroundColor ??\n            props.theme.colors.transparent,\n          backgroundColor:\n            props.palette.backgroundColorExpanded ??\n            props.palette.backgroundColor ??\n            props.theme.colors['bg-onmain-primary'],\n        })}\n    `,\n    disabled: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerColorHover: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerBackgroundColor: props.palette.headerBackgroundColorDisabled ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-onmain-primary'],\n        })}\n    `,\n  },\n  secondary: {\n    default: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColor ?? props.theme.colors['content-onmain-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor: props.palette.headerBackgroundColor ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColor ?? props.theme.colors['bg-onmain-secondary'],\n        })}\n    `,\n    expanded: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor:\n            props.palette.headerBackgroundColorExpanded ??\n            props.palette.headerBackgroundColor ??\n            props.theme.colors.transparent,\n          backgroundColor:\n            props.palette.backgroundColorExpanded ??\n            props.palette.backgroundColor ??\n            props.theme.colors['bg-onmain-secondary'],\n        })}\n    `,\n    disabled: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerColorHover: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerBackgroundColor: props.palette.headerBackgroundColorDisabled ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-onmain-secondary'],\n        })}\n    `,\n  },\n  transparent: {\n    default: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColor ?? props.theme.colors['content-onmain-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor: props.palette.headerBackgroundColor ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n        })}\n    `,\n    expanded: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor:\n            props.palette.headerBackgroundColorExpanded ??\n            props.palette.headerBackgroundColor ??\n            props.theme.colors.transparent,\n          backgroundColor:\n            props.palette.backgroundColorExpanded ?? props.palette.backgroundColor ?? props.theme.colors.transparent,\n        })}\n    `,\n    disabled: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerColorHover: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerBackgroundColor: props.palette.headerBackgroundColorDisabled ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n        })}\n    `,\n  },\n}\n\nexport const Panel = styled.div`\n  box-sizing: border-box;\n  overflow: hidden;\n  transition-property: opacity;\n`\n\nexport const Button = styled.button`\n  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n  appearance: none;\n  border: none;\n  margin: 0;\n  padding: 0;\n  color: inherit;\n  background-color: transparent;\n  font: inherit;\n  cursor: inherit;\n  text-align: left;\n\n  ${focus}\n`\n\nexport const Root = styled.section.withConfig<StyledAccordionItemProps>({\n  shouldForwardProp: shouldForwardAccordionItemProp,\n})`\n  box-sizing: border-box;\n  display: grid;\n  transition-property: grid-template-rows;\n\n  &,\n  & > ${Panel} {\n    transition-timing-function: cubic-bezier(0.42, 0, 0.75, 1);\n    transition-duration: 250ms;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 0ms;\n  }\n\n  ${(props) =>\n    props.expanded\n      ? `\n        grid-template-rows: 0fr 1fr;\n        & > ${Panel} {\n          opacity: 1;\n        }\n      `\n      : `\n        grid-template-rows: 0fr 0fr;\n        & > ${Panel} {\n          opacity: 0;\n        }\n      `}\n\n  ${(props) => `\n    border-radius: ${props.borderRadius}px;\n    \n    & ${Button} {\n      border-radius: ${props.borderRadius > focus.padding ? props.borderRadius - focus.padding : 0}px;\n    }\n    \n    & ${Heading} {\n      cursor: ${props.loading ? 'wait' : props.disabled ? 'not-allowed' : 'pointer'};\n    }\n  `}\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.transparent\n\n    if (props.primary) {\n      schema = COLOR_SCHEMA.primary\n    }\n    if (props.secondary) {\n      schema = COLOR_SCHEMA.secondary\n    }\n\n    if (props.disabled) return schema.disabled\n    if (props.expanded) return schema.expanded\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Header = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardAccordionItemCommonProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n\n  & > *:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  ${responsiveSize}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: center;\n  flex-grow: 1;\n`\n\nexport const IconAnimation = styled.span.withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-self: flex-start;\n  flex-shrink: 0;\n  transition-property: transform;\n  transition-duration: 250ms;\n  transform-origin: center;\n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 0ms;\n  }\n  ${(props) => `\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const Details = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardAccordionItemCommonProp,\n})`\n  box-sizing: border-box;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardAccordionItemProp","createShouldForwardProp","propKey","includes","shouldForwardAccordionItemCommonProp","Heading","styled","h3","withConfig","displayName","componentId","focus","padding","template","palette","backgroundColor","headerColor","headerBackgroundColor","hover","headerColorHover","COLOR_SCHEMA","primary","default","css","props","theme","colors","headerColorExpanded","transparent","expanded","headerBackgroundColorExpanded","backgroundColorExpanded","disabled","headerColorDisabled","headerBackgroundColorDisabled","backgroundColorDisabled","secondary","Panel","div","Button","button","Root","section","shouldForwardProp","borderRadius","loading","schema","responsiveSize","responsiveMargin","Header","span","Content","IconAnimation","up","Details"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/AccordionItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps } from 'shared/interfaces'\nimport { hover } from 'mixins/hover'\nimport type { Size, AccordionItemPalette, StyledAccordionItemProps } from './types'\n\nconst shouldForwardAccordionItemProp = createShouldForwardProp(\n  (propKey) => !['expanded', 'disabled', 'loading', 'borderRadius'].includes(propKey)\n)\n\nconst shouldForwardAccordionItemCommonProp = createShouldForwardProp()\n\nexport const Heading = styled.h3`\n  box-sizing: border-box;\n  display: flex;\n  margin: 0;\n  padding: ${focus.padding}px;\n  border-radius: inherit;\n  font: inherit;\n  transition-property: color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n`\n\nconst template = (palette: AccordionItemPalette) => `\n  background-color: ${palette.backgroundColor};\n\n  & ${Heading} {\n    color: ${palette.headerColor};\n    background-color: ${palette.headerBackgroundColor};\n  }\n  ${hover(`color: ${palette.headerColorHover};`, `& ${Heading}:hover`)}\n`\n\nconst COLOR_SCHEMA = {\n  primary: {\n    default: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColor ?? props.theme.colors['content-onmain-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor: props.palette.headerBackgroundColor ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColor ?? props.theme.colors['bg-onmain-primary'],\n        })}\n    `,\n    expanded: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor:\n            props.palette.headerBackgroundColorExpanded ??\n            props.palette.headerBackgroundColor ??\n            props.theme.colors.transparent,\n          backgroundColor:\n            props.palette.backgroundColorExpanded ??\n            props.palette.backgroundColor ??\n            props.theme.colors['bg-onmain-primary'],\n        })}\n    `,\n    disabled: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerColorHover: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerBackgroundColor: props.palette.headerBackgroundColorDisabled ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-onmain-primary'],\n        })}\n    `,\n  },\n  secondary: {\n    default: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColor ?? props.theme.colors['content-onmain-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor: props.palette.headerBackgroundColor ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColor ?? props.theme.colors['bg-onmain-secondary'],\n        })}\n    `,\n    expanded: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor:\n            props.palette.headerBackgroundColorExpanded ??\n            props.palette.headerBackgroundColor ??\n            props.theme.colors.transparent,\n          backgroundColor:\n            props.palette.backgroundColorExpanded ??\n            props.palette.backgroundColor ??\n            props.theme.colors['bg-onmain-secondary'],\n        })}\n    `,\n    disabled: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerColorHover: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerBackgroundColor: props.palette.headerBackgroundColorDisabled ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-onmain-secondary'],\n        })}\n    `,\n  },\n  transparent: {\n    default: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColor ?? props.theme.colors['content-onmain-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor: props.palette.headerBackgroundColor ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColor ?? props.theme.colors.transparent,\n        })}\n    `,\n    expanded: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerColorHover:\n            props.palette.headerColorExpanded ??\n            props.palette.headerColor ??\n            props.theme.colors['content-brand-primary'],\n          headerBackgroundColor:\n            props.palette.headerBackgroundColorExpanded ??\n            props.palette.headerBackgroundColor ??\n            props.theme.colors.transparent,\n          backgroundColor:\n            props.palette.backgroundColorExpanded ?? props.palette.backgroundColor ?? props.theme.colors.transparent,\n        })}\n    `,\n    disabled: css<StyledAccordionItemProps>`\n      ${(props) =>\n        template({\n          headerColor: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerColorHover: props.palette.headerColorDisabled ?? props.theme.colors['content-disabled'],\n          headerBackgroundColor: props.palette.headerBackgroundColorDisabled ?? props.theme.colors.transparent,\n          backgroundColor: props.palette.backgroundColorDisabled ?? props.theme.colors.transparent,\n        })}\n    `,\n  },\n}\n\nexport const Panel = styled.div`\n  box-sizing: border-box;\n  overflow: hidden;\n  transition-property: opacity;\n`\n\nexport const Button = styled.button`\n  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n  appearance: none;\n  border: none;\n  margin: 0;\n  padding: 0;\n  color: inherit;\n  background-color: transparent;\n  font: inherit;\n  cursor: inherit;\n  text-align: left;\n\n  ${focus}\n`\n\nexport const Root = styled.section.withConfig<StyledAccordionItemProps>({\n  shouldForwardProp: shouldForwardAccordionItemProp,\n})`\n  box-sizing: border-box;\n  display: grid;\n  transition-property: grid-template-rows;\n\n  &,\n  & > ${Panel} {\n    transition-timing-function: cubic-bezier(0.42, 0, 0.75, 1);\n    transition-duration: 250ms;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 0ms;\n  }\n\n  ${(props) =>\n    props.expanded\n      ? `\n        grid-template-rows: 0fr 1fr;\n        & > ${Panel} {\n          opacity: 1;\n        }\n      `\n      : `\n        grid-template-rows: 0fr 0fr;\n        & > ${Panel} {\n          opacity: 0;\n        }\n      `}\n\n  ${(props) => `\n    border-radius: ${props.borderRadius}px;\n    \n    & ${Button} {\n      border-radius: ${props.borderRadius > focus.padding ? props.borderRadius - focus.padding : 0}px;\n    }\n    \n    & ${Heading} {\n      cursor: ${props.loading ? 'wait' : props.disabled ? 'not-allowed' : 'pointer'};\n    }\n  `}\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.transparent\n\n    if (props.primary) {\n      schema = COLOR_SCHEMA.primary\n    }\n    if (props.secondary) {\n      schema = COLOR_SCHEMA.secondary\n    }\n\n    if (props.disabled) return schema.disabled\n    if (props.expanded) return schema.expanded\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Header = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardAccordionItemCommonProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n\n  & > *:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  ${responsiveSize}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: center;\n  flex-grow: 1;\n`\n\nexport const IconAnimation = styled.span.withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-self: flex-start;\n  flex-shrink: 0;\n  transition-property: transform;\n  transition-duration: 250ms;\n  transform-origin: center;\n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 0ms;\n  }\n  ${(props) => `\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const Details = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardAccordionItemCommonProp,\n})`\n  box-sizing: border-box;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardAccordionItemProp","createShouldForwardProp","propKey","includes","shouldForwardAccordionItemCommonProp","Heading","styled","h3","withConfig","displayName","componentId","focus","padding","template","palette","backgroundColor","headerColor","headerBackgroundColor","hover","headerColorHover","COLOR_SCHEMA","primary","default","css","props","theme","colors","headerColorExpanded","transparent","expanded","headerBackgroundColorExpanded","backgroundColorExpanded","disabled","headerColorDisabled","headerBackgroundColorDisabled","backgroundColorDisabled","secondary","Panel","div","Button","button","Root","section","shouldForwardProp","borderRadius","loading","schema","responsiveSize","responsiveMargin","Header","span","Content","IconAnimation","up","Details"],"mappings":"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"}

package/components/AccordionItem/useAccordionPanel.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var accordion=require('../../shared/context/accordion.js');exports.useAccordionPanel=({defaultExpanded:e=!1,id:n,expanded:a,onExpandedChange:t})=>{const d=React.useContext(accordion.AccordionPanelsContext);const[c,o]=React.useState(a??e);const r=d!==null&&typeof n=='string';return React.useLayoutEffect((()=>{r||a===void 0||o(a)}),[r,a]),{panelExpanded:r?d.expandedPanels.includes(n):c,setPanelExpanded:e=>{r?d.updatePanels(n,e):(a===void 0&&o(e),t&&t(e))}}};
+'use strict';var React=require('react');var accordion=require('../../shared/context/accordion.js');exports.useAccordionPanel=({defaultExpanded:e=!1,id:n,expanded:a,onExpandedChange:t})=>{const d=React.useContext(accordion.AccordionPanelsContext);const[c,o]=React.useState(a??e);const r=d!==null&&typeof n=='string';return React.useLayoutEffect(()=>{r||a===void 0||o(a)},[r,a]),{panelExpanded:r?d.expandedPanels.includes(n):c,setPanelExpanded:e=>{r?d.updatePanels(n,e):(a===void 0&&o(e),t&&t(e))}}};
 //# sourceMappingURL=useAccordionPanel.js.map

package/components/AccordionItem/useAccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAccordionPanel.js","sources":["../../../../src/components/AccordionItem/useAccordionPanel.ts"],"sourcesContent":["import { useContext, useState, useLayoutEffect } from 'react'\nimport { AccordionPanelsContext } from 'shared/context/accordion'\nimport type { AccordionItemProps } from './types'\n\nexport const useAccordionPanel = ({\n  defaultExpanded = false,\n  id,\n  expanded,\n  onExpandedChange,\n}: Pick<AccordionItemProps, 'id' | 'expanded' | 'defaultExpanded' | 'onExpandedChange'>): {\n  panelExpanded: boolean\n  setPanelExpanded: (update: boolean) => void\n} => {\n  const context = useContext(AccordionPanelsContext)\n\n  const [panelExpandedLocal, setPanelExpandedLocal] = useState<boolean>(expanded ?? defaultExpanded)\n\n  const contextEnabled = context !== null && typeof id === 'string'\n\n  useLayoutEffect(() => {\n    if (!contextEnabled && expanded !== undefined) {\n      setPanelExpandedLocal(expanded)\n    }\n  }, [contextEnabled, expanded])\n\n  return {\n    panelExpanded: contextEnabled ? context.expandedPanels.includes(id) : panelExpandedLocal,\n    setPanelExpanded: (update) => {\n      if (contextEnabled) {\n        context.updatePanels(id, update)\n      } else {\n        if (expanded === undefined) setPanelExpandedLocal(update)\n        if (onExpandedChange) onExpandedChange(update)\n      }\n    },\n  }\n}\n"],"names":["useAccordionPanel","defaultExpanded","id","expanded","onExpandedChange","context","useContext","AccordionPanelsContext","panelExpandedLocal","setPanelExpandedLocal","useState","contextEnabled","useLayoutEffect","undefined","panelExpanded","expandedPanels","includes","setPanelExpanded","update","updatePanels"],"mappings":"6HAIiCA,EAC/BC,mBAAkB,EAClBC,KACAC,WACAC,uBAKA,MAAMC,EAAUC,MAAAA,WAAWC,kCAE3B,MAAOC,EAAoBC,GAAyBC,MAAAA,SAAkBP,GAAYF,GAElF,MAAMU,EAAiBN,IAAY,aAAeH,GAAO,SAQzD,OANAU,MAAAA,iBAAgB,KACTD,GAAkBR,SAAaU,GAClCJ,EAAsBN,EACxB,GACC,CAACQ,EAAgBR,IAEb,CACLW,cAAeH,EAAiBN,EAAQU,eAAeC,SAASd,GAAMM,EACtES,iBAAmBC,IACbP,EACFN,EAAQc,aAAajB,EAAIgB,IAErBf,SAAaU,GAAWJ,EAAsBS,GAC9Cd,GAAkBA,EAAiBc,GACzC,EAEH"}
+{"version":3,"file":"useAccordionPanel.js","sources":["../../../../src/components/AccordionItem/useAccordionPanel.ts"],"sourcesContent":["import { useContext, useState, useLayoutEffect } from 'react'\nimport { AccordionPanelsContext } from 'shared/context/accordion'\nimport type { AccordionItemProps } from './types'\n\nexport const useAccordionPanel = ({\n  defaultExpanded = false,\n  id,\n  expanded,\n  onExpandedChange,\n}: Pick<AccordionItemProps, 'id' | 'expanded' | 'defaultExpanded' | 'onExpandedChange'>): {\n  panelExpanded: boolean\n  setPanelExpanded: (update: boolean) => void\n} => {\n  const context = useContext(AccordionPanelsContext)\n\n  const [panelExpandedLocal, setPanelExpandedLocal] = useState<boolean>(expanded ?? defaultExpanded)\n\n  const contextEnabled = context !== null && typeof id === 'string'\n\n  useLayoutEffect(() => {\n    if (!contextEnabled && expanded !== undefined) {\n      setPanelExpandedLocal(expanded)\n    }\n  }, [contextEnabled, expanded])\n\n  return {\n    panelExpanded: contextEnabled ? context.expandedPanels.includes(id) : panelExpandedLocal,\n    setPanelExpanded: (update) => {\n      if (contextEnabled) {\n        context.updatePanels(id, update)\n      } else {\n        if (expanded === undefined) setPanelExpandedLocal(update)\n        if (onExpandedChange) onExpandedChange(update)\n      }\n    },\n  }\n}\n"],"names":["useAccordionPanel","defaultExpanded","id","expanded","onExpandedChange","context","useContext","AccordionPanelsContext","panelExpandedLocal","setPanelExpandedLocal","useState","contextEnabled","useLayoutEffect","undefined","panelExpanded","expandedPanels","includes","setPanelExpanded","update","updatePanels"],"mappings":"6HAIiCA,EAC/BC,mBAAkB,EAClBC,KACAC,WACAC,uBAKA,MAAMC,EAAUC,MAAAA,WAAWC,kCAE3B,MAAOC,EAAoBC,GAAyBC,MAAAA,SAAkBP,GAAYF,GAElF,MAAMU,EAAiBN,IAAY,aAAeH,GAAO,SAQzD,OANAU,MAAAA,gBAAgB,KACTD,GAAkBR,SAAaU,GAClCJ,EAAsBN,IAEvB,CAACQ,EAAgBR,IAEb,CACLW,cAAeH,EAAiBN,EAAQU,eAAeC,SAASd,GAAMM,EACtES,iBAAmBC,IACbP,EACFN,EAAQc,aAAajB,EAAIgB,IAErBf,SAAaU,GAAWJ,EAAsBS,GAC9Cd,GAAkBA,EAAiBc"}

package/components/AccordionItem/useAccordionPanel.mjs

@@ -1,2 +1,2 @@
-import{useContext,useState,useLayoutEffect}from'react';import{AccordionPanelsContext}from'../../shared/context/accordion.mjs';const useAccordionPanel=({defaultExpanded:e=!1,id:n,expanded:t,onExpandedChange:o})=>{const a=useContext(AccordionPanelsContext);const[d,s]=useState(t??e);const c=a!==null&&typeof n=='string';return useLayoutEffect((()=>{c||t===void 0||s(t)}),[c,t]),{panelExpanded:c?a.expandedPanels.includes(n):d,setPanelExpanded:e=>{c?a.updatePanels(n,e):(t===void 0&&s(e),o&&o(e))}}};export{useAccordionPanel};
+import{useContext,useState,useLayoutEffect}from'react';import{AccordionPanelsContext}from'../../shared/context/accordion.mjs';const useAccordionPanel=({defaultExpanded:e=!1,id:n,expanded:t,onExpandedChange:o})=>{const a=useContext(AccordionPanelsContext);const[d,s]=useState(t??e);const c=a!==null&&typeof n=='string';return useLayoutEffect(()=>{c||t===void 0||s(t)},[c,t]),{panelExpanded:c?a.expandedPanels.includes(n):d,setPanelExpanded:e=>{c?a.updatePanels(n,e):(t===void 0&&s(e),o&&o(e))}}};export{useAccordionPanel};
 //# sourceMappingURL=useAccordionPanel.mjs.map

package/components/AccordionItem/useAccordionPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAccordionPanel.mjs","sources":["../../../../src/components/AccordionItem/useAccordionPanel.ts"],"sourcesContent":["import { useContext, useState, useLayoutEffect } from 'react'\nimport { AccordionPanelsContext } from 'shared/context/accordion'\nimport type { AccordionItemProps } from './types'\n\nexport const useAccordionPanel = ({\n  defaultExpanded = false,\n  id,\n  expanded,\n  onExpandedChange,\n}: Pick<AccordionItemProps, 'id' | 'expanded' | 'defaultExpanded' | 'onExpandedChange'>): {\n  panelExpanded: boolean\n  setPanelExpanded: (update: boolean) => void\n} => {\n  const context = useContext(AccordionPanelsContext)\n\n  const [panelExpandedLocal, setPanelExpandedLocal] = useState<boolean>(expanded ?? defaultExpanded)\n\n  const contextEnabled = context !== null && typeof id === 'string'\n\n  useLayoutEffect(() => {\n    if (!contextEnabled && expanded !== undefined) {\n      setPanelExpandedLocal(expanded)\n    }\n  }, [contextEnabled, expanded])\n\n  return {\n    panelExpanded: contextEnabled ? context.expandedPanels.includes(id) : panelExpandedLocal,\n    setPanelExpanded: (update) => {\n      if (contextEnabled) {\n        context.updatePanels(id, update)\n      } else {\n        if (expanded === undefined) setPanelExpandedLocal(update)\n        if (onExpandedChange) onExpandedChange(update)\n      }\n    },\n  }\n}\n"],"names":["useAccordionPanel","defaultExpanded","id","expanded","onExpandedChange","context","useContext","AccordionPanelsContext","panelExpandedLocal","setPanelExpandedLocal","useState","contextEnabled","useLayoutEffect","undefined","panelExpanded","expandedPanels","includes","setPanelExpanded","update","updatePanels"],"mappings":"8HAIO,MAAMA,kBAAoBA,EAC/BC,mBAAkB,EAClBC,KACAC,WACAC,uBAKA,MAAMC,EAAUC,WAAWC,wBAE3B,MAAOC,EAAoBC,GAAyBC,SAAkBP,GAAYF,GAElF,MAAMU,EAAiBN,IAAY,aAAeH,GAAO,SAQzD,OANAU,iBAAgB,KACTD,GAAkBR,SAAaU,GAClCJ,EAAsBN,EACxB,GACC,CAACQ,EAAgBR,IAEb,CACLW,cAAeH,EAAiBN,EAAQU,eAAeC,SAASd,GAAMM,EACtES,iBAAmBC,IACbP,EACFN,EAAQc,aAAajB,EAAIgB,IAErBf,SAAaU,GAAWJ,EAAsBS,GAC9Cd,GAAkBA,EAAiBc,GACzC,EAEH"}
+{"version":3,"file":"useAccordionPanel.mjs","sources":["../../../../src/components/AccordionItem/useAccordionPanel.ts"],"sourcesContent":["import { useContext, useState, useLayoutEffect } from 'react'\nimport { AccordionPanelsContext } from 'shared/context/accordion'\nimport type { AccordionItemProps } from './types'\n\nexport const useAccordionPanel = ({\n  defaultExpanded = false,\n  id,\n  expanded,\n  onExpandedChange,\n}: Pick<AccordionItemProps, 'id' | 'expanded' | 'defaultExpanded' | 'onExpandedChange'>): {\n  panelExpanded: boolean\n  setPanelExpanded: (update: boolean) => void\n} => {\n  const context = useContext(AccordionPanelsContext)\n\n  const [panelExpandedLocal, setPanelExpandedLocal] = useState<boolean>(expanded ?? defaultExpanded)\n\n  const contextEnabled = context !== null && typeof id === 'string'\n\n  useLayoutEffect(() => {\n    if (!contextEnabled && expanded !== undefined) {\n      setPanelExpandedLocal(expanded)\n    }\n  }, [contextEnabled, expanded])\n\n  return {\n    panelExpanded: contextEnabled ? context.expandedPanels.includes(id) : panelExpandedLocal,\n    setPanelExpanded: (update) => {\n      if (contextEnabled) {\n        context.updatePanels(id, update)\n      } else {\n        if (expanded === undefined) setPanelExpandedLocal(update)\n        if (onExpandedChange) onExpandedChange(update)\n      }\n    },\n  }\n}\n"],"names":["useAccordionPanel","defaultExpanded","id","expanded","onExpandedChange","context","useContext","AccordionPanelsContext","panelExpandedLocal","setPanelExpandedLocal","useState","contextEnabled","useLayoutEffect","undefined","panelExpanded","expandedPanels","includes","setPanelExpanded","update","updatePanels"],"mappings":"8HAIO,MAAMA,kBAAoBA,EAC/BC,mBAAkB,EAClBC,KACAC,WACAC,uBAKA,MAAMC,EAAUC,WAAWC,wBAE3B,MAAOC,EAAoBC,GAAyBC,SAAkBP,GAAYF,GAElF,MAAMU,EAAiBN,IAAY,aAAeH,GAAO,SAQzD,OANAU,gBAAgB,KACTD,GAAkBR,SAAaU,GAClCJ,EAAsBN,IAEvB,CAACQ,EAAgBR,IAEb,CACLW,cAAeH,EAAiBN,EAAQU,eAAeC,SAASd,GAAMM,EACtES,iBAAmBC,IACbP,EACFN,EAAQc,aAAajB,EAAIgB,IAErBf,SAAaU,GAAWJ,EAAsBS,GAC9Cd,GAAkBA,EAAiBc"}

package/components/AccordionItem/useAccordionPanelProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAccordionPanelProps.js","sources":["../../../../src/components/AccordionItem/useAccordionPanelProps.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { AccordionPropsContext } from 'shared/context/accordion'\nimport { deepmerge } from 'shared/utils/misc'\n\nexport const useAccordionPanelProps = <T>(props: T): T => {\n  const contextProps = useContext(AccordionPropsContext)\n\n  return (contextProps ? deepmerge(contextProps, props) : props) as T\n}\n"],"names":["props","contextProps","useContext","AccordionPropsContext","deepmerge"],"mappings":"iLAI0CA,IACxC,MAAMC,EAAeC,MAAAA,WAAWC,iCAEhC,OAAQF,EAAeG,KAAAA,UAAUH,EAAcD,GAASA,CAAK"}
+{"version":3,"file":"useAccordionPanelProps.js","sources":["../../../../src/components/AccordionItem/useAccordionPanelProps.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { AccordionPropsContext } from 'shared/context/accordion'\nimport { deepmerge } from 'shared/utils/misc'\n\nexport const useAccordionPanelProps = <T>(props: T): T => {\n  const contextProps = useContext(AccordionPropsContext)\n\n  return (contextProps ? deepmerge(contextProps, props) : props) as T\n}\n"],"names":["props","contextProps","useContext","AccordionPropsContext","deepmerge"],"mappings":"iLAI0CA,IACxC,MAAMC,EAAeC,MAAAA,WAAWC,iCAEhC,OAAQF,EAAeG,KAAAA,UAAUH,EAAcD,GAASA"}

package/components/AccordionItem/useAccordionPanelProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAccordionPanelProps.mjs","sources":["../../../../src/components/AccordionItem/useAccordionPanelProps.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { AccordionPropsContext } from 'shared/context/accordion'\nimport { deepmerge } from 'shared/utils/misc'\n\nexport const useAccordionPanelProps = <T>(props: T): T => {\n  const contextProps = useContext(AccordionPropsContext)\n\n  return (contextProps ? deepmerge(contextProps, props) : props) as T\n}\n"],"names":["useAccordionPanelProps","props","contextProps","useContext","AccordionPropsContext","deepmerge"],"mappings":"uJAIO,MAAMA,uBAA6BC,IACxC,MAAMC,EAAeC,WAAWC,uBAEhC,OAAQF,EAAeG,UAAUH,EAAcD,GAASA,CAAK"}
+{"version":3,"file":"useAccordionPanelProps.mjs","sources":["../../../../src/components/AccordionItem/useAccordionPanelProps.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { AccordionPropsContext } from 'shared/context/accordion'\nimport { deepmerge } from 'shared/utils/misc'\n\nexport const useAccordionPanelProps = <T>(props: T): T => {\n  const contextProps = useContext(AccordionPropsContext)\n\n  return (contextProps ? deepmerge(contextProps, props) : props) as T\n}\n"],"names":["useAccordionPanelProps","props","contextProps","useContext","AccordionPropsContext","deepmerge"],"mappings":"uJAIO,MAAMA,uBAA6BC,IACxC,MAAMC,EAAeC,WAAWC,uBAEhC,OAAQF,EAAeG,UAAUH,EAAcD,GAASA"}

package/components/ActionBtn/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var hover=require('../../mixins/hover.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const active=styled.css(["background:",";color:",";"],(e=>e.theme.colors.onahau),(e=>e.theme.colors.accent));const notDisabled=styled.css([""," &:active{","}"],(e=>hover.hover(`background: ${e.theme.colors.mercury}`)),active);const disabled=styled.css(["cursor:default;opacity:0.6;"]);const Root=styled__default.default.div.withConfig({displayName:"ActionBtn__Root",componentId:"ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],(e=>e.theme.colors.silver),(e=>e.disabled?disabled:notDisabled),(e=>e.active?active:null),(e=>e.display?display.display(e.display):styled.css(["display:inline-block;"])));exports.Root=Root;
+'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var hover=require('../../mixins/hover.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const active=styled.css(["background:",";color:",";"],e=>e.theme.colors.onahau,e=>e.theme.colors.accent);const notDisabled=styled.css([""," &:active{","}"],e=>hover.hover(`background: ${e.theme.colors.mercury}`),active);const disabled=styled.css(["cursor:default;opacity:0.6;"]);const Root=styled__default.default.div.withConfig({displayName:"ActionBtn__Root",componentId:"ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],e=>e.theme.colors.silver,e=>e.disabled?disabled:notDisabled,e=>e.active?active:null,e=>e.display?display.display(e.display):styled.css(["display:inline-block;"]));exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/ActionBtn/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","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":"4PAKA,MAAMA,OAASC,OAAAA,IAAG,CAAA,cAAA,UAAA,MACDC,GAAUA,EAAMC,MAAMC,OAAOC,SAClCH,GAAUA,EAAMC,MAAMC,OAAOE,SAGzC,MAAMC,YAAcN,OAAAA,IAAG,CAAA,GAAA,aAAA,MAClBC,GAAUM,MAAAA,MAAM,eAAeN,EAAMC,MAAMC,OAAOK,YAEjDT,QAIN,MAAMU,SAAWT,OAAAA,IAAG,CAAA,sCAKPU,KAAOC,gBAAAA,QAAOC,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,QAAAA,QAAQhB,EAAMgB,SACdjB,OAAAA,IAAG,CAAA"}
+{"version":3,"file":"style.js","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":"4PAKA,MAAMA,OAASC,OAAAA,IAAG,CAAA,cAAA,UAAA,KACDC,GAAUA,EAAMC,MAAMC,OAAOC,OAClCH,GAAUA,EAAMC,MAAMC,OAAOE,QAGzC,MAAMC,YAAcN,OAAAA,IAAG,CAAA,GAAA,aAAA,KAClBC,GAAUM,MAAAA,MAAM,eAAeN,EAAMC,MAAMC,OAAOK,WAEjDT,QAIN,MAAMU,SAAWT,OAAAA,IAAG,CAAA,sCAKPU,KAAOC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAAVJ,CAAU,CAAA,4CAAA,mIAAA,IAAA,IAAA,IAGlBV,GAAUA,EAAMC,MAAMC,OAAOa,OAUpCf,GAAWA,EAAMQ,SAAWA,SAAWH,YACvCL,GAAWA,EAAMF,OAASA,OAAS,KACnCE,GACDA,EAAMgB,QACFA,QAAAA,QAAQhB,EAAMgB,SACdjB,OAAAA,IAAG,CAAA"}

package/components/ActionBtn/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{hover}from'../../mixins/hover.mjs';const active=css(["background:",";color:",";"],(o=>o.theme.colors.onahau),(o=>o.theme.colors.accent));const notDisabled=css([""," &:active{","}"],(o=>hover(`background: ${o.theme.colors.mercury}`)),active);const disabled=css(["cursor:default;opacity:0.6;"]);const Root=styled.div.withConfig({displayName:"ActionBtn__Root",componentId:"ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],(o=>o.theme.colors.silver),(o=>o.disabled?disabled:notDisabled),(o=>o.active?active:null),(o=>o.display?display(o.display):css(["display:inline-block;"])));export{Root};
+import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{hover}from'../../mixins/hover.mjs';const active=css(["background:",";color:",";"],o=>o.theme.colors.onahau,o=>o.theme.colors.accent);const notDisabled=css([""," &:active{","}"],o=>hover(`background: ${o.theme.colors.mercury}`),active);const disabled=css(["cursor:default;opacity:0.6;"]);const Root=styled.div.withConfig({displayName:"ActionBtn__Root",componentId:"ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],o=>o.theme.colors.silver,o=>o.disabled?disabled:notDisabled,o=>o.active?active:null,o=>o.display?display(o.display):css(["display:inline-block;"]));export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/ActionBtn/style.mjs.map

@@ -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,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"}
+{"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,KACDC,GAAUA,EAAMC,MAAMC,OAAOC,OAClCH,GAAUA,EAAMC,MAAMC,OAAOE,QAGzC,MAAMC,YAAcN,IAAG,CAAA,GAAA,aAAA,KAClBC,GAAUM,MAAM,eAAeN,EAAMC,MAAMC,OAAOK,WAEjDT,QAIN,MAAMU,SAAWT,IAAG,CAAA,sCAKPU,KAAOC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAAVJ,CAAU,CAAA,4CAAA,mIAAA,IAAA,IAAA,IAGlBV,GAAUA,EAAMC,MAAMC,OAAOa,OAUpCf,GAAWA,EAAMQ,SAAWA,SAAWH,YACvCL,GAAWA,EAAMF,OAASA,OAAS,KACnCE,GACDA,EAAMgB,QACFA,QAAQhB,EAAMgB,SACdjB,IAAG,CAAA"}

package/components/AddElement/AddElement.js

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

@@ -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 { isNil } from 'shared/utils/isNil'\nimport { Slot } from 'components/Slot'\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 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        <Slot\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                <Slot props={iconProps} fallback={<Icon {...iconProps} />}>\n                  {icon}\n                </Slot>\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                <Slot\n                  props={{ titleProps, textProps }}\n                  fallback={\n                    <>\n                      <Slot props={titleProps}>{title}</Slot>\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          <Slot props={textProps}>{text}</Slot>\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  }\n                >\n                  {content}\n                </Slot>\n              </Styled.Content>\n            </>\n          }\n        >\n          {children}\n        </Slot>\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":["AddElement","withMergedProps","forwardRef","props","ref","type","size","variant","square","icon","title","text","content","children","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","_jsx","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","Slot","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"4YAsCA,MAAMA,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAA4D,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDjB,EAEJ,MAAMkB,EAAY,CAChBf,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPf,KAAMgB,WAAAA,IAACC,MAAAA,cACPC,MAAOnB,EAASoB,wBAAoBC,MAAAA,YAGtC,MAAMC,EAAaC,MAAAA,MAAMpB,GAAQqB,MAAAA,yBAA2BC,MAAAA,YAC5D,MAAMC,EAAmBH,MAAAA,MAAMpB,GAAQwB,MAAAA,gCAAkCC,MAAAA,mBACzE,MAAMC,EAAwB,IACzBhB,EACHiB,GAAI,OACJC,WAAY,aACZC,OAAQhC,EAAS,IAAM,IACvBgB,MAAO,UACPiB,UAAW,aACXd,MAAOnB,EAAS0B,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBrB,EACHiB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRhB,MAAO,UACPiB,UAAW,aACXd,MAAOnB,EAASmC,wBAAoBC,MAAAA,YAGtC,OACEnB,WAAAA,IAACoB,MAAAA,KAAW,IAAKzB,KAAeC,EAAWhB,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIS,SAChGY,WAAAA,IAACqB,UAAI,CACH3C,MAAO,CAAEmB,YAAWe,aAAYK,aAChCK,SACEC,WAAAA,KAAAC,oBAAA,CAAApC,SAAA,CACEY,WAAAA,IAACoB,oBAAoB,IACfxB,EACJM,MAAOnB,EAAS0C,MAAAA,4BAA8BC,MAAAA,qBAC9C3C,OAAQA,EAAOK,SAEfY,WAAAA,IAACqB,UAAI,CAAC3C,MAAOmB,EAAWyB,SAAUtB,WAAAA,IAAC2B,UAAI,IAAK9B,IAAcT,SACvDJ,MAILgB,WAAAA,IAACoB,cAAc,IAAKxB,EAAWM,MAAOnB,EAAS6C,MAAAA,qBAAuBC,MAAAA,cAAe9C,OAAQA,EAAOK,SAClGY,WAAAA,IAACqB,UAAI,CACH3C,MAAO,CAAEkC,aAAYK,aACrBK,SACEC,WAAAA,KAAAC,oBAAA,CAAApC,SAAA,CACEY,WAAAA,IAACqB,UAAI,CAAC3C,MAAOkC,EAAWxB,SAAEH,IACxBqB,MAAAA,MAAMpB,GAIJ,KAHFc,WAAAA,IAACoB,MAAAA,cAAoB,CAAAhC,SACnBY,WAAAA,IAACqB,UAAI,CAAC3C,MAAOuC,EAAU7B,SAAEF,SAIhCE,SAEAD,SAIRC,SAEAA,KAES,IAGlB,CACE0C,YApHmB,aAqHnB5B,MAAQxB,GAAWA,EAAMK,OAASgD,MAAAA,aAAeC,MAAAA,6DArH9B"}
+{"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 { isNil } from 'shared/utils/isNil'\nimport { Slot } from 'components/Slot'\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 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        <Slot\n          render={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                <Slot render={icon} props={iconProps} fallback={<Icon {...iconProps} />} />\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                <Slot\n                  render={content}\n                  props={{ titleProps, textProps }}\n                  fallback={\n                    <>\n                      <Slot render={title} props={titleProps} />\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          <Slot render={text} props={textProps} />\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":["AddElement","withMergedProps","forwardRef","props","ref","type","size","variant","square","icon","title","text","content","children","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","_jsx","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","Slot","render","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"4YAsCA,MAAMA,WAA+DC,gBAAAA,gBAInEC,MAAAA,WAA4D,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDjB,EAEJ,MAAMkB,EAAY,CAChBf,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPf,KAAMgB,WAAAA,IAACC,MAAAA,cACPC,MAAOnB,EAASoB,wBAAoBC,MAAAA,YAGtC,MAAMC,EAAaC,MAAAA,MAAMpB,GAAQqB,MAAAA,yBAA2BC,MAAAA,YAC5D,MAAMC,EAAmBH,MAAAA,MAAMpB,GAAQwB,MAAAA,gCAAkCC,MAAAA,mBACzE,MAAMC,EAAwB,IACzBhB,EACHiB,GAAI,OACJC,WAAY,aACZC,OAAQhC,EAAS,IAAM,IACvBgB,MAAO,UACPiB,UAAW,aACXd,MAAOnB,EAAS0B,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBrB,EACHiB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRhB,MAAO,UACPiB,UAAW,aACXd,MAAOnB,EAASmC,wBAAoBC,MAAAA,YAGtC,OACEnB,WAAAA,IAACoB,MAAAA,KAAW,IAAKzB,KAAeC,EAAWhB,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIS,SAChGY,WAAAA,IAACqB,UAAI,CACHC,OAAQlC,EACRV,MAAO,CAAEmB,YAAWe,aAAYK,aAChCM,SACEC,WAAAA,KAAAC,oBAAA,CAAArC,SAAA,CACEY,WAAAA,IAACoB,oBAAoB,IACfxB,EACJM,MAAOnB,EAAS2C,MAAAA,4BAA8BC,MAAAA,qBAC9C5C,OAAQA,EAAOK,SAEfY,WAAAA,IAACqB,UAAI,CAACC,OAAQtC,EAAMN,MAAOmB,EAAW0B,SAAUvB,WAAAA,IAAC4B,UAAI,IAAK/B,QAG5DG,WAAAA,IAACoB,cAAc,IAAKxB,EAAWM,MAAOnB,EAAS8C,MAAAA,qBAAuBC,MAAAA,cAAe/C,OAAQA,EAAOK,SAClGY,WAAAA,IAACqB,UAAI,CACHC,OAAQnC,EACRT,MAAO,CAAEkC,aAAYK,aACrBM,SACEC,WAAAA,KAAAC,oBAAA,CAAArC,SAAA,CACEY,WAAAA,IAACqB,UAAI,CAACC,OAAQrC,EAAOP,MAAOkC,IAC1BN,MAAAA,MAAMpB,GAIJ,KAHFc,WAAAA,IAACoB,MAAAA,cAAoB,CAAAhC,SACnBY,WAAAA,IAACqB,UAAI,CAACC,OAAQpC,EAAMR,MAAOuC,sBAanD,CACEc,YAhHmB,aAiHnB7B,MAAQxB,GAAWA,EAAMK,OAASiD,MAAAA,aAAeC,MAAAA,6DAjH9B"}

package/components/AddElement/AddElement.mjs

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

package/components/AddElement/AddElement.mjs.map

@@ -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 { isNil } from 'shared/utils/isNil'\nimport { Slot } from 'components/Slot'\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 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        <Slot\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                <Slot props={iconProps} fallback={<Icon {...iconProps} />}>\n                  {icon}\n                </Slot>\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                <Slot\n                  props={{ titleProps, textProps }}\n                  fallback={\n                    <>\n                      <Slot props={titleProps}>{title}</Slot>\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          <Slot props={textProps}>{text}</Slot>\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  }\n                >\n                  {content}\n                </Slot>\n              </Styled.Content>\n            </>\n          }\n        >\n          {children}\n        </Slot>\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":["COMPONENT_NAME","AddElement","withMergedProps","forwardRef","props","ref","type","size","variant","square","icon","title","text","content","children","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","_jsx","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","Slot","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"0pBA4BA,MAAMA,eAAiB,aAUvB,MAAMC,WAA+DC,gBAInEC,YAA4D,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDjB,EAEJ,MAAMkB,EAAY,CAChBf,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPf,KAAMgB,IAACC,cACPC,MAAOnB,EAASoB,kBAAoBC,YAGtC,MAAMC,EAAaC,MAAMpB,GAAQqB,yBAA2BC,YAC5D,MAAMC,EAAmBH,MAAMpB,GAAQwB,gCAAkCC,mBACzE,MAAMC,EAAwB,IACzBhB,EACHiB,GAAI,OACJC,WAAY,aACZC,OAAQhC,EAAS,IAAM,IACvBgB,MAAO,UACPiB,UAAW,aACXd,MAAOnB,EAAS0B,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBrB,EACHiB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRhB,MAAO,UACPiB,UAAW,aACXd,MAAOnB,EAASmC,kBAAoBC,YAGtC,OACEnB,IAACoB,KAAW,IAAKzB,KAAeC,EAAWhB,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIS,SAChGY,IAACqB,KAAI,CACH3C,MAAO,CAAEmB,YAAWe,aAAYK,aAChCK,SACEC,KAAAC,SAAA,CAAApC,SAAA,CACEY,IAACoB,cAAoB,IACfxB,EACJM,MAAOnB,EAAS0C,4BAA8BC,qBAC9C3C,OAAQA,EAAOK,SAEfY,IAACqB,KAAI,CAAC3C,MAAOmB,EAAWyB,SAAUtB,IAAC2B,KAAI,IAAK9B,IAAcT,SACvDJ,MAILgB,IAACoB,QAAc,IAAKxB,EAAWM,MAAOnB,EAAS6C,qBAAuBC,cAAe9C,OAAQA,EAAOK,SAClGY,IAACqB,KAAI,CACH3C,MAAO,CAAEkC,aAAYK,aACrBK,SACEC,KAAAC,SAAA,CAAApC,SAAA,CACEY,IAACqB,KAAI,CAAC3C,MAAOkC,EAAWxB,SAAEH,IACxBqB,MAAMpB,GAIJ,KAHFc,IAACoB,cAAoB,CAAAhC,SACnBY,IAACqB,KAAI,CAAC3C,MAAOuC,EAAU7B,SAAEF,SAIhCE,SAEAD,SAIRC,SAEAA,KAES,IAGlB,CACE0C,YApHmB,aAqHnB5B,MAAQxB,GAAWA,EAAMK,OAASgD,aAAeC"}
+{"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 { isNil } from 'shared/utils/isNil'\nimport { Slot } from 'components/Slot'\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 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        <Slot\n          render={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                <Slot render={icon} props={iconProps} fallback={<Icon {...iconProps} />} />\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                <Slot\n                  render={content}\n                  props={{ titleProps, textProps }}\n                  fallback={\n                    <>\n                      <Slot render={title} props={titleProps} />\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          <Slot render={text} props={textProps} />\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":["COMPONENT_NAME","AddElement","withMergedProps","forwardRef","props","ref","type","size","variant","square","icon","title","text","content","children","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","_jsx","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","Slot","render","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"0pBA4BA,MAAMA,eAAiB,aAUvB,MAAMC,WAA+DC,gBAInEC,WAA4D,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDjB,EAEJ,MAAMkB,EAAY,CAChBf,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPf,KAAMgB,IAACC,cACPC,MAAOnB,EAASoB,kBAAoBC,YAGtC,MAAMC,EAAaC,MAAMpB,GAAQqB,yBAA2BC,YAC5D,MAAMC,EAAmBH,MAAMpB,GAAQwB,gCAAkCC,mBACzE,MAAMC,EAAwB,IACzBhB,EACHiB,GAAI,OACJC,WAAY,aACZC,OAAQhC,EAAS,IAAM,IACvBgB,MAAO,UACPiB,UAAW,aACXd,MAAOnB,EAAS0B,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBrB,EACHiB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRhB,MAAO,UACPiB,UAAW,aACXd,MAAOnB,EAASmC,kBAAoBC,YAGtC,OACEnB,IAACoB,KAAW,IAAKzB,KAAeC,EAAWhB,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIS,SAChGY,IAACqB,KAAI,CACHC,OAAQlC,EACRV,MAAO,CAAEmB,YAAWe,aAAYK,aAChCM,SACEC,KAAAC,SAAA,CAAArC,SAAA,CACEY,IAACoB,cAAoB,IACfxB,EACJM,MAAOnB,EAAS2C,4BAA8BC,qBAC9C5C,OAAQA,EAAOK,SAEfY,IAACqB,KAAI,CAACC,OAAQtC,EAAMN,MAAOmB,EAAW0B,SAAUvB,IAAC4B,KAAI,IAAK/B,QAG5DG,IAACoB,QAAc,IAAKxB,EAAWM,MAAOnB,EAAS8C,qBAAuBC,cAAe/C,OAAQA,EAAOK,SAClGY,IAACqB,KAAI,CACHC,OAAQnC,EACRT,MAAO,CAAEkC,aAAYK,aACrBM,SACEC,KAAAC,SAAA,CAAArC,SAAA,CACEY,IAACqB,KAAI,CAACC,OAAQrC,EAAOP,MAAOkC,IAC1BN,MAAMpB,GAIJ,KAHFc,IAACoB,cAAoB,CAAAhC,SACnBY,IAACqB,KAAI,CAACC,OAAQpC,EAAMR,MAAOuC,sBAanD,CACEc,YAhHmB,aAiHnB7B,MAAQxB,GAAWA,EAAMK,OAASiD,aAAeC"}

package/components/AddElement/style.js

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

package/components/AddElement/style.js.map

@@ -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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"}
+{"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

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

package/components/AddElement/style.mjs.map

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

package/components/Alert/Alert.js

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