@foxford/ui 2.200.0-beta-5ef03d0-20260310 → 2.222.0-beta-e421dbf-20260416

package/components/FormInputLabel/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardFormInputLabelProp=createShouldForwardProp((o=>!['primary','secondary','error','success','focus','disabled','onColored','inline','zIndex','overflow'].includes(o)));const shouldForwardContainerProp=createShouldForwardProp((o=>!['grow'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover(`\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${o.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${o.backgroundColor}; \n  }\n`;const COLOR_SCHEMA={contrast:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette})))},secondary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-secondary']:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),...o.palette})))},primary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette})))}};const Dropdown=styled.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-1"})([""," "," "," "," ",""],(o=>{const r='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: center;\n      min-width: min-content;\n      line-height: normal;\n      border: ${r} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      overflow: ${o.overflow??'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > ${Dropdown} {\n        right: -${r};\n        left: -${r};\n      }\n\n      ${hover("\n          opacity: 0;\n        ",'&:hover [data-input-fading]::after')}\n    `}),(o=>o.focus?`\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `:`\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `),(o=>{let r=COLOR_SCHEMA.primary;return o.secondary&&(r=COLOR_SCHEMA.secondary),(o.contrast||o.onColored)&&(r=COLOR_SCHEMA.contrast),o.disabled?r.disabled:o.error?r.error:o.success?r.success:r.default}),responsiveSize,responsiveMargin);const Container=styled.div.withConfig({shouldForwardProp:shouldForwardContainerProp}).withConfig({displayName:"FormInputLabel__Container",componentId:"ui__sc-1il4atw-2"})([""," "," ",""],(o=>`\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${o.grow??0};\n  `),responsiveSize,responsiveMargin);export{Container,Dropdown,Root};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardFormInputLabelProp=createShouldForwardProp(o=>!['primary','secondary','error','success','focus','disabled','onColored','inline','zIndex','overflow'].includes(o));const shouldForwardContainerProp=createShouldForwardProp(o=>!['grow'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover(`\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${o.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${o.backgroundColor}; \n  }\n`;const COLOR_SCHEMA={contrast:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))},secondary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-secondary']:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),...o.palette}))},primary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,backgroundColorHover:o.theme.colors['bg-disabled-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],backgroundColorHover:o.focus?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),...o.palette}))}};const Dropdown=styled.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-1"})([""," "," "," "," ",""],o=>{const r='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: center;\n      min-width: min-content;\n      line-height: normal;\n      border: ${r} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      overflow: ${o.overflow??'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > *:not(:first-child) {\n        margin-left: var(--gap);\n      }\n\n      & > ${Dropdown} {\n        right: -${r};\n        left: -${r};\n        margin-left: 0;\n      }\n\n      ${hover("\n          opacity: 0;\n        ",'&:hover [data-input-fading]::after')}\n    `},o=>o.focus?`\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `:`\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `,o=>{let r=COLOR_SCHEMA.primary;return o.secondary&&(r=COLOR_SCHEMA.secondary),(o.contrast||o.onColored)&&(r=COLOR_SCHEMA.contrast),o.disabled?r.disabled:o.error?r.error:o.success?r.success:r.default},responsiveSize,responsiveMargin);const Container=styled.div.withConfig({shouldForwardProp:shouldForwardContainerProp}).withConfig({displayName:"FormInputLabel__Container",componentId:"ui__sc-1il4atw-2"})([""," "," ",""],o=>`\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${o.grow??0};\n  `,responsiveSize,responsiveMargin);const AddonLeft=styled.div.withConfig({displayName:"FormInputLabel__AddonLeft",componentId:"ui__sc-1il4atw-3"})(["display:flex;align-items:center;& > *:not(:first-child){margin-left:var(--gap);}"]);const AddonRight=styled.div.withConfig({shouldForwardProp:o=>!['marginRight'].includes(o)}).withConfig({displayName:"FormInputLabel__AddonRight",componentId:"ui__sc-1il4atw-4"})(["display:flex;align-items:center;margin-right:","px;& > *:not(:first-child){margin-left:var(--gap);}"],o=>o.marginRight);export{AddonLeft,AddonRight,Container,Dropdown,Root};
 //# sourceMappingURL=style.mjs.map

package/components/FormInputLabel/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormInputLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormInputLabelProps, FormInputLabelPalette, StyledContainerProps } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'error',\n      'success',\n      'focus',\n      'disabled',\n      'onColored',\n      'inline',\n      'zIndex',\n      'overflow',\n    ].includes(propKey)\n)\n\nconst shouldForwardContainerProp = createShouldForwardProp((propKey) => !['grow'].includes(propKey))\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${palette.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${palette.backgroundColor}; \n  }\n`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  secondary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-secondary']\n            : (tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  primary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Dropdown = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  margin-top: 8px;\n`\n\nexport const Root = styled.div.withConfig<StyledFormInputLabelProps>({\n  shouldForwardProp: shouldForwardFormInputLabelProp,\n})`\n  ${(props) => {\n    const borderWidth = '1px'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      align-items: center;\n      min-width: min-content;\n      line-height: normal;\n      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      overflow: ${props.overflow ?? 'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n      }\n\n      ${hover(\n        `\n          opacity: 0;\n        `,\n        '&:hover [data-input-fading]::after'\n      )}\n    `\n  }}\n\n  ${(props) =>\n    props.focus\n      ? `\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `\n      : `\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `}\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.secondary) schema = COLOR_SCHEMA.secondary\n    if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div.withConfig<StyledContainerProps>({\n  shouldForwardProp: shouldForwardContainerProp,\n})`\n  ${(props) => `\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${props.grow ?? 0};\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","shouldForwardContainerProp","template","palette","color","backgroundColor","borderColor","hover","backgroundColorHover","COLOR_SCHEMA","contrast","disabled","css","props","theme","colors","transparent","error","success","default","focus","tinycolor","darken","toString","secondary","primary","Dropdown","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","borderWidth","inline","zIndex","overflow","white","schema","onColored","responsiveSize","responsiveMargin","Container","grow"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormInputLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormInputLabelProps, FormInputLabelPalette, StyledContainerProps } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'error',\n      'success',\n      'focus',\n      'disabled',\n      'onColored',\n      'inline',\n      'zIndex',\n      'overflow',\n    ].includes(propKey)\n)\n\nconst shouldForwardContainerProp = createShouldForwardProp((propKey) => !['grow'].includes(propKey))\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:focus-within {\n    background-color: ${palette.backgroundColor};\n  }\n  & [data-input-fading]::after {\n    color: ${palette.backgroundColor}; \n  }\n`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  secondary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-secondary']\n            : (tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n  primary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          backgroundColorHover: props.focus\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor),\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Dropdown = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  margin-top: 8px;\n`\n\nexport const Root = styled.div.withConfig<StyledFormInputLabelProps>({\n  shouldForwardProp: shouldForwardFormInputLabelProp,\n})`\n  ${(props) => {\n    const borderWidth = '1px'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      align-items: center;\n      min-width: min-content;\n      line-height: normal;\n      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      overflow: ${props.overflow ?? 'visible'};\n      transition-property: background-color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n\n      & > *:not(:first-child) {\n        margin-left: var(--gap);\n      }\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n        margin-left: 0;\n      }\n\n      ${hover(\n        `\n          opacity: 0;\n        `,\n        '&:hover [data-input-fading]::after'\n      )}\n    `\n  }}\n\n  ${(props) =>\n    props.focus\n      ? `\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n        & [data-input-fading]::after {\n          opacity: 0;\n        }\n      `\n      : `\n        &:focus-within {\n          box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        &:focus-within [data-input-fading]::after {\n          opacity: 0;\n        }\n      `}\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.secondary) schema = COLOR_SCHEMA.secondary\n    if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Container = styled.div.withConfig<StyledContainerProps>({\n  shouldForwardProp: shouldForwardContainerProp,\n})`\n  ${(props) => `\n    display: flex;\n    box-sizing: border-box;\n    align-self: stretch;\n    align-items: stretch;\n    cursor: inherit;\n    flex-grow: ${props.grow ?? 0};\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const AddonLeft = styled.div`\n  display: flex;\n  align-items: center;\n\n  & > *:not(:first-child) {\n    margin-left: var(--gap);\n  }\n`\n\nexport const AddonRight = styled.div.withConfig<{ marginRight: number }>({\n  shouldForwardProp: (propKey) => !['marginRight'].includes(propKey),\n})`\n  display: flex;\n  align-items: center;\n  margin-right: ${(props) => props.marginRight}px;\n\n  & > *:not(:first-child) {\n    margin-left: var(--gap);\n  }\n`\n"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","shouldForwardContainerProp","template","palette","color","backgroundColor","borderColor","hover","backgroundColorHover","COLOR_SCHEMA","contrast","disabled","css","props","theme","colors","transparent","error","success","default","focus","tinycolor","darken","toString","secondary","primary","Dropdown","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","borderWidth","inline","zIndex","overflow","white","schema","onColored","responsiveSize","responsiveMargin","Container","grow","AddonLeft","AddonRight","marginRight"],"mappings":"uTASA,MAAMA,gCAAkCC,wBACrCC,IACE,CACC,UACA,YACA,QACA,UACA,QACA,WACA,YACA,SACA,SACA,YACAC,SAASD,IAGf,MAAME,2BAA6BH,wBAAyBC,IAAa,CAAC,QAAQC,SAASD,IAE3F,MAAMG,SAAYC,GAAmC,cAC1CA,EAAQC,+BACGD,EAAQE,qCACZF,EAAQG,mBACtBC,MAAM,2BACcJ,EAAQK,2EAGRL,EAAQE,uEAGnBF,EAAQE,2BAIrB,MAAMI,aAAe,CACnBC,SAAU,CACRC,SAAUC,IAAG,CAAA,GAAA,IACRC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,oBAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,qBACpCT,YAAaO,EAAMC,MAAMC,OAAOC,YAChCR,qBAAsBK,EAAMC,MAAMC,OAAO,wBACtCF,EAAMV,WAGfc,MAAOL,IAAG,CAAA,GAAA,IACLC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,4BAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,sBACpCT,YAAaO,EAAMC,MAAMC,OAAO,sBAChCP,qBAAsBK,EAAMC,MAAMC,OAAO,yBACtCF,EAAMV,WAGfe,QAASN,IAAG,CAAA,GAAA,IACPC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,4BAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,wBACpCT,YAAaO,EAAMC,MAAMC,OAAO,wBAChCP,qBAAsBK,EAAMC,MAAMC,OAAO,2BACtCF,EAAMV,WAGfgB,QAASP,IAAG,CAAA,GAAA,IACPC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,4BAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,qBACpCT,YAAaO,EAAMC,MAAMC,OAAO,+BAChCP,qBAAsBK,EAAMO,MACxBP,EAAMC,MAAMC,OAAO,qBAClBM,UAAUR,EAAMC,MAAMC,OAAO,sBAAsBO,OAAO,GAAGC,cAC/DV,EAAMV,YAIjBqB,UAAW,CACTb,SAAUC,IAAG,CAAA,GAAA,IACRC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,oBAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,qBACpCT,YAAaO,EAAMC,MAAMC,OAAOC,YAChCR,qBAAsBK,EAAMC,MAAMC,OAAO,wBACtCF,EAAMV,WAGfc,MAAOL,IAAG,CAAA,GAAA,IACLC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,4BAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,sBACpCT,YAAaO,EAAMC,MAAMC,OAAO,sBAChCP,qBAAsBK,EAAMC,MAAMC,OAAO,yBACtCF,EAAMV,WAGfe,QAASN,IAAG,CAAA,GAAA,IACPC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,4BAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,wBACpCT,YAAaO,EAAMC,MAAMC,OAAO,wBAChCP,qBAAsBK,EAAMC,MAAMC,OAAO,2BACtCF,EAAMV,WAGfgB,QAASP,IAAG,CAAA,GAAA,IACPC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,4BAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,uBACpCT,YAAaO,EAAMC,MAAMC,OAAO,+BAChCP,qBAAsBK,EAAMO,MACxBP,EAAMC,MAAMC,OAAO,uBAClBM,UAAUR,EAAMC,MAAMC,OAAO,wBAAwBO,OAAO,GAAGC,cACjEV,EAAMV,YAIjBsB,QAAS,CACPd,SAAUC,IAAG,CAAA,GAAA,IACRC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,oBAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,qBACpCT,YAAaO,EAAMC,MAAMC,OAAOC,YAChCR,qBAAsBK,EAAMC,MAAMC,OAAO,wBACtCF,EAAMV,WAGfc,MAAOL,IAAG,CAAA,GAAA,IACLC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,4BAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,sBACpCT,YAAaO,EAAMC,MAAMC,OAAO,sBAChCP,qBAAsBK,EAAMC,MAAMC,OAAO,yBACtCF,EAAMV,WAGfe,QAASN,IAAG,CAAA,GAAA,IACPC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,4BAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,wBACpCT,YAAaO,EAAMC,MAAMC,OAAO,wBAChCP,qBAAsBK,EAAMC,MAAMC,OAAO,2BACtCF,EAAMV,WAGfgB,QAASP,IAAG,CAAA,GAAA,IACPC,GACDX,SAAS,CACPE,MAAOS,EAAMC,MAAMC,OAAO,4BAC1BV,gBAAiBQ,EAAMC,MAAMC,OAAO,qBACpCT,YAAaO,EAAMC,MAAMC,OAAO,+BAChCP,qBAAsBK,EAAMO,MACxBP,EAAMC,MAAMC,OAAO,qBAClBM,UAAUR,EAAMC,MAAMC,OAAO,sBAAsBO,OAAO,GAAGC,cAC/DV,EAAMV,mBAMNuB,SAAWC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,oBAAVJ,CAAU,CAAA,qEAO3B,MAAMK,KAAOL,OAAOC,IAAIC,WAAsC,CACnEI,kBAAmBpC,kCACnBgC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBJ,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IACGd,IACD,MAAMqB,EAAc,MAEpB,MAAO,yGAIMrB,EAAMsB,OAAS,cAAgB,0BAChCtB,EAAMF,SAAW,cAAgB,oHAIjCuB,wCACCrB,EAAMuB,QAAU,4BACfvB,EAAMwB,UAAY,sOASxBX,+BACMQ,sBACDA,iDAIT3B,MACA,oCAGA,+CAKHM,GACDA,EAAMO,MACF,mCACwBP,EAAMC,MAAMC,OAAOuB,oBAAoBzB,EAAMC,MAAMC,OAAO,4KAOlF,+DAE0BF,EAAMC,MAAMC,OAAOuB,oBAAoBzB,EAAMC,MAAMC,OAAO,wMASvFF,IACD,IAAI0B,EAAS9B,aAAagB,QAK1B,OAHIZ,EAAMW,YAAWe,EAAS9B,aAAae,YACvCX,EAAMH,UAAYG,EAAM2B,aAAWD,EAAS9B,aAAaC,UAEzDG,EAAMF,SAAiB4B,EAAO5B,SAC9BE,EAAMI,MAAcsB,EAAOtB,MAC3BJ,EAAMK,QAAgBqB,EAAOrB,QAE1BqB,EAAOpB,SAGdsB,eACAC,kBAGG,MAAMC,UAAYhB,OAAOC,IAAIC,WAAiC,CACnEI,kBAAmBhC,6BACnB4B,WAAA,CAAAC,YAAA,4BAAAC,YAAA,oBAFuBJ,CAEvB,CAAA,GAAA,IAAA,IAAA,IACGd,GAAU,gJAMEA,EAAM+B,MAAQ,SAG3BH,eACAC,wBAGSG,UAAYlB,OAAOC,IAAGC,WAAA,CAAAC,YAAA,4BAAAC,YAAA,oBAAVJ,CAAU,CAAA,qFAS5B,MAAMmB,WAAanB,OAAOC,IAAIC,WAAoC,CACvEI,kBAAoBlC,IAAa,CAAC,eAAeC,SAASD,KAC1D8B,WAAA,CAAAC,YAAA,6BAAAC,YAAA,oBAFwBJ,CAExB,CAAA,gDAAA,uDAGiBd,GAAUA,EAAMkC"}

