@foxford/ui 2.93.0-beta-b6ee305-20260209 → 2.93.0

package/components/AccordionItem/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","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\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\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.js","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/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\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\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/AddElement/AddElement.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var clsx=require('clsx');var withMergedProps=require('../../hocs/withMergedProps.js');var renderSlot=require('../../shared/utils/renderSlot.js');var isNil=require('../../shared/utils/isNil.js');var useResponsiveSizeProps=require('../../hooks/useResponsiveSizeProps.js');var useResponsiveMarginProps=require('../../hooks/useResponsiveMarginProps.js');var sizes=require('./sizes.js');var styles_module=require('./styles.module.css.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');var index=require('../../icon-pack/src/icons/PlusLarge/index.js');const createText=(e,s)=>typeof e=='string'||typeof e=='number'?jsxRuntime.jsx(Text.Text,{...s,children:e}):null;const AddElement=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{type:r="button",size:i="m",variant:t="default",style:n={},square:o,sizes:l,className:a,icon:c,title:S,text:u,content:d,children:p,sizeXXS:x,sizeXS:z,sizeS:E,sizeM:T,sizeL:j,sizeXL:R,...I}=e;const m={size:i,sizeXXS:x,sizeXS:z,sizeS:E,sizeM:T,sizeL:j,sizeXL:R};const _=useResponsiveSizeProps.useResponsiveSizeProps(m,l);const N=useResponsiveMarginProps.useResponsiveMarginProps(I);const h={...m,preset:'brand',color:'inherit',icon:jsxRuntime.jsx(index.PlusLarge,{}),sizes:o?sizes.SIZES_ICON_SQUARE:sizes.SIZES_ICON};const v=isNil.isNil(u)?sizes.SIZES_TITLE_WITHOUT_TEXT:sizes.SIZES_TITLE;const P=isNil.isNil(u)?sizes.SIZES_TITLE_SQUARE_WITHOUT_TEXT:sizes.SIZES_TITLE_SQUARE;const q={...m,as:'span',appearance:'subheading',weight:o?700:400,color:'inherit',wordBreak:'break-word',sizes:o?P:v};const g={...m,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:o?sizes.SIZES_TEXT_SQUARE:sizes.SIZES_TEXT};return jsxRuntime.jsx(style.Root,{...I,style:{...n,..._,...N},className:clsx.clsx(styles_module.root,a),type:r,square:o,variant:t,ref:s,children:renderSlot.renderSlot({slot:p,props:{iconProps:h,titleProps:q,textProps:g},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(style.IconContainer,{...m,sizes:o?sizes.SIZES_ICON_CONTAINER_SQUARE:sizes.SIZES_ICON_CONTAINER,square:o,children:renderSlot.renderSlot({slot:c,props:h,fallback:jsxRuntime.jsx(Icon.Icon,{...h})})}),jsxRuntime.jsx(style.Content,{...m,sizes:o?sizes.SIZES_CONTENT_SQUARE:sizes.SIZES_CONTENT,square:o,children:renderSlot.renderSlot({slot:d,props:{titleProps:q,textProps:g},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[renderSlot.renderSlot({slot:S,props:q,fallback:createText(S,q)}),isNil.isNil(u)?null:jsxRuntime.jsx(style.TextContainer,{children:renderSlot.renderSlot({slot:u,props:g,fallback:createText(u,g)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?sizes.SIZES_SQUARE:sizes.SIZES});exports.AddElement=AddElement,exports.COMPONENT_NAME="AddElement";
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var renderSlot=require('../../shared/utils/renderSlot.js');var isNil=require('../../shared/utils/isNil.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');var index=require('../../icon-pack/src/icons/PlusLarge/index.js');const createText=(e,s)=>typeof e=='string'||typeof e=='number'?jsxRuntime.jsx(Text.Text,{...s,children:e}):null;const AddElement=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{type:r="button",size:i="m",variant:t="default",square:n,icon:o,title:l,text:a,content:S,children:c,sizeXXS:d,sizeXS:u,sizeS:E,sizeM:x,sizeL:z,sizeXL:T,...p}=e;const I={size:i,sizeXXS:d,sizeXS:u,sizeS:E,sizeM:x,sizeL:z,sizeXL:T};const j={...I,preset:'brand',color:'inherit',icon:jsxRuntime.jsx(index.PlusLarge,{}),sizes:n?sizes.SIZES_ICON_SQUARE:sizes.SIZES_ICON};const _=isNil.isNil(a)?sizes.SIZES_TITLE_WITHOUT_TEXT:sizes.SIZES_TITLE;const R=isNil.isNil(a)?sizes.SIZES_TITLE_SQUARE_WITHOUT_TEXT:sizes.SIZES_TITLE_SQUARE;const N={...I,as:'span',appearance:'subheading',weight:n?700:400,color:'inherit',wordBreak:'break-word',sizes:n?R:_};const m={...I,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:n?sizes.SIZES_TEXT_SQUARE:sizes.SIZES_TEXT};return jsxRuntime.jsx(style.Root,{...p,...I,type:r,square:n,variant:t,ref:s,children:renderSlot.renderSlot({slot:c,props:{iconProps:j,titleProps:N,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(style.IconContainer,{...I,sizes:n?sizes.SIZES_ICON_CONTAINER_SQUARE:sizes.SIZES_ICON_CONTAINER,square:n,children:renderSlot.renderSlot({slot:o,props:j,fallback:jsxRuntime.jsx(Icon.Icon,{...j})})}),jsxRuntime.jsx(style.Content,{...I,sizes:n?sizes.SIZES_CONTENT_SQUARE:sizes.SIZES_CONTENT,square:n,children:renderSlot.renderSlot({slot:S,props:{titleProps:N,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[renderSlot.renderSlot({slot:l,props:N,fallback:createText(l,N)}),isNil.isNil(a)?null:jsxRuntime.jsx(style.TextContainer,{children:renderSlot.renderSlot({slot:a,props:m,fallback:createText(a,m)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?sizes.SIZES_SQUARE:sizes.SIZES});exports.AddElement=AddElement,exports.COMPONENT_NAME="AddElement";
 //# 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 { clsx } from 'clsx'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport { useResponsiveSizeProps } from 'hooks/useResponsiveSizeProps'\nimport { useResponsiveMarginProps } from 'hooks/useResponsiveMarginProps'\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 styles from './styles.module.css'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n  return typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для добавления новых сущностей.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n  AddElementProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n    const {\n      type = 'button',\n      size = 'm',\n      variant = 'default',\n      style = {},\n      square,\n      sizes,\n      className,\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 rootSizeProps = useResponsiveSizeProps(sizeProps, sizes)\n    const rootMarginProps = useResponsiveMarginProps(restProps)\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\n        {...restProps}\n        style={{\n          ...style,\n          ...rootSizeProps,\n          ...rootMarginProps,\n        }}\n        className={clsx(styles.root, className)}\n        type={type}\n        square={square}\n        variant={variant}\n        ref={ref}\n      >\n        {renderSlot({\n          slot: children,\n          props: { iconProps, titleProps, textProps },\n          fallback: (\n            <>\n              <Styled.IconContainer\n                {...sizeProps}\n                sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n                square={square}\n              >\n                {renderSlot({\n                  slot: icon,\n                  props: iconProps,\n                  fallback: <Icon {...iconProps} />,\n                })}\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                {renderSlot({\n                  slot: content,\n                  props: { titleProps, textProps },\n                  fallback: (\n                    <>\n                      {renderSlot({\n                        slot: title,\n                        props: titleProps,\n                        fallback: createText(title, titleProps),\n                      })}\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          {renderSlot({\n                            slot: text,\n                            props: textProps,\n                            fallback: createText(text, textProps),\n                          })}\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  ),\n                })}\n              </Styled.Content>\n            </>\n          ),\n        })}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","jsx","Text","children","AddElement","withMergedProps","forwardRef","ref","type","size","variant","style","square","sizes","className","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","rootSizeProps","useResponsiveSizeProps","rootMarginProps","useResponsiveMarginProps","iconProps","preset","color","PlusLarge","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","clsx","styles","root","renderSlot","slot","fallback","_jsxs","jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"grBAiCA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,WAAAC,IAACC,UAAI,IAAKH,EAAKI,SAAGL,IAAkB,KAapGM,MAAAA,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UACVC,MAAAA,EAAQ,CAAE,EAAAC,OACVA,QACAC,EAAKC,UACLA,EAASC,KACTA,EAAIC,MACJA,EAAKC,KACLA,EAAInB,QACJA,EAAOK,SACPA,EAAQe,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDzB,EAEJ,MAAM0B,EAAY,CAChBhB,OACAS,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAgBC,uBAAAA,uBAAuBF,EAAWZ,GACxD,MAAMe,EAAkBC,kDAAyBL,GAEjD,MAAMM,EAAuB,IACxBL,EACHM,OAAQ,QACRC,MAAO,UACPjB,KAAMf,WAAAA,IAACiC,MAASA,cAChBpB,MAAOD,EAASsB,MAAAA,kBAAoBC,MAAAA,YAGtC,MAAMC,EAAaC,MAAKA,MAACpB,GAAQqB,MAAAA,yBAA2BC,MAAAA,YAC5D,MAAMC,EAAmBH,MAAKA,MAACpB,GAAQwB,MAAAA,gCAAkCC,MAAAA,mBACzE,MAAMC,EAAwB,IACzBlB,EACHmB,GAAI,OACJC,WAAY,aACZC,OAAQlC,EAAS,IAAM,IACvBoB,MAAO,UACPe,UAAW,aACXlC,MAAOD,EAAS4B,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBvB,EACHmB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRd,MAAO,UACPe,UAAW,aACXlC,MAAOD,EAASqC,MAAAA,kBAAoBC,MAAAA,YAGtC,OACElD,WAAAA,IAACmD,MAAAA,KAAW,IACN3B,EACJb,MAAO,IACFA,KACAe,KACAE,GAELd,UAAWsC,KAAAA,KAAKC,cAAWC,KAAExC,GAC7BN,KAAMA,EACNI,OAAQA,EACRF,QAASA,EACTH,IAAKA,EAAIJ,SAERoD,WAAAA,WAAW,CACVC,KAAMrD,EACNJ,MAAO,CAAE+B,YAAWa,aAAYK,aAChCS,SACEC,WAAAC,KAAAC,oBAAA,CAAAzD,SACEH,CAAAA,WAAAC,IAACkD,oBAAoB,IACf1B,EACJZ,MAAOD,EAASiD,MAAAA,4BAA8BC,MAAqBA,qBACnElD,OAAQA,EAAOT,SAEdoD,WAAAA,WAAW,CACVC,KAAMzC,EACNhB,MAAO+B,EACP2B,SAAUzD,WAAAC,IAAC8D,UAAI,IAAKjC,QAIxB9B,WAAAC,IAACkD,cAAc,IAAK1B,EAAWZ,MAAOD,EAASoD,MAAAA,qBAAuBC,MAAcA,cAACrD,OAAQA,EAAOT,SACjGoD,WAAAA,WAAW,CACVC,KAAM1D,EACNC,MAAO,CAAE4C,aAAYK,aACrBS,SACEC,WAAAC,KAAAC,oBAAA,CAAAzD,SAAA,CACGoD,WAAAA,WAAW,CACVC,KAAMxC,EACNjB,MAAO4C,EACPc,SAAU5D,WAAWmB,EAAO2B,KAE5BN,MAAKA,MAACpB,GAQJ,KAPFjB,WAAAA,IAACmD,MAAAA,cAAoB,CAAAhD,SAClBoD,WAAAA,WAAW,CACVC,KAAMvC,EACNlB,MAAOiD,EACPS,SAAU5D,WAAWoB,EAAM+B,oBAWnC,IAGlB,CACEkB,YA9ImB,aA+InBrD,MAAQd,GAAWA,EAAMa,OAASuD,MAAYA,aAAGC,MAAAA,6DA/I9B"}
+{"version":3,"file":"AddElement.js","sources":["../../../../src/components/AddElement/AddElement.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { PlusLarge } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n  SIZES_SQUARE,\n  SIZES_CONTENT_SQUARE,\n  SIZES_ICON_SQUARE,\n  SIZES_ICON_CONTAINER_SQUARE,\n  SIZES_ICON_CONTAINER,\n  SIZES_ICON,\n  SIZES,\n  SIZES_TEXT_SQUARE,\n  SIZES_TEXT,\n  SIZES_TITLE_SQUARE,\n  SIZES_TITLE,\n  SIZES_CONTENT,\n  SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n  SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n  return typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для добавления новых сущностей.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n  AddElementProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n    const {\n      type = 'button',\n      size = 'm',\n      variant = 'default',\n      square,\n      icon,\n      title,\n      text,\n      content,\n      children,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      color: 'inherit',\n      icon: <PlusLarge />,\n      sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n    }\n\n    const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n    const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: square ? 700 : 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? titleSquareSizes : titleSizes,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n        {renderSlot({\n          slot: children,\n          props: { iconProps, titleProps, textProps },\n          fallback: (\n            <>\n              <Styled.IconContainer\n                {...sizeProps}\n                sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n                square={square}\n              >\n                {renderSlot({\n                  slot: icon,\n                  props: iconProps,\n                  fallback: <Icon {...iconProps} />,\n                })}\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                {renderSlot({\n                  slot: content,\n                  props: { titleProps, textProps },\n                  fallback: (\n                    <>\n                      {renderSlot({\n                        slot: title,\n                        props: titleProps,\n                        fallback: createText(title, titleProps),\n                      })}\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          {renderSlot({\n                            slot: text,\n                            props: textProps,\n                            fallback: createText(text, textProps),\n                          })}\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  ),\n                })}\n              </Styled.Content>\n            </>\n          ),\n        })}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","jsx","Text","children","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","PlusLarge","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"ucA6BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,WAAAC,IAACC,UAAI,IAAKH,EAAKI,SAAGL,IAAkB,KAapGM,MAAAA,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIhB,QACJA,EAAOK,SACPA,EAAQY,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPb,KAAMZ,WAAAA,IAAC0B,MAASA,cAChBC,MAAOhB,EAASiB,MAAAA,kBAAoBC,MAAAA,YAGtC,MAAMC,EAAaC,MAAKA,MAACjB,GAAQkB,MAAAA,yBAA2BC,MAAAA,YAC5D,MAAMC,EAAmBH,MAAKA,MAACjB,GAAQqB,MAAAA,gCAAkCC,MAAAA,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,MAAAA,kBAAoBC,MAAAA,YAGtC,OACE5C,WAAAA,IAAC6C,MAAAA,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIJ,SAC/F2C,WAAAA,WAAW,CACVC,KAAM5C,EACNJ,MAAO,CAAEwB,YAAWc,aAAYK,aAChCM,SACEC,WAAAC,KAAAC,oBAAA,CAAAhD,SACEH,CAAAA,WAAAC,IAAC4C,oBAAoB,IACfvB,EACJK,MAAOhB,EAASyC,MAAAA,4BAA8BC,MAAqBA,qBACnE1C,OAAQA,EAAOR,SAEd2C,WAAAA,WAAW,CACVC,KAAMnC,EACNb,MAAOwB,EACPyB,SAAUhD,WAAAC,IAACqD,UAAI,IAAK/B,QAIxBvB,WAAAC,IAAC4C,cAAc,IAAKvB,EAAWK,MAAOhB,EAAS4C,MAAAA,qBAAuBC,MAAcA,cAAC7C,OAAQA,EAAOR,SACjG2C,WAAAA,WAAW,CACVC,KAAMjD,EACNC,MAAO,CAAEsC,aAAYK,aACrBM,SACEC,WAAAC,KAAAC,oBAAA,CAAAhD,SAAA,CACG2C,WAAAA,WAAW,CACVC,KAAMlC,EACNd,MAAOsC,EACPW,SAAUnD,WAAWgB,EAAOwB,KAE5BN,MAAKA,MAACjB,GAQJ,KAPFd,WAAAA,IAAC6C,MAAAA,cAAoB,CAAA1C,SAClB2C,WAAAA,WAAW,CACVC,KAAMjC,EACNf,MAAO2C,EACPM,SAAUnD,WAAWiB,EAAM4B,oBAWnC,IAGlB,CACEe,YA5HmB,aA6HnB9B,MAAQ5B,GAAWA,EAAMY,OAAS+C,MAAYA,aAAGC,MAAAA,6DA7H9B"}

package/components/AddElement/AddElement.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{clsx}from'clsx';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{renderSlot}from'../../shared/utils/renderSlot.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{useResponsiveSizeProps}from'../../hooks/useResponsiveSizeProps.mjs';import{useResponsiveMarginProps}from'../../hooks/useResponsiveMarginProps.mjs';import{SIZES_SQUARE,SIZES,SIZES_ICON_CONTAINER_SQUARE,SIZES_ICON_CONTAINER,SIZES_CONTENT_SQUARE,SIZES_CONTENT,SIZES_ICON_SQUARE,SIZES_ICON,SIZES_TEXT_SQUARE,SIZES_TEXT,SIZES_TITLE_WITHOUT_TEXT,SIZES_TITLE,SIZES_TITLE_SQUARE_WITHOUT_TEXT,SIZES_TITLE_SQUARE}from'./sizes.mjs';import{root}from'./styles.module.css.mjs';import{Root,IconContainer,Content,TextContainer}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';import{PlusLarge}from'../../icon-pack/src/icons/PlusLarge/index.mjs';const createText=(e,s)=>typeof e=='string'||typeof e=='number'?jsx(Text,{...s,children:e}):null;const COMPONENT_NAME='AddElement';const AddElement=withMergedProps(forwardRef(((e,s)=>{const{type:r="button",size:o="m",variant:t="default",style:i={},square:n,sizes:S,className:E,icon:a,title:l,text:T,content:p,children:I,sizeXXS:c,sizeXS:m,sizeS:_,sizeM:d,sizeL:N,sizeXL:x,...R}=e;const Z={size:o,sizeXXS:c,sizeXS:m,sizeS:_,sizeM:d,sizeL:N,sizeXL:x};const f=useResponsiveSizeProps(Z,S);const u=useResponsiveMarginProps(R);const z={...Z,preset:'brand',color:'inherit',icon:jsx(PlusLarge,{}),sizes:n?SIZES_ICON_SQUARE:SIZES_ICON};const A=isNil(T)?SIZES_TITLE_WITHOUT_TEXT:SIZES_TITLE;const C=isNil(T)?SIZES_TITLE_SQUARE_WITHOUT_TEXT:SIZES_TITLE_SQUARE;const O={...Z,as:'span',appearance:'subheading',weight:n?700:400,color:'inherit',wordBreak:'break-word',sizes:n?C:A};const h={...Z,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:n?SIZES_TEXT_SQUARE:SIZES_TEXT};return jsx(Root,{...R,style:{...i,...f,...u},className:clsx(root,E),type:r,square:n,variant:t,ref:s,children:renderSlot({slot:I,props:{iconProps:z,titleProps:O,textProps:h},fallback:jsxs(Fragment,{children:[jsx(IconContainer,{...Z,sizes:n?SIZES_ICON_CONTAINER_SQUARE:SIZES_ICON_CONTAINER,square:n,children:renderSlot({slot:a,props:z,fallback:jsx(Icon,{...z})})}),jsx(Content,{...Z,sizes:n?SIZES_CONTENT_SQUARE:SIZES_CONTENT,square:n,children:renderSlot({slot:p,props:{titleProps:O,textProps:h},fallback:jsxs(Fragment,{children:[renderSlot({slot:l,props:O,fallback:createText(l,O)}),isNil(T)?null:jsx(TextContainer,{children:renderSlot({slot:T,props:h,fallback:createText(T,h)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?SIZES_SQUARE:SIZES});export{AddElement,COMPONENT_NAME};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{renderSlot}from'../../shared/utils/renderSlot.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{SIZES_SQUARE,SIZES,SIZES_ICON_CONTAINER_SQUARE,SIZES_ICON_CONTAINER,SIZES_CONTENT_SQUARE,SIZES_CONTENT,SIZES_ICON_SQUARE,SIZES_ICON,SIZES_TEXT_SQUARE,SIZES_TEXT,SIZES_TITLE_WITHOUT_TEXT,SIZES_TITLE,SIZES_TITLE_SQUARE_WITHOUT_TEXT,SIZES_TITLE_SQUARE}from'./sizes.mjs';import{Root,IconContainer,Content,TextContainer}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';import{PlusLarge}from'../../icon-pack/src/icons/PlusLarge/index.mjs';const createText=(e,r)=>typeof e=='string'||typeof e=='number'?jsx(Text,{...r,children:e}):null;const COMPONENT_NAME='AddElement';const AddElement=withMergedProps(forwardRef(((e,r)=>{const{type:s="button",size:t="m",variant:o="default",square:S,icon:i,title:n,text:E,content:T,children:a,sizeXXS:I,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d,...m}=e;const N={size:t,sizeXXS:I,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d};const Z={...N,preset:'brand',color:'inherit',icon:jsx(PlusLarge,{}),sizes:S?SIZES_ICON_SQUARE:SIZES_ICON};const x=isNil(E)?SIZES_TITLE_WITHOUT_TEXT:SIZES_TITLE;const A=isNil(E)?SIZES_TITLE_SQUARE_WITHOUT_TEXT:SIZES_TITLE_SQUARE;const C={...N,as:'span',appearance:'subheading',weight:S?700:400,color:'inherit',wordBreak:'break-word',sizes:S?A:x};const O={...N,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:S?SIZES_TEXT_SQUARE:SIZES_TEXT};return jsx(Root,{...m,...N,type:s,square:S,variant:o,ref:r,children:renderSlot({slot:a,props:{iconProps:Z,titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[jsx(IconContainer,{...N,sizes:S?SIZES_ICON_CONTAINER_SQUARE:SIZES_ICON_CONTAINER,square:S,children:renderSlot({slot:i,props:Z,fallback:jsx(Icon,{...Z})})}),jsx(Content,{...N,sizes:S?SIZES_CONTENT_SQUARE:SIZES_CONTENT,square:S,children:renderSlot({slot:T,props:{titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[renderSlot({slot:n,props:C,fallback:createText(n,C)}),isNil(E)?null:jsx(TextContainer,{children:renderSlot({slot:E,props:O,fallback:createText(E,O)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?SIZES_SQUARE:SIZES});export{AddElement,COMPONENT_NAME};
 //# 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 { clsx } from 'clsx'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport { useResponsiveSizeProps } from 'hooks/useResponsiveSizeProps'\nimport { useResponsiveMarginProps } from 'hooks/useResponsiveMarginProps'\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 styles from './styles.module.css'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n  return typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для добавления новых сущностей.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n  AddElementProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n    const {\n      type = 'button',\n      size = 'm',\n      variant = 'default',\n      style = {},\n      square,\n      sizes,\n      className,\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 rootSizeProps = useResponsiveSizeProps(sizeProps, sizes)\n    const rootMarginProps = useResponsiveMarginProps(restProps)\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\n        {...restProps}\n        style={{\n          ...style,\n          ...rootSizeProps,\n          ...rootMarginProps,\n        }}\n        className={clsx(styles.root, className)}\n        type={type}\n        square={square}\n        variant={variant}\n        ref={ref}\n      >\n        {renderSlot({\n          slot: children,\n          props: { iconProps, titleProps, textProps },\n          fallback: (\n            <>\n              <Styled.IconContainer\n                {...sizeProps}\n                sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n                square={square}\n              >\n                {renderSlot({\n                  slot: icon,\n                  props: iconProps,\n                  fallback: <Icon {...iconProps} />,\n                })}\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                {renderSlot({\n                  slot: content,\n                  props: { titleProps, textProps },\n                  fallback: (\n                    <>\n                      {renderSlot({\n                        slot: title,\n                        props: titleProps,\n                        fallback: createText(title, titleProps),\n                      })}\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          {renderSlot({\n                            slot: text,\n                            props: textProps,\n                            fallback: createText(text, textProps),\n                          })}\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  ),\n                })}\n              </Styled.Content>\n            </>\n          ),\n        })}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","Text","children","COMPONENT_NAME","AddElement","withMergedProps","forwardRef","ref","type","size","variant","style","square","sizes","className","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","rootSizeProps","useResponsiveSizeProps","rootMarginProps","useResponsiveMarginProps","iconProps","preset","color","PlusLarge","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","clsx","styles","renderSlot","slot","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"+6BAiCA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,IAACC,KAAI,IAAKF,EAAKG,SAAGJ,IAAkB,KAGpGK,MAAAA,eAAiB,aAUjBC,MAAAA,WAA+DC,gBAInEC,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,MACnBA,EAAQ,CAAE,EAAAC,OACVA,EAAMC,MACNA,EAAKC,UACLA,EAASC,KACTA,EAAIC,MACJA,EAAKC,KACLA,EAAInB,QACJA,EAAOI,SACPA,EAAQgB,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDzB,EAEJ,MAAM0B,EAAY,CAChBhB,OACAS,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAgBC,uBAAuBF,EAAWZ,GACxD,MAAMe,EAAkBC,yBAAyBL,GAEjD,MAAMM,EAAuB,IACxBL,EACHM,OAAQ,QACRC,MAAO,UACPjB,KAAMf,IAACiC,cACPpB,MAAOD,EAASsB,kBAAoBC,YAGtC,MAAMC,EAAaC,MAAMpB,GAAQqB,yBAA2BC,YAC5D,MAAMC,EAAmBH,MAAMpB,GAAQwB,gCAAkCC,mBACzE,MAAMC,EAAwB,IACzBlB,EACHmB,GAAI,OACJC,WAAY,aACZC,OAAQlC,EAAS,IAAM,IACvBoB,MAAO,UACPe,UAAW,aACXlC,MAAOD,EAAS4B,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBvB,EACHmB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRd,MAAO,UACPe,UAAW,aACXlC,MAAOD,EAASqC,kBAAoBC,YAGtC,OACElD,IAACmD,KAAW,IACN3B,EACJb,MAAO,IACFA,KACAe,KACAE,GAELd,UAAWsC,KAAKC,KAAavC,GAC7BN,KAAMA,EACNI,OAAQA,EACRF,QAASA,EACTH,IAAKA,EAAIL,SAERoD,WAAW,CACVC,KAAMrD,EACNH,MAAO,CAAE+B,YAAWa,aAAYK,aAChCQ,SACEC,KAAAC,SAAA,CAAAxD,SACEF,CAAAA,IAACmD,cAAoB,IACf1B,EACJZ,MAAOD,EAAS+C,4BAA8BC,qBAC9ChD,OAAQA,EAAOV,SAEdoD,WAAW,CACVC,KAAMxC,EACNhB,MAAO+B,EACP0B,SAAUxD,IAAC6D,KAAI,IAAK/B,QAIxB9B,IAACmD,QAAc,IAAK1B,EAAWZ,MAAOD,EAASkD,qBAAuBC,cAAenD,OAAQA,EAAOV,SACjGoD,WAAW,CACVC,KAAMzD,EACNC,MAAO,CAAE4C,aAAYK,aACrBQ,SACEC,KAAAC,SAAA,CAAAxD,SAAA,CACGoD,WAAW,CACVC,KAAMvC,EACNjB,MAAO4C,EACPa,SAAU3D,WAAWmB,EAAO2B,KAE5BN,MAAMpB,GAQJ,KAPFjB,IAACmD,cAAoB,CAAAjD,SAClBoD,WAAW,CACVC,KAAMtC,EACNlB,MAAOiD,EACPQ,SAAU3D,WAAWoB,EAAM+B,oBAWnC,IAGlB,CACEgB,YA9ImB,aA+InBnD,MAAQd,GAAWA,EAAMa,OAASqD,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 { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n  SIZES_SQUARE,\n  SIZES_CONTENT_SQUARE,\n  SIZES_ICON_SQUARE,\n  SIZES_ICON_CONTAINER_SQUARE,\n  SIZES_ICON_CONTAINER,\n  SIZES_ICON,\n  SIZES,\n  SIZES_TEXT_SQUARE,\n  SIZES_TEXT,\n  SIZES_TITLE_SQUARE,\n  SIZES_TITLE,\n  SIZES_CONTENT,\n  SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n  SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n  return typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для добавления новых сущностей.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n  AddElementProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n    const {\n      type = 'button',\n      size = 'm',\n      variant = 'default',\n      square,\n      icon,\n      title,\n      text,\n      content,\n      children,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      color: 'inherit',\n      icon: <PlusLarge />,\n      sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n    }\n\n    const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n    const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: square ? 700 : 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? titleSquareSizes : titleSizes,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n        {renderSlot({\n          slot: children,\n          props: { iconProps, titleProps, textProps },\n          fallback: (\n            <>\n              <Styled.IconContainer\n                {...sizeProps}\n                sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n                square={square}\n              >\n                {renderSlot({\n                  slot: icon,\n                  props: iconProps,\n                  fallback: <Icon {...iconProps} />,\n                })}\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                {renderSlot({\n                  slot: content,\n                  props: { titleProps, textProps },\n                  fallback: (\n                    <>\n                      {renderSlot({\n                        slot: title,\n                        props: titleProps,\n                        fallback: createText(title, titleProps),\n                      })}\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          {renderSlot({\n                            slot: text,\n                            props: textProps,\n                            fallback: createText(text, textProps),\n                          })}\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  ),\n                })}\n              </Styled.Content>\n            </>\n          ),\n        })}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","Text","children","COMPONENT_NAME","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","PlusLarge","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"otBA6BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,IAACC,KAAI,IAAKF,EAAKG,SAAGJ,IAAkB,KAGpGK,MAAAA,eAAiB,aAUjBC,MAAAA,WAA+DC,gBAInEC,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIhB,QACJA,EAAOI,SACPA,EAAQa,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPb,KAAMZ,IAAC0B,cACPC,MAAOhB,EAASiB,kBAAoBC,YAGtC,MAAMC,EAAaC,MAAMjB,GAAQkB,yBAA2BC,YAC5D,MAAMC,EAAmBH,MAAMjB,GAAQqB,gCAAkCC,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,kBAAoBC,YAGtC,OACE5C,IAAC6C,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIL,SAC/F4C,WAAW,CACVC,KAAM7C,EACNH,MAAO,CAAEwB,YAAWc,aAAYK,aAChCM,SACEC,KAAAC,SAAA,CAAAhD,SACEF,CAAAA,IAAC6C,cAAoB,IACfvB,EACJK,MAAOhB,EAASwC,4BAA8BC,qBAC9CzC,OAAQA,EAAOT,SAEd4C,WAAW,CACVC,KAAMnC,EACNb,MAAOwB,EACPyB,SAAUhD,IAACqD,KAAI,IAAK9B,QAIxBvB,IAAC6C,QAAc,IAAKvB,EAAWK,MAAOhB,EAAS2C,qBAAuBC,cAAe5C,OAAQA,EAAOT,SACjG4C,WAAW,CACVC,KAAMjD,EACNC,MAAO,CAAEsC,aAAYK,aACrBM,SACEC,KAAAC,SAAA,CAAAhD,SAAA,CACG4C,WAAW,CACVC,KAAMlC,EACNd,MAAOsC,EACPW,SAAUnD,WAAWgB,EAAOwB,KAE5BN,MAAMjB,GAQJ,KAPFd,IAAC6C,cAAoB,CAAA3C,SAClB4C,WAAW,CACVC,KAAMjC,EACNf,MAAO2C,EACPM,SAAUnD,WAAWiB,EAAM4B,oBAWnC,IAGlB,CACEc,YA5HmB,aA6HnB7B,MAAQ5B,GAAWA,EAAMY,OAAS8C,aAAeC"}

package/components/AddElement/sizes.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={l:{'--width':'100%','--minHeight':'auto','--padding':'20px','--borderRadius':'10px'},m:{'--width':'100%','--minHeight':'auto','--padding':'16px','--borderRadius':'6px'},s:{'--width':'100%','--minHeight':'auto','--padding':'12px','--borderRadius':'6px'}},exports.SIZES_CONTENT={l:{display:'flex'},m:{display:'flex'},s:{display:'flex'}},exports.SIZES_CONTENT_SQUARE={l:{display:'flex'},m:{display:'flex'},s:{display:'none'}},exports.SIZES_ICON={l:{fontSize:28},m:{fontSize:20},s:{fontSize:16}},exports.SIZES_ICON_CONTAINER={l:{marginLeft:16},m:{marginLeft:12},s:{marginLeft:12}},exports.SIZES_ICON_CONTAINER_SQUARE={l:{marginBottom:12},m:{marginBottom:8},s:{marginBottom:0}},exports.SIZES_ICON_SQUARE={l:{fontSize:40},m:{fontSize:32},s:{fontSize:40}},exports.SIZES_SQUARE={l:{'--width':'360px','--minHeight':'360px','--padding':'32px','--borderRadius':'12px'},m:{'--width':'300px','--minHeight':'300px','--padding':'32px','--borderRadius':'12px'},s:{'--width':'120px','--minHeight':'120px','--padding':'32px','--borderRadius':'12px'}},exports.SIZES_TEXT={l:{fontSize:16},m:{fontSize:14},s:{fontSize:14}},exports.SIZES_TEXT_SQUARE={l:{fontSize:20},m:{fontSize:16},s:{}},exports.SIZES_TITLE={l:{fontSize:18,marginBottom:4},m:{fontSize:16,marginBottom:4},s:{fontSize:14,marginBottom:4}},exports.SIZES_TITLE_SQUARE={l:{fontSize:24,marginBottom:16},m:{fontSize:20,marginBottom:12},s:{}},exports.SIZES_TITLE_SQUARE_WITHOUT_TEXT={l:{fontSize:24,marginBottom:0},m:{fontSize:20,marginBottom:0},s:{}},exports.SIZES_TITLE_WITHOUT_TEXT={l:{fontSize:18,marginBottom:0},m:{fontSize:16,marginBottom:0},s:{fontSize:14,marginBottom:0}};
+'use strict';exports.SIZES={l:{padding:20,borderRadius:10},m:{padding:16,borderRadius:6},s:{padding:12,borderRadius:6}},exports.SIZES_CONTENT={l:{display:'flex'},m:{display:'flex'},s:{display:'flex'}},exports.SIZES_CONTENT_SQUARE={l:{display:'flex'},m:{display:'flex'},s:{display:'none'}},exports.SIZES_ICON={l:{fontSize:28},m:{fontSize:20},s:{fontSize:16}},exports.SIZES_ICON_CONTAINER={l:{marginLeft:16},m:{marginLeft:12},s:{marginLeft:12}},exports.SIZES_ICON_CONTAINER_SQUARE={l:{marginBottom:12},m:{marginBottom:8},s:{marginBottom:0}},exports.SIZES_ICON_SQUARE={l:{fontSize:40},m:{fontSize:32},s:{fontSize:40}},exports.SIZES_SQUARE={l:{padding:32,width:360,minHeight:360,borderRadius:12},m:{padding:32,width:300,minHeight:300,borderRadius:12},s:{padding:32,width:120,minHeight:120,borderRadius:12}},exports.SIZES_TEXT={l:{fontSize:16},m:{fontSize:14},s:{fontSize:14}},exports.SIZES_TEXT_SQUARE={l:{fontSize:20},m:{fontSize:16},s:{}},exports.SIZES_TITLE={l:{fontSize:18,marginBottom:4},m:{fontSize:16,marginBottom:4},s:{fontSize:14,marginBottom:4}},exports.SIZES_TITLE_SQUARE={l:{fontSize:24,marginBottom:16},m:{fontSize:20,marginBottom:12},s:{}},exports.SIZES_TITLE_SQUARE_WITHOUT_TEXT={l:{fontSize:24,marginBottom:0},m:{fontSize:20,marginBottom:0},s:{}},exports.SIZES_TITLE_WITHOUT_TEXT={l:{fontSize:18,marginBottom:0},m:{fontSize:16,marginBottom:0},s:{fontSize:14,marginBottom:0}};
 //# sourceMappingURL=sizes.js.map

package/components/AddElement/sizes.js.map

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

package/components/AddElement/sizes.mjs

@@ -1,2 +1,2 @@
-const SIZES={l:{'--width':'100%','--minHeight':'auto','--padding':'20px','--borderRadius':'10px'},m:{'--width':'100%','--minHeight':'auto','--padding':'16px','--borderRadius':'6px'},s:{'--width':'100%','--minHeight':'auto','--padding':'12px','--borderRadius':'6px'}};const SIZES_SQUARE={l:{'--width':'360px','--minHeight':'360px','--padding':'32px','--borderRadius':'12px'},m:{'--width':'300px','--minHeight':'300px','--padding':'32px','--borderRadius':'12px'},s:{'--width':'120px','--minHeight':'120px','--padding':'32px','--borderRadius':'12px'}};const SIZES_ICON_CONTAINER={l:{marginLeft:16},m:{marginLeft:12},s:{marginLeft:12}};const SIZES_ICON_CONTAINER_SQUARE={l:{marginBottom:12},m:{marginBottom:8},s:{marginBottom:0}};const SIZES_ICON={l:{fontSize:28},m:{fontSize:20},s:{fontSize:16}};const SIZES_ICON_SQUARE={l:{fontSize:40},m:{fontSize:32},s:{fontSize:40}};const SIZES_CONTENT={l:{display:'flex'},m:{display:'flex'},s:{display:'flex'}};const SIZES_CONTENT_SQUARE={l:{display:'flex'},m:{display:'flex'},s:{display:'none'}};const SIZES_TITLE={l:{fontSize:18,marginBottom:4},m:{fontSize:16,marginBottom:4},s:{fontSize:14,marginBottom:4}};const SIZES_TITLE_WITHOUT_TEXT={l:{fontSize:18,marginBottom:0},m:{fontSize:16,marginBottom:0},s:{fontSize:14,marginBottom:0}};const SIZES_TITLE_SQUARE={l:{fontSize:24,marginBottom:16},m:{fontSize:20,marginBottom:12},s:{}};const SIZES_TITLE_SQUARE_WITHOUT_TEXT={l:{fontSize:24,marginBottom:0},m:{fontSize:20,marginBottom:0},s:{}};const SIZES_TEXT={l:{fontSize:16},m:{fontSize:14},s:{fontSize:14}};const SIZES_TEXT_SQUARE={l:{fontSize:20},m:{fontSize:16},s:{}};export{SIZES,SIZES_CONTENT,SIZES_CONTENT_SQUARE,SIZES_ICON,SIZES_ICON_CONTAINER,SIZES_ICON_CONTAINER_SQUARE,SIZES_ICON_SQUARE,SIZES_SQUARE,SIZES_TEXT,SIZES_TEXT_SQUARE,SIZES_TITLE,SIZES_TITLE_SQUARE,SIZES_TITLE_SQUARE_WITHOUT_TEXT,SIZES_TITLE_WITHOUT_TEXT};
+const SIZES={l:{padding:20,borderRadius:10},m:{padding:16,borderRadius:6},s:{padding:12,borderRadius:6}};const SIZES_SQUARE={l:{padding:32,width:360,minHeight:360,borderRadius:12},m:{padding:32,width:300,minHeight:300,borderRadius:12},s:{padding:32,width:120,minHeight:120,borderRadius:12}};const SIZES_ICON_CONTAINER={l:{marginLeft:16},m:{marginLeft:12},s:{marginLeft:12}};const SIZES_ICON_CONTAINER_SQUARE={l:{marginBottom:12},m:{marginBottom:8},s:{marginBottom:0}};const SIZES_ICON={l:{fontSize:28},m:{fontSize:20},s:{fontSize:16}};const SIZES_ICON_SQUARE={l:{fontSize:40},m:{fontSize:32},s:{fontSize:40}};const SIZES_CONTENT={l:{display:'flex'},m:{display:'flex'},s:{display:'flex'}};const SIZES_CONTENT_SQUARE={l:{display:'flex'},m:{display:'flex'},s:{display:'none'}};const SIZES_TITLE={l:{fontSize:18,marginBottom:4},m:{fontSize:16,marginBottom:4},s:{fontSize:14,marginBottom:4}};const SIZES_TITLE_WITHOUT_TEXT={l:{fontSize:18,marginBottom:0},m:{fontSize:16,marginBottom:0},s:{fontSize:14,marginBottom:0}};const SIZES_TITLE_SQUARE={l:{fontSize:24,marginBottom:16},m:{fontSize:20,marginBottom:12},s:{}};const SIZES_TITLE_SQUARE_WITHOUT_TEXT={l:{fontSize:24,marginBottom:0},m:{fontSize:20,marginBottom:0},s:{}};const SIZES_TEXT={l:{fontSize:16},m:{fontSize:14},s:{fontSize:14}};const SIZES_TEXT_SQUARE={l:{fontSize:20},m:{fontSize:16},s:{}};export{SIZES,SIZES_CONTENT,SIZES_CONTENT_SQUARE,SIZES_ICON,SIZES_ICON_CONTAINER,SIZES_ICON_CONTAINER_SQUARE,SIZES_ICON_SQUARE,SIZES_SQUARE,SIZES_TEXT,SIZES_TEXT_SQUARE,SIZES_TITLE,SIZES_TITLE_SQUARE,SIZES_TITLE_SQUARE_WITHOUT_TEXT,SIZES_TITLE_WITHOUT_TEXT};
 //# sourceMappingURL=sizes.mjs.map

package/components/AddElement/sizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/AddElement/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  l: {\n    '--width': '100%',\n    '--minHeight': 'auto',\n    '--padding': '20px',\n    '--borderRadius': '10px',\n  },\n  m: {\n    '--width': '100%',\n    '--minHeight': 'auto',\n    '--padding': '16px',\n    '--borderRadius': '6px',\n  },\n  s: {\n    '--width': '100%',\n    '--minHeight': 'auto',\n    '--padding': '12px',\n    '--borderRadius': '6px',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  l: {\n    '--width': '360px',\n    '--minHeight': '360px',\n    '--padding': '32px',\n    '--borderRadius': '12px',\n  },\n  m: {\n    '--width': '300px',\n    '--minHeight': '300px',\n    '--padding': '32px',\n    '--borderRadius': '12px',\n  },\n  s: {\n    '--width': '120px',\n    '--minHeight': '120px',\n    '--padding': '32px',\n    '--borderRadius': '12px',\n  },\n}\n\nexport const SIZES_ICON_CONTAINER: Record<Size, CSSProperties> = {\n  l: { marginLeft: 16 },\n  m: { marginLeft: 12 },\n  s: { marginLeft: 12 },\n}\n\nexport const SIZES_ICON_CONTAINER_SQUARE: Record<Size, CSSProperties> = {\n  l: { marginBottom: 12 },\n  m: { marginBottom: 8 },\n  s: { marginBottom: 0 },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  l: { fontSize: 28 },\n  m: { fontSize: 20 },\n  s: { fontSize: 16 },\n}\n\nexport const SIZES_ICON_SQUARE: Record<Size, CSSProperties> = {\n  l: { fontSize: 40 },\n  m: { fontSize: 32 },\n  s: { fontSize: 40 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  l: { display: 'flex' },\n  m: { display: 'flex' },\n  s: { display: 'flex' },\n}\n\nexport const SIZES_CONTENT_SQUARE: Record<Size, CSSProperties> = {\n  l: { display: 'flex' },\n  m: { display: 'flex' },\n  s: { display: 'none' },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n  l: { fontSize: 18, marginBottom: 4 },\n  m: { fontSize: 16, marginBottom: 4 },\n  s: { fontSize: 14, marginBottom: 4 },\n}\n\nexport const SIZES_TITLE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n  l: { fontSize: 18, marginBottom: 0 },\n  m: { fontSize: 16, marginBottom: 0 },\n  s: { fontSize: 14, marginBottom: 0 },\n}\n\nexport const SIZES_TITLE_SQUARE: Record<Size, CSSProperties> = {\n  l: { fontSize: 24, marginBottom: 16 },\n  m: { fontSize: 20, marginBottom: 12 },\n  s: {},\n}\n\nexport const SIZES_TITLE_SQUARE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n  l: { fontSize: 24, marginBottom: 0 },\n  m: { fontSize: 20, marginBottom: 0 },\n  s: {},\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  l: { fontSize: 16 },\n  m: { fontSize: 14 },\n  s: { fontSize: 14 },\n}\n\nexport const SIZES_TEXT_SQUARE: Record<Size, CSSProperties> = {\n  l: { fontSize: 20 },\n  m: { fontSize: 16 },\n  s: {},\n}\n"],"names":["SIZES","l","m","s","SIZES_SQUARE","SIZES_ICON_CONTAINER","marginLeft","SIZES_ICON_CONTAINER_SQUARE","marginBottom","SIZES_ICON","fontSize","SIZES_ICON_SQUARE","SIZES_CONTENT","display","SIZES_CONTENT_SQUARE","SIZES_TITLE","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TEXT","SIZES_TEXT_SQUARE"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,EAAG,CACD,UAAW,OACX,cAAe,OACf,YAAa,OACb,iBAAkB,QAEpBC,EAAG,CACD,UAAW,OACX,cAAe,OACf,YAAa,OACb,iBAAkB,OAEpBC,EAAG,CACD,UAAW,OACX,cAAe,OACf,YAAa,OACb,iBAAkB,QAIf,MAAMC,aAA4C,CACvDH,EAAG,CACD,UAAW,QACX,cAAe,QACf,YAAa,OACb,iBAAkB,QAEpBC,EAAG,CACD,UAAW,QACX,cAAe,QACf,YAAa,OACb,iBAAkB,QAEpBC,EAAG,CACD,UAAW,QACX,cAAe,QACf,YAAa,OACb,iBAAkB,SAIf,MAAME,qBAAoD,CAC/DJ,EAAG,CAAEK,WAAY,IACjBJ,EAAG,CAAEI,WAAY,IACjBH,EAAG,CAAEG,WAAY,KAGZ,MAAMC,4BAA2D,CACtEN,EAAG,CAAEO,aAAc,IACnBN,EAAG,CAAEM,aAAc,GACnBL,EAAG,CAAEK,aAAc,IAGd,MAAMC,WAA0C,CACrDR,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,EAAG,CAAEO,SAAU,KAGV,MAAMC,kBAAiD,CAC5DV,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,EAAG,CAAEO,SAAU,KAGV,MAAME,cAA6C,CACxDX,EAAG,CAAEY,QAAS,QACdX,EAAG,CAAEW,QAAS,QACdV,EAAG,CAAEU,QAAS,SAGT,MAAMC,qBAAoD,CAC/Db,EAAG,CAAEY,QAAS,QACdX,EAAG,CAAEW,QAAS,QACdV,EAAG,CAAEU,QAAS,SAGT,MAAME,YAA2C,CACtDd,EAAG,CAAES,SAAU,GAAIF,aAAc,GACjCN,EAAG,CAAEQ,SAAU,GAAIF,aAAc,GACjCL,EAAG,CAAEO,SAAU,GAAIF,aAAc,IAG5B,MAAMQ,yBAAwD,CACnEf,EAAG,CAAES,SAAU,GAAIF,aAAc,GACjCN,EAAG,CAAEQ,SAAU,GAAIF,aAAc,GACjCL,EAAG,CAAEO,SAAU,GAAIF,aAAc,IAG5B,MAAMS,mBAAkD,CAC7DhB,EAAG,CAAES,SAAU,GAAIF,aAAc,IACjCN,EAAG,CAAEQ,SAAU,GAAIF,aAAc,IACjCL,EAAG,CAAC,GAGC,MAAMe,gCAA+D,CAC1EjB,EAAG,CAAES,SAAU,GAAIF,aAAc,GACjCN,EAAG,CAAEQ,SAAU,GAAIF,aAAc,GACjCL,EAAG,CAAC,GAGC,MAAMgB,WAA0C,CACrDlB,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,EAAG,CAAEO,SAAU,KAGV,MAAMU,kBAAiD,CAC5DnB,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,EAAG,CAAC"}
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/AddElement/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  l: { padding: 20, borderRadius: 10 },\n  m: { padding: 16, borderRadius: 6 },\n  s: { padding: 12, borderRadius: 6 },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  l: { padding: 32, width: 360, minHeight: 360, borderRadius: 12 },\n  m: { padding: 32, width: 300, minHeight: 300, borderRadius: 12 },\n  s: { padding: 32, width: 120, minHeight: 120, borderRadius: 12 },\n}\n\nexport const SIZES_ICON_CONTAINER: Record<Size, CSSProperties> = {\n  l: { marginLeft: 16 },\n  m: { marginLeft: 12 },\n  s: { marginLeft: 12 },\n}\n\nexport const SIZES_ICON_CONTAINER_SQUARE: Record<Size, CSSProperties> = {\n  l: { marginBottom: 12 },\n  m: { marginBottom: 8 },\n  s: { marginBottom: 0 },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  l: { fontSize: 28 },\n  m: { fontSize: 20 },\n  s: { fontSize: 16 },\n}\n\nexport const SIZES_ICON_SQUARE: Record<Size, CSSProperties> = {\n  l: { fontSize: 40 },\n  m: { fontSize: 32 },\n  s: { fontSize: 40 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  l: { display: 'flex' },\n  m: { display: 'flex' },\n  s: { display: 'flex' },\n}\n\nexport const SIZES_CONTENT_SQUARE: Record<Size, CSSProperties> = {\n  l: { display: 'flex' },\n  m: { display: 'flex' },\n  s: { display: 'none' },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n  l: { fontSize: 18, marginBottom: 4 },\n  m: { fontSize: 16, marginBottom: 4 },\n  s: { fontSize: 14, marginBottom: 4 },\n}\n\nexport const SIZES_TITLE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n  l: { fontSize: 18, marginBottom: 0 },\n  m: { fontSize: 16, marginBottom: 0 },\n  s: { fontSize: 14, marginBottom: 0 },\n}\n\nexport const SIZES_TITLE_SQUARE: Record<Size, CSSProperties> = {\n  l: { fontSize: 24, marginBottom: 16 },\n  m: { fontSize: 20, marginBottom: 12 },\n  s: {},\n}\n\nexport const SIZES_TITLE_SQUARE_WITHOUT_TEXT: Record<Size, CSSProperties> = {\n  l: { fontSize: 24, marginBottom: 0 },\n  m: { fontSize: 20, marginBottom: 0 },\n  s: {},\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  l: { fontSize: 16 },\n  m: { fontSize: 14 },\n  s: { fontSize: 14 },\n}\n\nexport const SIZES_TEXT_SQUARE: Record<Size, CSSProperties> = {\n  l: { fontSize: 20 },\n  m: { fontSize: 16 },\n  s: {},\n}\n"],"names":["SIZES","l","padding","borderRadius","m","s","SIZES_SQUARE","width","minHeight","SIZES_ICON_CONTAINER","marginLeft","SIZES_ICON_CONTAINER_SQUARE","marginBottom","SIZES_ICON","fontSize","SIZES_ICON_SQUARE","SIZES_CONTENT","display","SIZES_CONTENT_SQUARE","SIZES_TITLE","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TEXT","SIZES_TEXT_SQUARE"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,EAAG,CAAEC,QAAS,GAAIC,aAAc,IAChCC,EAAG,CAAEF,QAAS,GAAIC,aAAc,GAChCE,EAAG,CAAEH,QAAS,GAAIC,aAAc,IAG3B,MAAMG,aAA4C,CACvDL,EAAG,CAAEC,QAAS,GAAIK,MAAO,IAAKC,UAAW,IAAKL,aAAc,IAC5DC,EAAG,CAAEF,QAAS,GAAIK,MAAO,IAAKC,UAAW,IAAKL,aAAc,IAC5DE,EAAG,CAAEH,QAAS,GAAIK,MAAO,IAAKC,UAAW,IAAKL,aAAc,KAGvD,MAAMM,qBAAoD,CAC/DR,EAAG,CAAES,WAAY,IACjBN,EAAG,CAAEM,WAAY,IACjBL,EAAG,CAAEK,WAAY,KAGZ,MAAMC,4BAA2D,CACtEV,EAAG,CAAEW,aAAc,IACnBR,EAAG,CAAEQ,aAAc,GACnBP,EAAG,CAAEO,aAAc,IAGd,MAAMC,WAA0C,CACrDZ,EAAG,CAAEa,SAAU,IACfV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,KAGV,MAAMC,kBAAiD,CAC5Dd,EAAG,CAAEa,SAAU,IACfV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,KAGV,MAAME,cAA6C,CACxDf,EAAG,CAAEgB,QAAS,QACdb,EAAG,CAAEa,QAAS,QACdZ,EAAG,CAAEY,QAAS,SAGT,MAAMC,qBAAoD,CAC/DjB,EAAG,CAAEgB,QAAS,QACdb,EAAG,CAAEa,QAAS,QACdZ,EAAG,CAAEY,QAAS,SAGT,MAAME,YAA2C,CACtDlB,EAAG,CAAEa,SAAU,GAAIF,aAAc,GACjCR,EAAG,CAAEU,SAAU,GAAIF,aAAc,GACjCP,EAAG,CAAES,SAAU,GAAIF,aAAc,IAG5B,MAAMQ,yBAAwD,CACnEnB,EAAG,CAAEa,SAAU,GAAIF,aAAc,GACjCR,EAAG,CAAEU,SAAU,GAAIF,aAAc,GACjCP,EAAG,CAAES,SAAU,GAAIF,aAAc,IAG5B,MAAMS,mBAAkD,CAC7DpB,EAAG,CAAEa,SAAU,GAAIF,aAAc,IACjCR,EAAG,CAAEU,SAAU,GAAIF,aAAc,IACjCP,EAAG,CAAC,GAGC,MAAMiB,gCAA+D,CAC1ErB,EAAG,CAAEa,SAAU,GAAIF,aAAc,GACjCR,EAAG,CAAEU,SAAU,GAAIF,aAAc,GACjCP,EAAG,CAAC,GAGC,MAAMkB,WAA0C,CACrDtB,EAAG,CAAEa,SAAU,IACfV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,KAGV,MAAMU,kBAAiD,CAC5DvB,EAAG,CAAEa,SAAU,IACfV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAC"}

package/components/AddElement/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var responsiveSize=require('../../mixins/responsive-size.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      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);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 { 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      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`\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","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{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      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);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