package/components/FormLabel/FormLabel.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/HelpCircle/index.js');var Tooltip=require('../Tooltip/Tooltip.js');var Badge=require('../Badge/Badge.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",textProps:s={},hint:t={},badgeProps:n={},sizeXXS:r,sizeXS:i,sizeS:o,sizeM:a,sizeL:c,sizeXL:l,disabled:d,error:p,success:u,checked:x,children:j,control:m,label:b,...T},z)=>{const I={size:e,sizeXXS:r,sizeXS:i,sizeS:o,sizeM:a,sizeL:c,sizeXL:l};const S={disabled:d,error:p,success:u,checked:x};const h=typeof m=='object'&&typeof m.props=='object'&&m.props!==null?m.props:{};const{text:B,textProps:R={},buttonProps:L={},tooltipProps:g={}}=t;return jsxRuntime.jsxs(style.Root,{...T,...I,...S,ref:z,children:[jsxRuntime.jsx(style.Control,{children:typeof m=='function'?m({...I,...S}):React.cloneElement(m,{...I,...S,...h})}),jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:constants.SIZES_LABEL,...I,...s,children:b??j}),B?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",color:S.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:constants.SIZES_SUBTITLE,...I,...R,children:B}):null]}),jsxRuntime.jsxs(style.Hint,{sizes:constants.SIZES_HINT,...I,children:[!L.onClick||g.title||g.content?null:jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...I,sizes:constants.SIZES_HINT_BUTTON,iconProps:{sizes:constants.SIZES_HINT_ICON},...L,disabled:S.disabled||L.disabled}),g.title||g.content?jsxRuntime.jsx(Tooltip.Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...g,children:jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...I,sizes:constants.SIZES_HINT_BUTTON,iconProps:{sizes:constants.SIZES_HINT_ICON},...L,disabled:S.disabled||L.disabled})}):null,n.children?jsxRuntime.jsx(Badge.Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...n}):null]})]})})),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/HelpCircle/index.js');var Tooltip=require('../Tooltip/Tooltip.js');var Badge=require('../Badge/Badge.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef(({size:e="m",textProps:s={},hint:t={},badgeProps:r={},sizeXXS:n,sizeXS:i,sizeS:o,sizeM:a,sizeL:c,sizeXL:l,disabled:d,error:u,success:p,checked:x,children:j,control:m,label:b,...T},z)=>{const h={size:e,sizeXXS:n,sizeXS:i,sizeS:o,sizeM:a,sizeL:c,sizeXL:l};const S={disabled:d,error:u,success:p,checked:x};const B=typeof m=='object'&&typeof m.props=='object'&&m.props!==null?m.props:{};const{text:R,textProps:I={},buttonProps:L={},tooltipProps:g={}}=t;return jsxRuntime.jsxs(style.Root,{...T,...h,...S,ref:z,children:[jsxRuntime.jsx(style.Control,{children:typeof m=='function'?m({...h,...S}):React.cloneElement(m,{...h,...S,...B})}),jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:constants.SIZES_LABEL,...h,...s,children:b??j}),R?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",color:S.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:constants.SIZES_SUBTITLE,...h,...I,children:R}):null]}),jsxRuntime.jsxs(style.Hint,{sizes:constants.SIZES_HINT,...h,children:[!L.onClick||g.title||g.content?null:jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...h,sizes:constants.SIZES_HINT_BUTTON,...L,disabled:S.disabled||L.disabled}),g.title||g.content?jsxRuntime.jsx(Tooltip.Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...g,children:jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...h,sizes:constants.SIZES_HINT_BUTTON,...L,disabled:S.disabled||L.disabled})}):null,r.children?jsxRuntime.jsx(Badge.Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...r}):null]})]})}),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
 //# sourceMappingURL=FormLabel.js.map

package/components/FormLabel/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { HelpCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_HINT_ICON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        children,\n        control,\n        label,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon={<HelpCircle />}\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                iconProps={{\n                  // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                  sizes: SIZES_HINT_ICON,\n                }}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon={<HelpCircle />}\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  iconProps={{\n                    // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                    sizes: SIZES_HINT_ICON,\n                  }}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","cloneElement","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","HelpCircle","marginLeft","SIZES_HINT_BUTTON","iconProps","SIZES_HINT_ICON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"0cAuBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YACE,EAEIC,OAAO,IACPC,YAAY,CAAA,EACZC,OAAO,CAAA,EACPC,aAAa,CAAA,EACbC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAA,EAC3BC,YAAaC,EAAkB,CAAA,EAC/BC,aAAcC,EAAmB,CAAA,GAC/B1B,EAEJ,OACE2B,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAAA,CAC9DiB,WAAAA,IAACD,cAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELY,MAAAA,aAAajB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,WAAAA,KAACC,cAAc,CAAAhB,SAAA,CACbiB,WAAAA,IAACE,UAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,UAAAA,eACHpB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,WAAAA,IAACE,UAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOhB,EAAWV,SAAW,mBAAqB,2BAClD2B,UAAU,aACVC,MAAOE,UAAAA,kBACHrB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,WAAAA,KAACC,WAAW,CAACQ,MAAOG,UAAAA,cAAgBtB,EAASL,WAC1CY,EAAgBgB,SAAYd,EAAiBe,OAAUf,EAAiBgB,QAarE,KAZFb,WAAAA,IAACc,sBAAU,CACTC,KAAMf,WAAAA,IAACgB,MAAAA,eACPC,WAAY,KACR7B,EACJmB,MAAOW,UAAAA,kBACPC,UAAW,CAETZ,MAAOa,UAAAA,oBAELzB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBe,OAASf,EAAiBgB,QAC1Cb,WAAAA,IAACqB,gBAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB7B,EAAgBd,SAEpBiB,WAAAA,IAACc,sBAAU,CACTC,KAAMf,WAAAA,IAACgB,MAAAA,eACPC,WAAY,KACR7B,EACJmB,MAAOW,UAAAA,kBACPC,UAAW,CAETZ,MAAOa,UAAAA,oBAELzB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,WAAAA,IAAC2B,MAAAA,MAAK,CAAC1D,KAAK,IAAIyD,OAAO,UAAUT,WAAY,EAAGW,oBAAkB,KAAKxD,IACrE,UAEM,IAIpB,CACEyD,YAvJmB,YAwJnBtB,MAAOuB,UAAAA,+BAxJY"}
+{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { HelpCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        children,\n        control,\n        label,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon={<HelpCircle />}\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon={<HelpCircle />}\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","cloneElement","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","HelpCircle","marginLeft","SIZES_HINT_BUTTON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"0cAuBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,WACE,EAEIC,OAAO,IACPC,YAAY,CAAA,EACZC,OAAO,CAAA,EACPC,aAAa,CAAA,EACbC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAA,EAC3BC,YAAaC,EAAkB,CAAA,EAC/BC,aAAcC,EAAmB,CAAA,GAC/B1B,EAEJ,OACE2B,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAAA,CAC9DiB,WAAAA,IAACD,cAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELY,MAAAA,aAAajB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,WAAAA,KAACC,cAAc,CAAAhB,SAAA,CACbiB,WAAAA,IAACE,UAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,UAAAA,eACHpB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,WAAAA,IAACE,UAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOhB,EAAWV,SAAW,mBAAqB,2BAClD2B,UAAU,aACVC,MAAOE,UAAAA,kBACHrB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,WAAAA,KAACC,WAAW,CAACQ,MAAOG,UAAAA,cAAgBtB,EAASL,WAC1CY,EAAgBgB,SAAYd,EAAiBe,OAAUf,EAAiBgB,QASrE,KARFb,WAAAA,IAACc,sBAAU,CACTC,KAAMf,WAAAA,IAACgB,MAAAA,eACPC,WAAY,KACR7B,EACJmB,MAAOW,UAAAA,qBACHvB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBe,OAASf,EAAiBgB,QAC1Cb,WAAAA,IAACmB,gBAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB3B,EAAgBd,SAEpBiB,WAAAA,IAACc,sBAAU,CACTC,KAAMf,WAAAA,IAACgB,MAAAA,eACPC,WAAY,KACR7B,EACJmB,MAAOW,UAAAA,qBACHvB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,WAAAA,IAACyB,MAAAA,MAAK,CAACxD,KAAK,IAAIuD,OAAO,UAAUP,WAAY,EAAGS,oBAAkB,KAAKtD,IACrE,aAMd,CACEuD,YA/ImB,YAgJnBpB,MAAOqB,UAAAA,+BAhJY"}

package/components/FormLabel/FormLabel.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Control,Content,Hint}from'./style.mjs';import{SIZES,SIZES_LABEL,SIZES_SUBTITLE,SIZES_HINT,SIZES_HINT_ICON,SIZES_HINT_BUTTON}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{HelpCircle}from'../../icon-pack/src/icons/HelpCircle/index.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';import{Badge}from'../Badge/Badge.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef((({size:e="m",textProps:o={},hint:s={},badgeProps:r={},sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a,disabled:p,error:d,success:m,checked:S,children:I,control:T,label:j,...x},E)=>{const b={size:e,sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a};const f={disabled:p,error:d,success:m,checked:S};const z=typeof T=='object'&&typeof T.props=='object'&&T.props!==null?T.props:{};const{text:N,textProps:_={},buttonProps:h={},tooltipProps:u={}}=s;return jsxs(Root,{...x,...b,...f,ref:E,children:[jsx(Control,{children:typeof T=='function'?T({...b,...f}):cloneElement(T,{...b,...f,...z})}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:SIZES_LABEL,...b,...o,children:j??I}),N?jsx(Text,{as:"span",appearance:"caption",color:f.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:SIZES_SUBTITLE,...b,..._,children:N}):null]}),jsxs(Hint,{sizes:SIZES_HINT,...b,children:[!h.onClick||u.title||u.content?null:jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...b,sizes:SIZES_HINT_BUTTON,iconProps:{sizes:SIZES_HINT_ICON},...h,disabled:f.disabled||h.disabled}),u.title||u.content?jsx(Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...u,children:jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...b,sizes:SIZES_HINT_BUTTON,iconProps:{sizes:SIZES_HINT_ICON},...h,disabled:f.disabled||h.disabled})}):null,r.children?jsx(Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...r}):null]})]})})),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};
+import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Control,Content,Hint}from'./style.mjs';import{SIZES,SIZES_LABEL,SIZES_SUBTITLE,SIZES_HINT,SIZES_HINT_BUTTON}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{HelpCircle}from'../../icon-pack/src/icons/HelpCircle/index.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';import{Badge}from'../Badge/Badge.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef(({size:e="m",textProps:o={},hint:s={},badgeProps:r={},sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a,disabled:p,error:d,success:m,checked:S,children:T,control:j,label:x,...b},f)=>{const I={size:e,sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a};const z={disabled:p,error:d,success:m,checked:S};const E=typeof j=='object'&&typeof j.props=='object'&&j.props!==null?j.props:{};const{text:h,textProps:u={},buttonProps:B={},tooltipProps:L={}}=s;return jsxs(Root,{...b,...I,...z,ref:f,children:[jsx(Control,{children:typeof j=='function'?j({...I,...z}):cloneElement(j,{...I,...z,...E})}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:SIZES_LABEL,...I,...o,children:x??T}),h?jsx(Text,{as:"span",appearance:"caption",color:z.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:SIZES_SUBTITLE,...I,...u,children:h}):null]}),jsxs(Hint,{sizes:SIZES_HINT,...I,children:[!B.onClick||L.title||L.content?null:jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...I,sizes:SIZES_HINT_BUTTON,...B,disabled:z.disabled||B.disabled}),L.title||L.content?jsx(Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...L,children:jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...I,sizes:SIZES_HINT_BUTTON,...B,disabled:z.disabled||B.disabled})}):null,r.children?jsx(Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...r}):null]})]})}),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};
 //# sourceMappingURL=FormLabel.mjs.map

package/components/FormLabel/FormLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.mjs","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { HelpCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_HINT_ICON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        children,\n        control,\n        label,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon={<HelpCircle />}\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                iconProps={{\n                  // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                  sizes: SIZES_HINT_ICON,\n                }}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon={<HelpCircle />}\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  iconProps={{\n                    // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                    sizes: SIZES_HINT_ICON,\n                  }}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","cloneElement","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","HelpCircle","marginLeft","SIZES_HINT_BUTTON","iconProps","SIZES_HINT_ICON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"8hBAYA,MAAMA,eAAiB,YAWvB,MAAMC,UAA6DC,gBACjEC,YACE,EAEIC,OAAO,IACPC,YAAY,CAAA,EACZC,OAAO,CAAA,EACPC,aAAa,CAAA,EACbC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAA,EAC3BC,YAAaC,EAAkB,CAAA,EAC/BC,aAAcC,EAAmB,CAAA,GAC/B1B,EAEJ,OACE2B,KAACC,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAAA,CAC9DiB,IAACD,QAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELY,aAAajB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,KAACC,QAAc,CAAAhB,SAAA,CACbiB,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,eACHpB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOhB,EAAWV,SAAW,mBAAqB,2BAClD2B,UAAU,aACVC,MAAOE,kBACHrB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,KAACC,KAAW,CAACQ,MAAOG,cAAgBtB,EAASL,WAC1CY,EAAgBgB,SAAYd,EAAiBe,OAAUf,EAAiBgB,QAarE,KAZFb,IAACc,WAAU,CACTC,KAAMf,IAACgB,eACPC,WAAY,KACR7B,EACJmB,MAAOW,kBACPC,UAAW,CAETZ,MAAOa,oBAELzB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBe,OAASf,EAAiBgB,QAC1Cb,IAACqB,QAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB7B,EAAgBd,SAEpBiB,IAACc,WAAU,CACTC,KAAMf,IAACgB,eACPC,WAAY,KACR7B,EACJmB,MAAOW,kBACPC,UAAW,CAETZ,MAAOa,oBAELzB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,IAAC2B,MAAK,CAAC1D,KAAK,IAAIyD,OAAO,UAAUT,WAAY,EAAGW,oBAAkB,KAAKxD,IACrE,UAEM,IAIpB,CACEyD,YAvJmB,YAwJnBtB,MAAOuB"}
+{"version":3,"file":"FormLabel.mjs","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { HelpCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        children,\n        control,\n        label,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon={<HelpCircle />}\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon={<HelpCircle />}\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","cloneElement","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","HelpCircle","marginLeft","SIZES_HINT_BUTTON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"8gBAYA,MAAMA,eAAiB,YAWvB,MAAMC,UAA6DC,gBACjEC,WACE,EAEIC,OAAO,IACPC,YAAY,CAAA,EACZC,OAAO,CAAA,EACPC,aAAa,CAAA,EACbC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAA,EAC3BC,YAAaC,EAAkB,CAAA,EAC/BC,aAAcC,EAAmB,CAAA,GAC/B1B,EAEJ,OACE2B,KAACC,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAAA,CAC9DiB,IAACD,QAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELY,aAAajB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,KAACC,QAAc,CAAAhB,SAAA,CACbiB,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,eACHpB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOhB,EAAWV,SAAW,mBAAqB,2BAClD2B,UAAU,aACVC,MAAOE,kBACHrB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,KAACC,KAAW,CAACQ,MAAOG,cAAgBtB,EAASL,WAC1CY,EAAgBgB,SAAYd,EAAiBe,OAAUf,EAAiBgB,QASrE,KARFb,IAACc,WAAU,CACTC,KAAMf,IAACgB,eACPC,WAAY,KACR7B,EACJmB,MAAOW,qBACHvB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBe,OAASf,EAAiBgB,QAC1Cb,IAACmB,QAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB3B,EAAgBd,SAEpBiB,IAACc,WAAU,CACTC,KAAMf,IAACgB,eACPC,WAAY,KACR7B,EACJmB,MAAOW,qBACHvB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,IAACyB,MAAK,CAACxD,KAAK,IAAIuD,OAAO,UAAUP,WAAY,EAAGS,oBAAkB,KAAKtD,IACrE,aAMd,CACEuD,YA/ImB,YAgJnBpB,MAAOqB"}

package/components/FormLabel/constants.js

@@ -1,2 +1,2 @@
-'use strict';var sizes=require('../IconButton/sizes.js');const SIZE_FORM_LABEL={padding:'7px 11px',borderRadius:10,minWidth:'min-content'};const SIZES={xl:{...SIZE_FORM_LABEL,minHeight:56},l:{...SIZE_FORM_LABEL,minHeight:52},m:{...SIZE_FORM_LABEL,minHeight:48},s:{...SIZE_FORM_LABEL,minHeight:44},xs:{...SIZE_FORM_LABEL,minHeight:40}};const SIZES_HINT_BUTTON={xl:sizes.SIZES.xl,l:sizes.SIZES.l,m:sizes.SIZES.l,s:sizes.SIZES.m,xs:sizes.SIZES.m};const SIZES_HINT_ICON={xl:sizes.SIZES_ICON.xl,l:sizes.SIZES_ICON.l,m:sizes.SIZES_ICON.l,s:sizes.SIZES_ICON.m,xs:sizes.SIZES_ICON.m};exports.SIZES=SIZES,exports.SIZES_HINT={xl:{marginTop:4},l:{marginTop:4},m:{marginTop:2},s:{marginTop:2},xs:{marginTop:0}},exports.SIZES_HINT_BUTTON=SIZES_HINT_BUTTON,exports.SIZES_HINT_ICON=SIZES_HINT_ICON,exports.SIZES_LABEL={xl:{fontSize:20,marginTop:7},l:{fontSize:18,marginTop:6},m:{fontSize:18,marginTop:4},s:{fontSize:16,marginTop:4},xs:{fontSize:14,marginTop:4}},exports.SIZES_SUBTITLE={xl:{fontSize:16,marginTop:8,marginBottom:8},l:{fontSize:16,marginTop:8,marginBottom:5},m:{fontSize:16,marginTop:7,marginBottom:4},s:{fontSize:14,marginTop:6,marginBottom:2},xs:{fontSize:12,marginTop:4,marginBottom:1}};
+'use strict';var sizes=require('../IconButton/sizes.js');const SIZE_FORM_LABEL={padding:'7px 11px',borderRadius:10,minWidth:'min-content'};const SIZES={xl:{...SIZE_FORM_LABEL,minHeight:56},l:{...SIZE_FORM_LABEL,minHeight:52},m:{...SIZE_FORM_LABEL,minHeight:48},s:{...SIZE_FORM_LABEL,minHeight:44},xs:{...SIZE_FORM_LABEL,minHeight:40}};const SIZES_HINT_BUTTON={xl:sizes.SIZES_BASE.xl,l:sizes.SIZES_BASE.l,m:sizes.SIZES_BASE.l,s:sizes.SIZES_BASE.m,xs:sizes.SIZES_BASE.m};exports.SIZES=SIZES,exports.SIZES_HINT={xl:{marginTop:4},l:{marginTop:4},m:{marginTop:2},s:{marginTop:2},xs:{marginTop:0}},exports.SIZES_HINT_BUTTON=SIZES_HINT_BUTTON,exports.SIZES_LABEL={xl:{fontSize:20,marginTop:7},l:{fontSize:18,marginTop:6},m:{fontSize:18,marginTop:4},s:{fontSize:16,marginTop:4},xs:{fontSize:14,marginTop:4}},exports.SIZES_SUBTITLE={xl:{fontSize:16,marginTop:8,marginBottom:8},l:{fontSize:16,marginTop:8,marginBottom:5},m:{fontSize:16,marginTop:7,marginBottom:4},s:{fontSize:14,marginTop:6,marginBottom:2},xs:{fontSize:12,marginTop:4,marginBottom:1}};
 //# sourceMappingURL=constants.js.map

package/components/FormLabel/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_BUTTON, SIZES_ICON as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nconst SIZE_FORM_LABEL: CSSProperties = {\n  padding: '7px 11px',\n  borderRadius: 10,\n  minWidth: 'min-content',\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: { ...SIZE_FORM_LABEL, minHeight: 56 },\n  l: { ...SIZE_FORM_LABEL, minHeight: 52 },\n  m: { ...SIZE_FORM_LABEL, minHeight: 48 },\n  s: { ...SIZE_FORM_LABEL, minHeight: 44 },\n  xs: { ...SIZE_FORM_LABEL, minHeight: 40 },\n}\n\nexport const SIZES_LABEL: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 20,\n    marginTop: 7,\n  },\n  l: {\n    fontSize: 18,\n    marginTop: 6,\n  },\n  m: {\n    fontSize: 18,\n    marginTop: 4,\n  },\n  s: {\n    fontSize: 16,\n    marginTop: 4,\n  },\n  xs: {\n    fontSize: 14,\n    marginTop: 4,\n  },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 8,\n  },\n  l: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 5,\n  },\n  m: {\n    fontSize: 16,\n    marginTop: 7,\n    marginBottom: 4,\n  },\n  s: {\n    fontSize: 14,\n    marginTop: 6,\n    marginBottom: 2,\n  },\n  xs: {\n    fontSize: 12,\n    marginTop: 4,\n    marginBottom: 1,\n  },\n}\n\nexport const SIZES_HINT: Record<Size, CSSProperties> = {\n  xl: { marginTop: 4 },\n  l: { marginTop: 4 },\n  m: { marginTop: 2 },\n  s: { marginTop: 2 },\n  xs: { marginTop: 0 },\n}\n\nexport const SIZES_HINT_BUTTON: Record<Size, CSSProperties> = {\n  xl: SIZES_BUTTON.xl,\n  l: SIZES_BUTTON.l,\n  m: SIZES_BUTTON.l,\n  s: SIZES_BUTTON.m,\n  xs: SIZES_BUTTON.m,\n}\n\nexport const SIZES_HINT_ICON: Record<Size, CSSProperties> = {\n  xl: SIZES_ICON_BUTTON.xl,\n  l: SIZES_ICON_BUTTON.l,\n  m: SIZES_ICON_BUTTON.l,\n  s: SIZES_ICON_BUTTON.m,\n  xs: SIZES_ICON_BUTTON.m,\n}\n"],"names":["SIZE_FORM_LABEL","padding","borderRadius","minWidth","SIZES","xl","minHeight","l","m","s","xs","SIZES_HINT_BUTTON","SIZES_BUTTON","SIZES_HINT_ICON","SIZES_ICON_BUTTON","marginTop","fontSize","marginBottom"],"mappings":"yDAIA,MAAMA,gBAAiC,CACrCC,QAAS,WACTC,aAAc,GACdC,SAAU,eAGL,MAAMC,MAAqC,CAChDC,GAAI,IAAKL,gBAAiBM,UAAW,IACrCC,EAAG,IAAKP,gBAAiBM,UAAW,IACpCE,EAAG,IAAKR,gBAAiBM,UAAW,IACpCG,EAAG,IAAKT,gBAAiBM,UAAW,IACpCI,GAAI,IAAKV,gBAAiBM,UAAW,KA8DhC,MAAMK,kBAAiD,CAC5DN,GAAIO,MAAAA,MAAaP,GACjBE,EAAGK,MAAAA,MAAaL,EAChBC,EAAGI,MAAAA,MAAaL,EAChBE,EAAGG,MAAAA,MAAaJ,EAChBE,GAAIE,MAAAA,MAAaJ,GAGZ,MAAMK,gBAA+C,CAC1DR,GAAIS,MAAAA,WAAkBT,GACtBE,EAAGO,MAAAA,WAAkBP,EACrBC,EAAGM,MAAAA,WAAkBP,EACrBE,EAAGK,MAAAA,WAAkBN,EACrBE,GAAII,MAAAA,WAAkBN,0CArB+B,CACrDH,GAAI,CAAEU,UAAW,GACjBR,EAAG,CAAEQ,UAAW,GAChBP,EAAG,CAAEO,UAAW,GAChBN,EAAG,CAAEM,UAAW,GAChBL,GAAI,CAAEK,UAAW,4GAxDqC,CACtDV,GAAI,CACFW,SAAU,GACVD,UAAW,GAEbR,EAAG,CACDS,SAAU,GACVD,UAAW,GAEbP,EAAG,CACDQ,SAAU,GACVD,UAAW,GAEbN,EAAG,CACDO,SAAU,GACVD,UAAW,GAEbL,GAAI,CACFM,SAAU,GACVD,UAAW,2BAI4C,CACzDV,GAAI,CACFW,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBV,EAAG,CACDS,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBT,EAAG,CACDQ,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBR,EAAG,CACDO,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBP,GAAI,CACFM,SAAU,GACVD,UAAW,EACXE,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nconst SIZE_FORM_LABEL: CSSProperties = {\n  padding: '7px 11px',\n  borderRadius: 10,\n  minWidth: 'min-content',\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: { ...SIZE_FORM_LABEL, minHeight: 56 },\n  l: { ...SIZE_FORM_LABEL, minHeight: 52 },\n  m: { ...SIZE_FORM_LABEL, minHeight: 48 },\n  s: { ...SIZE_FORM_LABEL, minHeight: 44 },\n  xs: { ...SIZE_FORM_LABEL, minHeight: 40 },\n}\n\nexport const SIZES_LABEL: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 20,\n    marginTop: 7,\n  },\n  l: {\n    fontSize: 18,\n    marginTop: 6,\n  },\n  m: {\n    fontSize: 18,\n    marginTop: 4,\n  },\n  s: {\n    fontSize: 16,\n    marginTop: 4,\n  },\n  xs: {\n    fontSize: 14,\n    marginTop: 4,\n  },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 8,\n  },\n  l: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 5,\n  },\n  m: {\n    fontSize: 16,\n    marginTop: 7,\n    marginBottom: 4,\n  },\n  s: {\n    fontSize: 14,\n    marginTop: 6,\n    marginBottom: 2,\n  },\n  xs: {\n    fontSize: 12,\n    marginTop: 4,\n    marginBottom: 1,\n  },\n}\n\nexport const SIZES_HINT: Record<Size, CSSProperties> = {\n  xl: { marginTop: 4 },\n  l: { marginTop: 4 },\n  m: { marginTop: 2 },\n  s: { marginTop: 2 },\n  xs: { marginTop: 0 },\n}\n\nexport const SIZES_HINT_BUTTON: Record<Size, CSSProperties> = {\n  xl: SIZES_ICON_BUTTON.xl,\n  l: SIZES_ICON_BUTTON.l,\n  m: SIZES_ICON_BUTTON.l,\n  s: SIZES_ICON_BUTTON.m,\n  xs: SIZES_ICON_BUTTON.m,\n}\n"],"names":["SIZE_FORM_LABEL","padding","borderRadius","minWidth","SIZES","xl","minHeight","l","m","s","xs","SIZES_HINT_BUTTON","SIZES_ICON_BUTTON","marginTop","fontSize","marginBottom"],"mappings":"yDAIA,MAAMA,gBAAiC,CACrCC,QAAS,WACTC,aAAc,GACdC,SAAU,eAGL,MAAMC,MAAqC,CAChDC,GAAI,IAAKL,gBAAiBM,UAAW,IACrCC,EAAG,IAAKP,gBAAiBM,UAAW,IACpCE,EAAG,IAAKR,gBAAiBM,UAAW,IACpCG,EAAG,IAAKT,gBAAiBM,UAAW,IACpCI,GAAI,IAAKV,gBAAiBM,UAAW,KA8DhC,MAAMK,kBAAiD,CAC5DN,GAAIO,MAAAA,WAAkBP,GACtBE,EAAGK,MAAAA,WAAkBL,EACrBC,EAAGI,MAAAA,WAAkBL,EACrBE,EAAGG,MAAAA,WAAkBJ,EACrBE,GAAIE,MAAAA,WAAkBJ,0CAb+B,CACrDH,GAAI,CAAEQ,UAAW,GACjBN,EAAG,CAAEM,UAAW,GAChBL,EAAG,CAAEK,UAAW,GAChBJ,EAAG,CAAEI,UAAW,GAChBH,GAAI,CAAEG,UAAW,oEAxDqC,CACtDR,GAAI,CACFS,SAAU,GACVD,UAAW,GAEbN,EAAG,CACDO,SAAU,GACVD,UAAW,GAEbL,EAAG,CACDM,SAAU,GACVD,UAAW,GAEbJ,EAAG,CACDK,SAAU,GACVD,UAAW,GAEbH,GAAI,CACFI,SAAU,GACVD,UAAW,2BAI4C,CACzDR,GAAI,CACFS,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBR,EAAG,CACDO,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBP,EAAG,CACDM,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBN,EAAG,CACDK,SAAU,GACVD,UAAW,EACXE,aAAc,GAEhBL,GAAI,CACFI,SAAU,GACVD,UAAW,EACXE,aAAc"}

package/components/FormLabel/constants.mjs

@@ -1,2 +1,2 @@
-import{SIZES as SIZES$1,SIZES_ICON}from'../IconButton/sizes.mjs';const SIZE_FORM_LABEL={padding:'7px 11px',borderRadius:10,minWidth:'min-content'};const SIZES={xl:{...SIZE_FORM_LABEL,minHeight:56},l:{...SIZE_FORM_LABEL,minHeight:52},m:{...SIZE_FORM_LABEL,minHeight:48},s:{...SIZE_FORM_LABEL,minHeight:44},xs:{...SIZE_FORM_LABEL,minHeight:40}};const SIZES_LABEL={xl:{fontSize:20,marginTop:7},l:{fontSize:18,marginTop:6},m:{fontSize:18,marginTop:4},s:{fontSize:16,marginTop:4},xs:{fontSize:14,marginTop:4}};const SIZES_SUBTITLE={xl:{fontSize:16,marginTop:8,marginBottom:8},l:{fontSize:16,marginTop:8,marginBottom:5},m:{fontSize:16,marginTop:7,marginBottom:4},s:{fontSize:14,marginTop:6,marginBottom:2},xs:{fontSize:12,marginTop:4,marginBottom:1}};const SIZES_HINT={xl:{marginTop:4},l:{marginTop:4},m:{marginTop:2},s:{marginTop:2},xs:{marginTop:0}};const SIZES_HINT_BUTTON={xl:SIZES$1.xl,l:SIZES$1.l,m:SIZES$1.l,s:SIZES$1.m,xs:SIZES$1.m};const SIZES_HINT_ICON={xl:SIZES_ICON.xl,l:SIZES_ICON.l,m:SIZES_ICON.l,s:SIZES_ICON.m,xs:SIZES_ICON.m};export{SIZES,SIZES_HINT,SIZES_HINT_BUTTON,SIZES_HINT_ICON,SIZES_LABEL,SIZES_SUBTITLE};
+import{SIZES_BASE}from'../IconButton/sizes.mjs';const SIZE_FORM_LABEL={padding:'7px 11px',borderRadius:10,minWidth:'min-content'};const SIZES={xl:{...SIZE_FORM_LABEL,minHeight:56},l:{...SIZE_FORM_LABEL,minHeight:52},m:{...SIZE_FORM_LABEL,minHeight:48},s:{...SIZE_FORM_LABEL,minHeight:44},xs:{...SIZE_FORM_LABEL,minHeight:40}};const SIZES_LABEL={xl:{fontSize:20,marginTop:7},l:{fontSize:18,marginTop:6},m:{fontSize:18,marginTop:4},s:{fontSize:16,marginTop:4},xs:{fontSize:14,marginTop:4}};const SIZES_SUBTITLE={xl:{fontSize:16,marginTop:8,marginBottom:8},l:{fontSize:16,marginTop:8,marginBottom:5},m:{fontSize:16,marginTop:7,marginBottom:4},s:{fontSize:14,marginTop:6,marginBottom:2},xs:{fontSize:12,marginTop:4,marginBottom:1}};const SIZES_HINT={xl:{marginTop:4},l:{marginTop:4},m:{marginTop:2},s:{marginTop:2},xs:{marginTop:0}};const SIZES_HINT_BUTTON={xl:SIZES_BASE.xl,l:SIZES_BASE.l,m:SIZES_BASE.l,s:SIZES_BASE.m,xs:SIZES_BASE.m};export{SIZES,SIZES_HINT,SIZES_HINT_BUTTON,SIZES_LABEL,SIZES_SUBTITLE};
 //# sourceMappingURL=constants.mjs.map

package/components/FormLabel/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_BUTTON, SIZES_ICON as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nconst SIZE_FORM_LABEL: CSSProperties = {\n  padding: '7px 11px',\n  borderRadius: 10,\n  minWidth: 'min-content',\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: { ...SIZE_FORM_LABEL, minHeight: 56 },\n  l: { ...SIZE_FORM_LABEL, minHeight: 52 },\n  m: { ...SIZE_FORM_LABEL, minHeight: 48 },\n  s: { ...SIZE_FORM_LABEL, minHeight: 44 },\n  xs: { ...SIZE_FORM_LABEL, minHeight: 40 },\n}\n\nexport const SIZES_LABEL: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 20,\n    marginTop: 7,\n  },\n  l: {\n    fontSize: 18,\n    marginTop: 6,\n  },\n  m: {\n    fontSize: 18,\n    marginTop: 4,\n  },\n  s: {\n    fontSize: 16,\n    marginTop: 4,\n  },\n  xs: {\n    fontSize: 14,\n    marginTop: 4,\n  },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 8,\n  },\n  l: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 5,\n  },\n  m: {\n    fontSize: 16,\n    marginTop: 7,\n    marginBottom: 4,\n  },\n  s: {\n    fontSize: 14,\n    marginTop: 6,\n    marginBottom: 2,\n  },\n  xs: {\n    fontSize: 12,\n    marginTop: 4,\n    marginBottom: 1,\n  },\n}\n\nexport const SIZES_HINT: Record<Size, CSSProperties> = {\n  xl: { marginTop: 4 },\n  l: { marginTop: 4 },\n  m: { marginTop: 2 },\n  s: { marginTop: 2 },\n  xs: { marginTop: 0 },\n}\n\nexport const SIZES_HINT_BUTTON: Record<Size, CSSProperties> = {\n  xl: SIZES_BUTTON.xl,\n  l: SIZES_BUTTON.l,\n  m: SIZES_BUTTON.l,\n  s: SIZES_BUTTON.m,\n  xs: SIZES_BUTTON.m,\n}\n\nexport const SIZES_HINT_ICON: Record<Size, CSSProperties> = {\n  xl: SIZES_ICON_BUTTON.xl,\n  l: SIZES_ICON_BUTTON.l,\n  m: SIZES_ICON_BUTTON.l,\n  s: SIZES_ICON_BUTTON.m,\n  xs: SIZES_ICON_BUTTON.m,\n}\n"],"names":["SIZE_FORM_LABEL","padding","borderRadius","minWidth","SIZES","xl","minHeight","l","m","s","xs","SIZES_LABEL","fontSize","marginTop","SIZES_SUBTITLE","marginBottom","SIZES_HINT","SIZES_HINT_BUTTON","SIZES_BUTTON","SIZES_HINT_ICON","SIZES_ICON_BUTTON"],"mappings":"iEAIA,MAAMA,gBAAiC,CACrCC,QAAS,WACTC,aAAc,GACdC,SAAU,eAGL,MAAMC,MAAqC,CAChDC,GAAI,IAAKL,gBAAiBM,UAAW,IACrCC,EAAG,IAAKP,gBAAiBM,UAAW,IACpCE,EAAG,IAAKR,gBAAiBM,UAAW,IACpCG,EAAG,IAAKT,gBAAiBM,UAAW,IACpCI,GAAI,IAAKV,gBAAiBM,UAAW,KAGhC,MAAMK,YAA2C,CACtDN,GAAI,CACFO,SAAU,GACVC,UAAW,GAEbN,EAAG,CACDK,SAAU,GACVC,UAAW,GAEbL,EAAG,CACDI,SAAU,GACVC,UAAW,GAEbJ,EAAG,CACDG,SAAU,GACVC,UAAW,GAEbH,GAAI,CACFE,SAAU,GACVC,UAAW,IAIR,MAAMC,eAA8C,CACzDT,GAAI,CACFO,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBR,EAAG,CACDK,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBP,EAAG,CACDI,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBN,EAAG,CACDG,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBL,GAAI,CACFE,SAAU,GACVC,UAAW,EACXE,aAAc,IAIX,MAAMC,WAA0C,CACrDX,GAAI,CAAEQ,UAAW,GACjBN,EAAG,CAAEM,UAAW,GAChBL,EAAG,CAAEK,UAAW,GAChBJ,EAAG,CAAEI,UAAW,GAChBH,GAAI,CAAEG,UAAW,IAGZ,MAAMI,kBAAiD,CAC5DZ,GAAIa,QAAab,GACjBE,EAAGW,QAAaX,EAChBC,EAAGU,QAAaX,EAChBE,EAAGS,QAAaV,EAChBE,GAAIQ,QAAaV,GAGZ,MAAMW,gBAA+C,CAC1Dd,GAAIe,WAAkBf,GACtBE,EAAGa,WAAkBb,EACrBC,EAAGY,WAAkBb,EACrBE,EAAGW,WAAkBZ,EACrBE,GAAIU,WAAkBZ"}
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nconst SIZE_FORM_LABEL: CSSProperties = {\n  padding: '7px 11px',\n  borderRadius: 10,\n  minWidth: 'min-content',\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: { ...SIZE_FORM_LABEL, minHeight: 56 },\n  l: { ...SIZE_FORM_LABEL, minHeight: 52 },\n  m: { ...SIZE_FORM_LABEL, minHeight: 48 },\n  s: { ...SIZE_FORM_LABEL, minHeight: 44 },\n  xs: { ...SIZE_FORM_LABEL, minHeight: 40 },\n}\n\nexport const SIZES_LABEL: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 20,\n    marginTop: 7,\n  },\n  l: {\n    fontSize: 18,\n    marginTop: 6,\n  },\n  m: {\n    fontSize: 18,\n    marginTop: 4,\n  },\n  s: {\n    fontSize: 16,\n    marginTop: 4,\n  },\n  xs: {\n    fontSize: 14,\n    marginTop: 4,\n  },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n  xl: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 8,\n  },\n  l: {\n    fontSize: 16,\n    marginTop: 8,\n    marginBottom: 5,\n  },\n  m: {\n    fontSize: 16,\n    marginTop: 7,\n    marginBottom: 4,\n  },\n  s: {\n    fontSize: 14,\n    marginTop: 6,\n    marginBottom: 2,\n  },\n  xs: {\n    fontSize: 12,\n    marginTop: 4,\n    marginBottom: 1,\n  },\n}\n\nexport const SIZES_HINT: Record<Size, CSSProperties> = {\n  xl: { marginTop: 4 },\n  l: { marginTop: 4 },\n  m: { marginTop: 2 },\n  s: { marginTop: 2 },\n  xs: { marginTop: 0 },\n}\n\nexport const SIZES_HINT_BUTTON: Record<Size, CSSProperties> = {\n  xl: SIZES_ICON_BUTTON.xl,\n  l: SIZES_ICON_BUTTON.l,\n  m: SIZES_ICON_BUTTON.l,\n  s: SIZES_ICON_BUTTON.m,\n  xs: SIZES_ICON_BUTTON.m,\n}\n"],"names":["SIZE_FORM_LABEL","padding","borderRadius","minWidth","SIZES","xl","minHeight","l","m","s","xs","SIZES_LABEL","fontSize","marginTop","SIZES_SUBTITLE","marginBottom","SIZES_HINT","SIZES_HINT_BUTTON","SIZES_ICON_BUTTON"],"mappings":"gDAIA,MAAMA,gBAAiC,CACrCC,QAAS,WACTC,aAAc,GACdC,SAAU,eAGL,MAAMC,MAAqC,CAChDC,GAAI,IAAKL,gBAAiBM,UAAW,IACrCC,EAAG,IAAKP,gBAAiBM,UAAW,IACpCE,EAAG,IAAKR,gBAAiBM,UAAW,IACpCG,EAAG,IAAKT,gBAAiBM,UAAW,IACpCI,GAAI,IAAKV,gBAAiBM,UAAW,KAGhC,MAAMK,YAA2C,CACtDN,GAAI,CACFO,SAAU,GACVC,UAAW,GAEbN,EAAG,CACDK,SAAU,GACVC,UAAW,GAEbL,EAAG,CACDI,SAAU,GACVC,UAAW,GAEbJ,EAAG,CACDG,SAAU,GACVC,UAAW,GAEbH,GAAI,CACFE,SAAU,GACVC,UAAW,IAIR,MAAMC,eAA8C,CACzDT,GAAI,CACFO,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBR,EAAG,CACDK,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBP,EAAG,CACDI,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBN,EAAG,CACDG,SAAU,GACVC,UAAW,EACXE,aAAc,GAEhBL,GAAI,CACFE,SAAU,GACVC,UAAW,EACXE,aAAc,IAIX,MAAMC,WAA0C,CACrDX,GAAI,CAAEQ,UAAW,GACjBN,EAAG,CAAEM,UAAW,GAChBL,EAAG,CAAEK,UAAW,GAChBJ,EAAG,CAAEI,UAAW,GAChBH,GAAI,CAAEG,UAAW,IAGZ,MAAMI,kBAAiD,CAC5DZ,GAAIa,WAAkBb,GACtBE,EAAGW,WAAkBX,EACrBC,EAAGU,WAAkBX,EACrBE,EAAGS,WAAkBV,EACrBE,GAAIQ,WAAkBV"}

package/components/FormLabel/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.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 shouldForwardFormLabelProp=style.createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover.hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n`;const COLOR_SCHEMA={default:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},contrast:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled__default.default.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `),(o=>{if(o.clear)return'';const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Control=styled__default.default.span.withConfig({displayName:"FormLabel__Control",componentId:"ui__sc-mry1kz-1"})(["margin:4px 0;height:fit-content;"]);const Content=styled__default.default.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const Hint=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Hint",componentId:"ui__sc-mry1kz-3"})(["display:flex;align-items:center;height:fit-content;",""],responsiveSize.responsiveSize);exports.Content=Content,exports.Control=Control,exports.Hint=Hint,exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.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 shouldForwardFormLabelProp=style.createShouldForwardProp(o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover.hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n`;const COLOR_SCHEMA={default:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette})),error:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette})),checked:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))},contrast:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})),error:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette})),success:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette})),checked:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))}};const Root=styled__default.default.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `,o=>{if(o.clear)return'';const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default},responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Control=styled__default.default.span.withConfig({displayName:"FormLabel__Control",componentId:"ui__sc-mry1kz-1"})(["margin:4px 0;height:fit-content;"]);const Content=styled__default.default.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const Hint=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Hint",componentId:"ui__sc-mry1kz-3"})(["display:flex;align-items:center;height:fit-content;",""],responsiveSize.responsiveSize);exports.Content=Content,exports.Control=Control,exports.Hint=Hint,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/FormLabel/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/FormLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormLabelProps, FormLabelPalette, Size } from './types'\n\nconst shouldForwardFormLabelProp = createShouldForwardProp(\n  (propKey) => !['inline', 'clear', 'disabled', 'error', 'success', 'checked', 'onColored'].includes(propKey)\n)\n\nconst template = (palette: FormLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors['border-disabled'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors['border-disabled'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          borderColor: props.theme.colors['border-brand-primary-active'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-brand-primary-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.label.withConfig<StyledFormLabelProps>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `}\n  ${(props) => {\n    if (props.clear) return ''\n\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n    if (props.checked) return schema.checked\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Control = styled.span`\n  margin: 4px 0;\n  height: fit-content;\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const Hint = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","contrast","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","onColored","responsiveSize","responsiveMargin","Control","span","Content","Hint"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/FormLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormLabelProps, FormLabelPalette, Size } from './types'\n\nconst shouldForwardFormLabelProp = createShouldForwardProp(\n  (propKey) => !['inline', 'clear', 'disabled', 'error', 'success', 'checked', 'onColored'].includes(propKey)\n)\n\nconst template = (palette: FormLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors['border-disabled'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors['border-disabled'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          borderColor: props.theme.colors['border-brand-primary-active'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-brand-primary-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.label.withConfig<StyledFormLabelProps>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `}\n  ${(props) => {\n    if (props.clear) return ''\n\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n    if (props.checked) return schema.checked\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Control = styled.span`\n  margin: 4px 0;\n  height: fit-content;\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const Hint = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","contrast","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","onColored","responsiveSize","responsiveMargin","Control","span","Content","Hint"],"mappings":"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"}

package/components/FormLabel/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardFormLabelProp=createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n`;const COLOR_SCHEMA={default:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},contrast:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `),(o=>{if(o.clear)return'';const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize,responsiveMargin);const Control=styled.span.withConfig({displayName:"FormLabel__Control",componentId:"ui__sc-mry1kz-1"})(["margin:4px 0;height:fit-content;"]);const Content=styled.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const Hint=styled.span.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Hint",componentId:"ui__sc-mry1kz-3"})(["display:flex;align-items:center;height:fit-content;",""],responsiveSize);export{Content,Control,Hint,Root};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardFormLabelProp=createShouldForwardProp(o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n`;const COLOR_SCHEMA={default:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette})),checked:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))},contrast:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})),error:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette})),success:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette})),checked:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(6).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))}};const Root=styled.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `,o=>{if(o.clear)return'';const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default},responsiveSize,responsiveMargin);const Control=styled.span.withConfig({displayName:"FormLabel__Control",componentId:"ui__sc-mry1kz-1"})(["margin:4px 0;height:fit-content;"]);const Content=styled.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const Hint=styled.span.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Hint",componentId:"ui__sc-mry1kz-3"})(["display:flex;align-items:center;height:fit-content;",""],responsiveSize);export{Content,Control,Hint,Root};
 //# sourceMappingURL=style.mjs.map

package/components/FormLabel/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormLabelProps, FormLabelPalette, Size } from './types'\n\nconst shouldForwardFormLabelProp = createShouldForwardProp(\n  (propKey) => !['inline', 'clear', 'disabled', 'error', 'success', 'checked', 'onColored'].includes(propKey)\n)\n\nconst template = (palette: FormLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors['border-disabled'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors['border-disabled'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          borderColor: props.theme.colors['border-brand-primary-active'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-brand-primary-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.label.withConfig<StyledFormLabelProps>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `}\n  ${(props) => {\n    if (props.clear) return ''\n\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n    if (props.checked) return schema.checked\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Control = styled.span`\n  margin: 4px 0;\n  height: fit-content;\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const Hint = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","contrast","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","onColored","responsiveSize","responsiveMargin","Control","span","Content","Hint"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport { hover } from 'mixins/hover'\nimport type { StyledFormLabelProps, FormLabelPalette, Size } from './types'\n\nconst shouldForwardFormLabelProp = createShouldForwardProp(\n  (propKey) => !['inline', 'clear', 'disabled', 'error', 'success', 'checked', 'onColored'].includes(propKey)\n)\n\nconst template = (palette: FormLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors['border-disabled'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors['border-disabled'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          borderColor: props.theme.colors['border-brand-primary-active'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-brand-primary-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.label.withConfig<StyledFormLabelProps>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `}\n  ${(props) => {\n    if (props.clear) return ''\n\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n    if (props.checked) return schema.checked\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Control = styled.span`\n  margin: 4px 0;\n  height: fit-content;\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const Hint = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","contrast","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","onColored","responsiveSize","responsiveMargin","Control","span","Content","Hint"],"mappings":"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"}

package/components/Icon/Icon.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var collection=require('../../icon-pack/src/collection.json.js');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var sizes=require('./sizes.js');var style=require('./style.js');var iconPack=require('./iconPack.js');var iconsDefault=require('./iconsDefault.js');var jsxRuntime=require('react/jsx-runtime');const ICONS={...iconsDefault.iconsDefault,...iconPack.iconsIconPack};const ICONS_DEFAULT={...iconPack.iconsIconPack,...iconsDefault.iconsDefault};const Icon=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:o="inherit",name:c,icon:r,...t}=e;const i=styled.useTheme();const n=useClassname.useClassname("Icon",t.className);if(r)return jsxRuntime.jsx(style.Root,{...t,size:o,className:n,ref:s,children:r});const a=t.preset==='brand'?ICONS:ICONS_DEFAULT;const l=c&&a[c]?a[c]:{};if(React.isValidElement(l.icon))return jsxRuntime.jsx(style.Root,{...t,size:o,className:n,ref:s,children:l.icon});if(typeof l.icon=='string'){const e=i.iconsAssetHost??collection.default.__meta__.iconsAssetHost;const c=e?`${e}${e.endsWith('/')?'':'/'}${l.icon}`:l.icon;return jsxRuntime.jsx(style.Root,{...t,url:c,multicolor:l.multicolor,size:o,className:n,ref:s})}return null})),{displayName:"Icon",sizes:sizes.SIZES});exports.ICONS=ICONS,exports.ICONS_DEFAULT=ICONS_DEFAULT,exports.Icon=Icon;
+'use strict';var React=require('react');var styled=require('styled-components');var collection=require('../../icon-pack/src/collection.json.js');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var sizes=require('./sizes.js');var style=require('./style.js');var iconPack=require('./iconPack.js');var iconsDefault=require('./iconsDefault.js');var jsxRuntime=require('react/jsx-runtime');const ICONS={...iconsDefault.iconsDefault,...iconPack.iconsIconPack};const ICONS_DEFAULT={...iconPack.iconsIconPack,...iconsDefault.iconsDefault};const Icon=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:o="inherit",name:c,icon:r,...t}=e;const i=styled.useTheme();const n=useClassname.useClassname("Icon",t.className);if(r)return jsxRuntime.jsx(style.Root,{...t,size:o,className:n,ref:s,children:r});const a=t.preset==='brand'?ICONS:ICONS_DEFAULT;const l=c&&a[c]?a[c]:{};if(React.isValidElement(l.icon))return jsxRuntime.jsx(style.Root,{...t,size:o,className:n,ref:s,children:l.icon});if(typeof l.icon=='string'){const e=i.iconsAssetHost??collection.default.__meta__.iconsAssetHost;const c=e?`${e}${e.endsWith('/')?'':'/'}${l.icon}`:l.icon;return jsxRuntime.jsx(style.Root,{...t,url:c,multicolor:l.multicolor,size:o,className:n,ref:s})}return null}),{displayName:"Icon",sizes:sizes.SIZES});exports.ICONS=ICONS,exports.ICONS_DEFAULT=ICONS_DEFAULT,exports.Icon=Icon;
 //# sourceMappingURL=Icon.js.map

package/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { useTheme } from 'styled-components'\nimport iconsCollection from '@foxford/icon-pack/collection'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { IconProps, IconData } from './types'\nimport { iconsIconPack } from './iconPack'\nimport { iconsDefault } from './iconsDefault'\n\nconst COMPONENT_NAME = 'Icon'\n\nexport const ICONS: Partial<Record<string, IconData>> = {\n  ...iconsDefault,\n  ...iconsIconPack,\n}\n\nexport const ICONS_DEFAULT: Partial<Record<string, IconData>> = {\n  ...iconsIconPack,\n  ...iconsDefault,\n}\n\n/**\n *\n * Компонент для вывода иконки.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Icon: React.ForwardRefExoticComponent<IconProps> = withMergedProps<IconProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IconProps>>((props, ref) => {\n    const { size = 'inherit', name, icon, ...restProps } = props\n\n    const theme = useTheme()\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n\n    if (icon) {\n      return (\n        <Styled.Root {...restProps} size={size} className={className} ref={ref}>\n          {icon}\n        </Styled.Root>\n      )\n    }\n\n    const icons = restProps.preset === 'brand' ? ICONS : ICONS_DEFAULT\n    const iconData: Partial<IconData> = name && icons[name] ? icons[name] : {}\n\n    if (isValidElement(iconData.icon)) {\n      return (\n        <Styled.Root {...restProps} size={size} className={className} ref={ref}>\n          {iconData.icon}\n        </Styled.Root>\n      )\n    }\n\n    if (typeof iconData.icon === 'string') {\n      const iconsAssetHost = theme.iconsAssetHost ?? iconsCollection.__meta__.iconsAssetHost\n      const iconUrl = iconsAssetHost\n        ? `${iconsAssetHost}${iconsAssetHost.endsWith('/') ? '' : '/'}${iconData.icon}`\n        : iconData.icon\n\n      return (\n        <Styled.Root\n          {...restProps}\n          url={iconUrl}\n          multicolor={iconData.multicolor}\n          size={size}\n          className={className}\n          ref={ref}\n        />\n      )\n    }\n\n    return null\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Icon }\n"],"names":["ICONS","iconsDefault","iconsIconPack","ICONS_DEFAULT","Icon","withMergedProps","forwardRef","props","ref","size","name","icon","restProps","theme","useTheme","className","useClassname","_jsx","Styled","children","icons","preset","iconData","isValidElement","iconsAssetHost","iconsCollection","__meta__","iconUrl","endsWith","url","multicolor","displayName","sizes","SIZES"],"mappings":"scAcO,MAAMA,MAA2C,IACnDC,aAAAA,gBACAC,SAAAA,eAGE,MAAMC,cAAmD,IAC3DD,SAAAA,iBACAD,aAAAA,cASL,MAAMG,KAAmDC,gBAAAA,gBACvDC,MAAAA,YAAoD,CAACC,EAAOC,KAC1D,MAAMC,KAAEA,EAAO,UAASC,KAAEA,EAAIC,KAAEA,KAASC,GAAcL,EAEvD,MAAMM,EAAQC,OAAAA,WACd,MAAMC,EAAYC,aAAAA,aAvBC,OAuB4BJ,EAAUG,WAEzD,GAAIJ,EACF,OACEM,WAAAA,IAACC,MAAAA,KAAW,IAAKN,EAAWH,KAAMA,EAAMM,UAAWA,EAAWP,IAAKA,EAAIW,SACpER,IAKP,MAAMS,EAAQR,EAAUS,SAAW,QAAUrB,MAAQG,cACrD,MAAMmB,EAA8BZ,GAAQU,EAAMV,GAAQU,EAAMV,GAAQ,CAAA,EAExE,GAAIa,MAAAA,eAAeD,EAASX,MAC1B,OACEM,WAAAA,IAACC,MAAAA,KAAW,IAAKN,EAAWH,KAAMA,EAAMM,UAAWA,EAAWP,IAAKA,EAAIW,SACpEG,EAASX,OAKhB,UAAWW,EAASX,MAAS,SAAU,CACrC,MAAMa,EAAiBX,EAAMW,gBAAkBC,WAAAA,QAAgBC,SAASF,eACxE,MAAMG,EAAUH,EACZ,GAAGA,IAAiBA,EAAeI,SAAS,KAAO,GAAK,MAAMN,EAASX,OACvEW,EAASX,KAEb,OACEM,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJiB,IAAKF,EACLG,WAAYR,EAASQ,WACrBrB,KAAMA,EACNM,UAAWA,EACXP,IAAKA,GAGX,CAEA,OAAO,IAAI,IAEb,CACEuB,YAjEmB,OAkEnBC,MAAOC,MAAAA"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { useTheme } from 'styled-components'\nimport iconsCollection from '@foxford/icon-pack/collection'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { IconProps, IconData } from './types'\nimport { iconsIconPack } from './iconPack'\nimport { iconsDefault } from './iconsDefault'\n\nconst COMPONENT_NAME = 'Icon'\n\nexport const ICONS: Partial<Record<string, IconData>> = {\n  ...iconsDefault,\n  ...iconsIconPack,\n}\n\nexport const ICONS_DEFAULT: Partial<Record<string, IconData>> = {\n  ...iconsIconPack,\n  ...iconsDefault,\n}\n\n/**\n *\n * Компонент для вывода иконки.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Icon: React.ForwardRefExoticComponent<IconProps> = withMergedProps<IconProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IconProps>>((props, ref) => {\n    const { size = 'inherit', name, icon, ...restProps } = props\n\n    const theme = useTheme()\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n\n    if (icon) {\n      return (\n        <Styled.Root {...restProps} size={size} className={className} ref={ref}>\n          {icon}\n        </Styled.Root>\n      )\n    }\n\n    const icons = restProps.preset === 'brand' ? ICONS : ICONS_DEFAULT\n    const iconData: Partial<IconData> = name && icons[name] ? icons[name] : {}\n\n    if (isValidElement(iconData.icon)) {\n      return (\n        <Styled.Root {...restProps} size={size} className={className} ref={ref}>\n          {iconData.icon}\n        </Styled.Root>\n      )\n    }\n\n    if (typeof iconData.icon === 'string') {\n      const iconsAssetHost = theme.iconsAssetHost ?? iconsCollection.__meta__.iconsAssetHost\n      const iconUrl = iconsAssetHost\n        ? `${iconsAssetHost}${iconsAssetHost.endsWith('/') ? '' : '/'}${iconData.icon}`\n        : iconData.icon\n\n      return (\n        <Styled.Root\n          {...restProps}\n          url={iconUrl}\n          multicolor={iconData.multicolor}\n          size={size}\n          className={className}\n          ref={ref}\n        />\n      )\n    }\n\n    return null\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Icon }\n"],"names":["ICONS","iconsDefault","iconsIconPack","ICONS_DEFAULT","Icon","withMergedProps","forwardRef","props","ref","size","name","icon","restProps","theme","useTheme","className","useClassname","_jsx","Styled","children","icons","preset","iconData","isValidElement","iconsAssetHost","iconsCollection","__meta__","iconUrl","endsWith","url","multicolor","displayName","sizes","SIZES"],"mappings":"scAcO,MAAMA,MAA2C,IACnDC,aAAAA,gBACAC,SAAAA,eAGE,MAAMC,cAAmD,IAC3DD,SAAAA,iBACAD,aAAAA,cASL,MAAMG,KAAmDC,gBAAAA,gBACvDC,MAAAA,WAAoD,CAACC,EAAOC,KAC1D,MAAMC,KAAEA,EAAO,UAASC,KAAEA,EAAIC,KAAEA,KAASC,GAAcL,EAEvD,MAAMM,EAAQC,OAAAA,WACd,MAAMC,EAAYC,aAAAA,aAvBC,OAuB4BJ,EAAUG,WAEzD,GAAIJ,EACF,OACEM,WAAAA,IAACC,MAAAA,KAAW,IAAKN,EAAWH,KAAMA,EAAMM,UAAWA,EAAWP,IAAKA,EAAIW,SACpER,IAKP,MAAMS,EAAQR,EAAUS,SAAW,QAAUrB,MAAQG,cACrD,MAAMmB,EAA8BZ,GAAQU,EAAMV,GAAQU,EAAMV,GAAQ,CAAA,EAExE,GAAIa,MAAAA,eAAeD,EAASX,MAC1B,OACEM,WAAAA,IAACC,MAAAA,KAAW,IAAKN,EAAWH,KAAMA,EAAMM,UAAWA,EAAWP,IAAKA,EAAIW,SACpEG,EAASX,OAKhB,UAAWW,EAASX,MAAS,SAAU,CACrC,MAAMa,EAAiBX,EAAMW,gBAAkBC,WAAAA,QAAgBC,SAASF,eACxE,MAAMG,EAAUH,EACZ,GAAGA,IAAiBA,EAAeI,SAAS,KAAO,GAAK,MAAMN,EAASX,OACvEW,EAASX,KAEb,OACEM,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJiB,IAAKF,EACLG,WAAYR,EAASQ,WACrBrB,KAAMA,EACNM,UAAWA,EACXP,IAAKA,GAGX,CAEA,OAAO,OAET,CACEuB,YAjEmB,OAkEnBC,MAAOC,MAAAA"}

package/components/Icon/Icon.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,isValidElement}from'react';import{useTheme}from'styled-components';import iconsCollection from'../../icon-pack/src/collection.json.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{SIZES}from'./sizes.mjs';import{Root}from'./style.mjs';import{iconsIconPack}from'./iconPack.mjs';import{iconsDefault}from'./iconsDefault.mjs';import{jsx}from'react/jsx-runtime';const ICONS={...iconsDefault,...iconsIconPack};const ICONS_DEFAULT={...iconsIconPack,...iconsDefault};const Icon=withMergedProps(forwardRef(((o,s)=>{const{size:e="inherit",name:n,icon:t,...c}=o;const i=useTheme();const r=useClassname("Icon",c.className);if(t)return jsx(Root,{...c,size:e,className:r,ref:s,children:t});const m=c.preset==='brand'?ICONS:ICONS_DEFAULT;const a=n&&m[n]?m[n]:{};if(isValidElement(a.icon))return jsx(Root,{...c,size:e,className:r,ref:s,children:a.icon});if(typeof a.icon=='string'){const o=i.iconsAssetHost??iconsCollection.__meta__.iconsAssetHost;const n=o?`${o}${o.endsWith('/')?'':'/'}${a.icon}`:a.icon;return jsx(Root,{...c,url:n,multicolor:a.multicolor,size:e,className:r,ref:s})}return null})),{displayName:"Icon",sizes:SIZES});export{ICONS,ICONS_DEFAULT,Icon};
+import{forwardRef,isValidElement}from'react';import{useTheme}from'styled-components';import iconsCollection from'../../icon-pack/src/collection.json.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{SIZES}from'./sizes.mjs';import{Root}from'./style.mjs';import{iconsIconPack}from'./iconPack.mjs';import{iconsDefault}from'./iconsDefault.mjs';import{jsx}from'react/jsx-runtime';const ICONS={...iconsDefault,...iconsIconPack};const ICONS_DEFAULT={...iconsIconPack,...iconsDefault};const Icon=withMergedProps(forwardRef((o,s)=>{const{size:e="inherit",name:n,icon:t,...c}=o;const i=useTheme();const r=useClassname("Icon",c.className);if(t)return jsx(Root,{...c,size:e,className:r,ref:s,children:t});const m=c.preset==='brand'?ICONS:ICONS_DEFAULT;const a=n&&m[n]?m[n]:{};if(isValidElement(a.icon))return jsx(Root,{...c,size:e,className:r,ref:s,children:a.icon});if(typeof a.icon=='string'){const o=i.iconsAssetHost??iconsCollection.__meta__.iconsAssetHost;const n=o?`${o}${o.endsWith('/')?'':'/'}${a.icon}`:a.icon;return jsx(Root,{...c,url:n,multicolor:a.multicolor,size:e,className:r,ref:s})}return null}),{displayName:"Icon",sizes:SIZES});export{ICONS,ICONS_DEFAULT,Icon};
 //# sourceMappingURL=Icon.mjs.map