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

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

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

Files changed (614) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"style.mjs","sources":["../../../../src/components/Checkbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { CheckFill } from '@foxford/icon-pack'\nimport tinycolor from 'tinycolor2'\nimport { screenMaxS } from 'mixins/screen'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { hover } from 'mixins/hover'\nimport DefaultCheck from './images/checkDefault.svg?module'\nimport type { StyledCheckboxProps, CheckboxStaticSize, CheckboxGroupProps, CheckboxPalette } from './types'\n\nconst DEFAULT_SIZES: Record<CheckboxStaticSize, number> = {\n extraSmall: 12,\n xs: 12,\n small: 14,\n s: 14,\n medium: 16,\n m: 16,\n large: 18,\n l: 18,\n extraLarge: 20,\n xl: 20,\n}\n\nconst BRAND_SIZES: Record<CheckboxStaticSize, number> = {\n extraSmall: 16,\n xs: 16,\n small: 20,\n s: 20,\n medium: 24,\n m: 24,\n large: 28,\n l: 28,\n extraLarge: 32,\n xl: 32,\n}\n\nconst STATIC_SIZES: CheckboxStaticSize[] = [\n 'extraSmall',\n 'xs',\n 'small',\n 's',\n 'medium',\n 'm',\n 'large',\n 'l',\n 'extraLarge',\n 'xl',\n]\n\nconst baseStyles = css<StyledCheckboxProps>`\n ${(props) => `\n &,\n & * {\n box-sizing: border-box;\n }\n position: relative;\n cursor: pointer;\n padding: ${props.background ? 12 : 0}px;\n display: ${props.inline ? 'inline-flex' : 'flex'};\n align-items: baseline;\n isolation: isolate;\n & + & {\n margin-left: 15px;\n }\n `}\n`\n\nexport const Input = styled.input`\n position: absolute;\n opacity: 0;\n z-index: -1;\n &:focus {\n outline: none;\n }\n`\n\nexport const Background = styled.span`\n border-radius: 8px;\n border: 1px solid;\n border-color: transparent;\n overflow: hidden;\n &::before {\n content: '';\n opacity: 0;\n }\n &,\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transition-property: border-color, background-color, opacity;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n`\n\nexport const DefaultMask = styled(DefaultCheck)`\n position: relative;\n top: 2px;\n width: 1em;\n height: 1em;\n flex-shrink: 0;\n g {\n opacity: 0;\n transition: opacity 200ms ease;\n }\n`\n\nexport const BrandMask = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n border-radius: 4px;\n border: 1px solid;\n border-color: transparent;\n transition-property: border-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n`\n\nexport const CheckIcon = styled(CheckFill)`\n width: 50%;\n opacity: 0;\n`\n\nexport const Content = styled.span`\n position: relative;\n margin-left: 10px;\n`\n\nconst template = (palette: CheckboxPalette) => `\n & > ${Content} {\n color: ${palette.fontColor};\n }\n & > ${BrandMask} {\n background-color: ${palette.bg};\n color: ${palette.color};\n border-color: ${palette.border};\n }\n & > ${Input}:checked ~ ${BrandMask} {\n border-color: transparent;\n background-color: ${palette.bgChecked};\n }\n & > ${Input}:checked ~ ${BrandMask} > ${CheckIcon} {\n opacity: 1;\n }\n & > ${Input}:disabled ~ ${Content} {\n color: ${palette.colorDisabled};\n }\n ${hover(\n `\n border-color: ${palette.borderHover};\n `,\n `&:hover > ${BrandMask}`\n )}\n &:focus {\n outline: none;\n }\n & > ${Input}:focus-visible ~ ${BrandMask} {\n outline: 1px solid ${palette.outlineFocus};\n outline-offset: 2px;\n }\n`\n\nconst templateBackground = (palette: CheckboxPalette) => `\n & > ${Background} {\n background-color: ${palette.bg};\n border-color: ${palette.border};\n }\n & > ${Input}:checked ~ ${Background} {\n background-color: ${palette.bgChecked};\n border-color: ${palette.borderChecked};\n }\n ${hover(\n `\n background-color: ${palette.bgHover};\n border-color: ${palette.borderHover};\n &::before {\n background-color: ${palette.beforeBgHover};\n opacity: 1;\n }\n `,\n `&:hover > ${Background}`\n )}\n`\n\nconst PRESET = {\n default: {\n regular: css<StyledCheckboxProps>`\n ${(props) =>\n template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['bg-onmain-primary'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-onmain-default-small'],\n bgChecked: props.theme.colors['bg-brand-primary-basic'],\n borderHover: props.theme.colors['border-brand-primary'],\n outlineFocus: props.theme.colors['border-brand-primary'],\n colorDisabled: props.theme.colors['content-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['bg-onmain-secondary'],\n border: props.theme.colors['border-onmain-default-small'],\n bgChecked: props.theme.colors['bg-brand-primary-100'],\n borderChecked: props.theme.colors['border-brand-primary'],\n bgHover: props.theme.colors['bg-oncolor-hover'],\n borderHover: props.theme.colors['border-onmain-default-large'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n error: css<StyledCheckboxProps>`\n ${(props) =>\n template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['alert-bg-error-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-error-500'],\n bgChecked: props.theme.colors['alert-bg-error-500'],\n borderHover: props.theme.colors['alert-error'],\n outlineFocus: props.theme.colors['alert-error'],\n colorDisabled: props.theme.colors['content-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['alert-bg-error-100'],\n border: props.theme.colors['alert-error'],\n bgChecked: props.theme.colors['alert-bg-error-100'],\n borderChecked: props.theme.colors['alert-error'],\n bgHover: props.theme.colors['alert-bg-error-100'],\n borderHover: props.theme.colors['alert-error'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n success: css<StyledCheckboxProps>`\n ${(props) =>\n template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['alert-bg-success-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-success-500'],\n bgChecked: props.theme.colors['alert-bg-success-500'],\n borderHover: props.theme.colors['alert-success'],\n outlineFocus: props.theme.colors['alert-success'],\n colorDisabled: props.theme.colors['content-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['alert-bg-success-100'],\n border: props.theme.colors['alert-success'],\n bgChecked: props.theme.colors['alert-bg-success-100'],\n borderChecked: props.theme.colors['alert-success'],\n bgHover: props.theme.colors['alert-bg-success-100'],\n borderHover: props.theme.colors['alert-success'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n disabled: css<StyledCheckboxProps>`\n cursor: auto;\n ${(props) =>\n template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['bg-disabled-large'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-disabled'],\n bgChecked: props.theme.colors['bg-disabled-active'],\n borderHover: props.theme.colors['border-disabled'],\n outlineFocus: props.theme.colors['border-disabled'],\n colorDisabled: props.theme.colors['content-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['bg-disabled-large'],\n border: props.theme.colors['border-disabled'],\n bgChecked: props.theme.colors['bg-disabled-large'],\n borderChecked: props.theme.colors['bg-disabled-active'],\n bgHover: props.theme.colors['bg-disabled-large'],\n borderHover: props.theme.colors['border-disabled'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n },\n onColored: {\n regular: css<StyledCheckboxProps>`\n ${(props) =>\n props.background\n ? template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['bg-onmain-primary'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-onmain-default-small'],\n bgChecked: props.theme.colors['bg-brand-primary-basic'],\n borderHover: props.theme.colors['border-brand-primary'],\n outlineFocus: props.theme.colors['border-brand-primary'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })\n : template({\n fontColor: props.theme.colors['content-oncolor-primary'],\n bg: props.theme.colors['bg-onmain-primary'],\n color: props.theme.colors['content-brand-primary'],\n border: props.theme.colors['border-onmain-default-small'],\n bgChecked: props.theme.colors['bg-oncolor-primary'],\n borderHover: props.theme.colors['border-brand-primary'],\n outlineFocus: props.theme.colors['content-oncolor-primary'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['bg-onmain-secondary'],\n border: props.theme.colors['border-onmain-default-large'],\n bgChecked: props.theme.colors['bg-onmain-primary'],\n borderChecked: props.theme.colors['border-onmain-default-large'],\n bgHover: props.theme.colors['bg-onmain-secondary'],\n borderHover: props.theme.colors['border-onmain-default-large'],\n beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n })\n : null}\n `,\n error: css<StyledCheckboxProps>`\n ${(props) =>\n props.background\n ? template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['alert-bg-error-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-error-500'],\n bgChecked: props.theme.colors['alert-bg-error-500'],\n borderHover: props.theme.colors['alert-error'],\n outlineFocus: props.theme.colors['alert-error'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })\n : template({\n fontColor: props.theme.colors['content-oncolor-primary'],\n bg: props.theme.colors['alert-bg-error-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-error-500'],\n bgChecked: props.theme.colors['alert-bg-error-500'],\n borderHover: props.theme.colors['alert-error'],\n outlineFocus: props.theme.colors['alert-error'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['alert-bg-error-100'],\n border: props.theme.colors['alert-bg-error-500'],\n bgChecked: props.theme.colors['alert-bg-error-100'],\n borderChecked: props.theme.colors['alert-error'],\n bgHover: props.theme.colors['alert-bg-error-100'],\n borderHover: props.theme.colors['alert-error'],\n beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n })\n : null}\n `,\n success: css<StyledCheckboxProps>`\n ${(props) =>\n props.background\n ? template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['alert-bg-success-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-success-500'],\n bgChecked: props.theme.colors['alert-bg-success-500'],\n borderHover: props.theme.colors['alert-success'],\n outlineFocus: props.theme.colors['alert-success'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })\n : template({\n fontColor: props.theme.colors['content-oncolor-primary'],\n bg: props.theme.colors['alert-bg-success-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-success-500'],\n bgChecked: props.theme.colors['alert-bg-success-500'],\n borderHover: props.theme.colors['alert-success'],\n outlineFocus: props.theme.colors['alert-success'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['alert-bg-success-100'],\n border: props.theme.colors['alert-bg-success-500'],\n bgChecked: props.theme.colors['alert-bg-success-100'],\n borderChecked: props.theme.colors['alert-success'],\n bgHover: props.theme.colors['alert-bg-success-100'],\n borderHover: props.theme.colors['alert-success'],\n beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n })\n : null}\n `,\n disabled: css<StyledCheckboxProps>`\n cursor: auto;\n ${(props) =>\n props.background\n ? template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['bg-disabled-large'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-disabled'],\n bgChecked: props.theme.colors['bg-disabled-active'],\n borderHover: props.theme.colors['border-disabled'],\n outlineFocus: props.theme.colors['border-disabled'],\n colorDisabled: props.theme.colors['content-disabled'],\n })\n : template({\n fontColor: props.theme.colors['content-oncolor-primary'],\n bg: props.theme.colors['bg-disabled-large'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-disabled'],\n bgChecked: props.theme.colors['bg-disabled-active'],\n borderHover: props.theme.colors['border-disabled'],\n outlineFocus: props.theme.colors['border-disabled'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['bg-onmain-secondary'],\n border: props.theme.colors['border-oncolor-disabled'],\n bgChecked: props.theme.colors['bg-onmain-secondary'],\n borderChecked: props.theme.colors['border-oncolor-disabled'],\n bgHover: props.theme.colors['bg-onmain-secondary'],\n borderHover: props.theme.colors['border-oncolor-disabled'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n },\n}\n\nconst PRESET_DEFAULT = {\n default: css<StyledCheckboxProps>`\n ${(props) =>\n props.error\n ? `\n & > ${DefaultMask} > rect { \n fill: ${tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n stroke: ${props.theme.colors.pomegranate};\n } \n & > ${DefaultMask} g > rect {\n fill: ${props.theme.colors.pomegranate};\n }\n `\n : null}\n\n ${(props) => `\n color: ${props.disabled ? props.theme.colors.alto : props.theme.colors.mineShaft};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n & > ${Input}:checked ~ ${DefaultMask} g {\n opacity: 1;\n }\n & > ${Input}:disabled ~ ${DefaultMask} > rect {\n fill: ${props.theme.colors.white};\n stroke: ${props.theme.colors.grey};\n }\n & > ${Input}:checked:disabled ~ ${DefaultMask} g > rect {\n fill: ${props.theme.colors.alto};\n }\n &:focus {\n outline: none;\n }\n & > ${Input}:focus-visible ~ ${DefaultMask} {\n outline: 1px solid ${props.theme.colors.accent};\n outline-offset: 2px;\n }\n `}\n `,\n}\n\nconst extractStyles = (props: StyledCheckboxProps) => {\n if (props.brandPresetUsed) {\n if (props.disabled && !props.onColored) return PRESET.default.disabled\n if (props.disabled && props.onColored) return PRESET.onColored.disabled\n\n if (props.error && !props.success && !props.onColored) return PRESET.default.error\n if (props.error && !props.success && props.onColored) return PRESET.onColored.error\n\n if (props.success && !props.error && !props.onColored) return PRESET.default.success\n if (props.success && !props.error && props.onColored) return PRESET.onColored.success\n\n return props.onColored ? PRESET.onColored.regular : PRESET.default.regular\n }\n\n return PRESET_DEFAULT.default\n}\n\nconst extractSizes = (props: StyledCheckboxProps) => {\n const SIZES = props.brandPresetUsed ? BRAND_SIZES : DEFAULT_SIZES\n\n return STATIC_SIZES.includes(<CheckboxStaticSize>props.size)\n ? `font-size: ${SIZES[<CheckboxStaticSize>props.size]}px;`\n : responsiveProperty('size', 'font-size')\n}\n\nexport const Root = styled.label.withConfig<StyledCheckboxProps>({\n shouldForwardProp: (prop) => ['children', 'htmlFor', 'style'].includes(prop),\n})`\n ${baseStyles}\n ${extractStyles}\n ${extractSizes}\n\n ${(props) =>\n responsiveProperty(\n 'width',\n props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n )}\n ${(props) => (props.fluid ? 'width: 100%;' : null)}\n`\n\nexport const Group = styled.div.withConfig<CheckboxGroupProps>({\n shouldForwardProp: (prop) => prop !== 'inline',\n})`\n ${(props) =>\n props.inline\n ? css`\n display: flex;\n flex-direction: row;\n > ${Root}:first-child {\n margin-left: 0;\n }\n > ${Root}:not(:first-child) {\n margin-left: 15px;\n }\n ${screenMaxS()`\n flex-direction: column;\n > ${Root}:first-child {\n margin-top: 0;\n }\n > ${Root}:not(:first-child) {\n margin-top: 15px;\n margin-left: 0;\n }\n `}\n `\n : `\n display: flex;\n flex-direction: column;\n > ${Root}:first-child {\n margin-top: 0;\n margin-left: 0;\n }\n > ${Root}:not(:first-child) {\n margin-top: 15px;\n margin-left: 0;\n }\n `}\n`\n"],"names":["DEFAULT_SIZES","extraSmall","xs","small","s","medium","m","large","l","extraLarge","xl","BRAND_SIZES","STATIC_SIZES","baseStyles","css","props","background","inline","Input","styled","input","withConfig","displayName","componentId","Background","span","DefaultMask","DefaultCheck","BrandMask","div","CheckIcon","CheckFill","Content","template","palette","fontColor","bg","color","border","bgChecked","colorDisabled","hover","borderHover","outlineFocus","templateBackground","borderChecked","bgHover","beforeBgHover","PRESET","default","regular","theme","colors","error","success","disabled","onColored","PRESET_DEFAULT","tinycolor","pomegranate","setAlpha","toString","alto","mineShaft","white","grey","accent","Root","label","shouldForwardProp","prop","includes","brandPresetUsed","SIZES","size","responsiveProperty","fluid","width","Array","isArray","Group","screenMaxS"],"mappings":"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"}
1	+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/Checkbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { CheckFill } from '@foxford/icon-pack'\nimport tinycolor from 'tinycolor2'\nimport { screenMaxS } from 'mixins/screen'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { hover } from 'mixins/hover'\nimport DefaultCheck from './images/checkDefault.svg?module'\nimport type { StyledCheckboxProps, CheckboxStaticSize, CheckboxGroupProps, CheckboxPalette } from './types'\n\nconst DEFAULT_SIZES: Record<CheckboxStaticSize, number> = {\n extraSmall: 12,\n xs: 12,\n small: 14,\n s: 14,\n medium: 16,\n m: 16,\n large: 18,\n l: 18,\n extraLarge: 20,\n xl: 20,\n}\n\nconst BRAND_SIZES: Record<CheckboxStaticSize, number> = {\n extraSmall: 16,\n xs: 16,\n small: 20,\n s: 20,\n medium: 24,\n m: 24,\n large: 28,\n l: 28,\n extraLarge: 32,\n xl: 32,\n}\n\nconst STATIC_SIZES: CheckboxStaticSize[] = [\n 'extraSmall',\n 'xs',\n 'small',\n 's',\n 'medium',\n 'm',\n 'large',\n 'l',\n 'extraLarge',\n 'xl',\n]\n\nconst baseStyles = css<StyledCheckboxProps>`\n ${(props) => `\n &,\n & * {\n box-sizing: border-box;\n }\n position: relative;\n cursor: pointer;\n padding: ${props.background ? 12 : 0}px;\n display: ${props.inline ? 'inline-flex' : 'flex'};\n align-items: baseline;\n isolation: isolate;\n & + & {\n margin-left: 15px;\n }\n `}\n`\n\nexport const Input = styled.input`\n position: absolute;\n opacity: 0;\n z-index: -1;\n &:focus {\n outline: none;\n }\n`\n\nexport const Background = styled.span`\n border-radius: 8px;\n border: 1px solid;\n border-color: transparent;\n overflow: hidden;\n &::before {\n content: '';\n opacity: 0;\n }\n &,\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transition-property: border-color, background-color, opacity;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n`\n\nexport const DefaultMask = styled(DefaultCheck)`\n position: relative;\n top: 2px;\n width: 1em;\n height: 1em;\n flex-shrink: 0;\n g {\n opacity: 0;\n transition: opacity 200ms ease;\n }\n`\n\nexport const BrandMask = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n border-radius: 4px;\n border: 1px solid;\n border-color: transparent;\n transition-property: border-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n`\n\nexport const CheckIcon = styled(CheckFill)`\n width: 50%;\n opacity: 0;\n`\n\nexport const Content = styled.span`\n position: relative;\n margin-left: 10px;\n`\n\nconst template = (palette: CheckboxPalette) => `\n & > ${Content} {\n color: ${palette.fontColor};\n }\n & > ${BrandMask} {\n background-color: ${palette.bg};\n color: ${palette.color};\n border-color: ${palette.border};\n }\n & > ${Input}:checked ~ ${BrandMask} {\n border-color: transparent;\n background-color: ${palette.bgChecked};\n }\n & > ${Input}:checked ~ ${BrandMask} > ${CheckIcon} {\n opacity: 1;\n }\n & > ${Input}:disabled ~ ${Content} {\n color: ${palette.colorDisabled};\n }\n ${hover(\n `\n border-color: ${palette.borderHover};\n `,\n `&:hover > ${BrandMask}`\n )}\n &:focus {\n outline: none;\n }\n & > ${Input}:focus-visible ~ ${BrandMask} {\n outline: 1px solid ${palette.outlineFocus};\n outline-offset: 2px;\n }\n`\n\nconst templateBackground = (palette: CheckboxPalette) => `\n & > ${Background} {\n background-color: ${palette.bg};\n border-color: ${palette.border};\n }\n & > ${Input}:checked ~ ${Background} {\n background-color: ${palette.bgChecked};\n border-color: ${palette.borderChecked};\n }\n ${hover(\n `\n background-color: ${palette.bgHover};\n border-color: ${palette.borderHover};\n &::before {\n background-color: ${palette.beforeBgHover};\n opacity: 1;\n }\n `,\n `&:hover > ${Background}`\n )}\n`\n\nconst PRESET = {\n default: {\n regular: css<StyledCheckboxProps>`\n ${(props) =>\n template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['bg-onmain-primary'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-onmain-default-small'],\n bgChecked: props.theme.colors['bg-brand-primary-basic'],\n borderHover: props.theme.colors['border-brand-primary'],\n outlineFocus: props.theme.colors['border-brand-primary'],\n colorDisabled: props.theme.colors['content-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['bg-onmain-secondary'],\n border: props.theme.colors['border-onmain-default-small'],\n bgChecked: props.theme.colors['bg-brand-primary-100'],\n borderChecked: props.theme.colors['border-brand-primary'],\n bgHover: props.theme.colors['bg-oncolor-hover'],\n borderHover: props.theme.colors['border-onmain-default-large'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n error: css<StyledCheckboxProps>`\n ${(props) =>\n template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['alert-bg-error-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-error-500'],\n bgChecked: props.theme.colors['alert-bg-error-500'],\n borderHover: props.theme.colors['alert-error'],\n outlineFocus: props.theme.colors['alert-error'],\n colorDisabled: props.theme.colors['content-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['alert-bg-error-100'],\n border: props.theme.colors['alert-error'],\n bgChecked: props.theme.colors['alert-bg-error-100'],\n borderChecked: props.theme.colors['alert-error'],\n bgHover: props.theme.colors['alert-bg-error-100'],\n borderHover: props.theme.colors['alert-error'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n success: css<StyledCheckboxProps>`\n ${(props) =>\n template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['alert-bg-success-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-success-500'],\n bgChecked: props.theme.colors['alert-bg-success-500'],\n borderHover: props.theme.colors['alert-success'],\n outlineFocus: props.theme.colors['alert-success'],\n colorDisabled: props.theme.colors['content-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['alert-bg-success-100'],\n border: props.theme.colors['alert-success'],\n bgChecked: props.theme.colors['alert-bg-success-100'],\n borderChecked: props.theme.colors['alert-success'],\n bgHover: props.theme.colors['alert-bg-success-100'],\n borderHover: props.theme.colors['alert-success'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n disabled: css<StyledCheckboxProps>`\n cursor: auto;\n ${(props) =>\n template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['bg-disabled-large'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-disabled'],\n bgChecked: props.theme.colors['bg-disabled-active'],\n borderHover: props.theme.colors['border-disabled'],\n outlineFocus: props.theme.colors['border-disabled'],\n colorDisabled: props.theme.colors['content-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['bg-disabled-large'],\n border: props.theme.colors['border-disabled'],\n bgChecked: props.theme.colors['bg-disabled-large'],\n borderChecked: props.theme.colors['bg-disabled-active'],\n bgHover: props.theme.colors['bg-disabled-large'],\n borderHover: props.theme.colors['border-disabled'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n },\n onColored: {\n regular: css<StyledCheckboxProps>`\n ${(props) =>\n props.background\n ? template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['bg-onmain-primary'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-onmain-default-small'],\n bgChecked: props.theme.colors['bg-brand-primary-basic'],\n borderHover: props.theme.colors['border-brand-primary'],\n outlineFocus: props.theme.colors['border-brand-primary'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })\n : template({\n fontColor: props.theme.colors['content-oncolor-primary'],\n bg: props.theme.colors['bg-onmain-primary'],\n color: props.theme.colors['content-brand-primary'],\n border: props.theme.colors['border-onmain-default-small'],\n bgChecked: props.theme.colors['bg-oncolor-primary'],\n borderHover: props.theme.colors['border-brand-primary'],\n outlineFocus: props.theme.colors['content-oncolor-primary'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['bg-onmain-secondary'],\n border: props.theme.colors['border-onmain-default-large'],\n bgChecked: props.theme.colors['bg-onmain-primary'],\n borderChecked: props.theme.colors['border-onmain-default-large'],\n bgHover: props.theme.colors['bg-onmain-secondary'],\n borderHover: props.theme.colors['border-onmain-default-large'],\n beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n })\n : null}\n `,\n error: css<StyledCheckboxProps>`\n ${(props) =>\n props.background\n ? template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['alert-bg-error-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-error-500'],\n bgChecked: props.theme.colors['alert-bg-error-500'],\n borderHover: props.theme.colors['alert-error'],\n outlineFocus: props.theme.colors['alert-error'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })\n : template({\n fontColor: props.theme.colors['content-oncolor-primary'],\n bg: props.theme.colors['alert-bg-error-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-error-500'],\n bgChecked: props.theme.colors['alert-bg-error-500'],\n borderHover: props.theme.colors['alert-error'],\n outlineFocus: props.theme.colors['alert-error'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['alert-bg-error-100'],\n border: props.theme.colors['alert-bg-error-500'],\n bgChecked: props.theme.colors['alert-bg-error-100'],\n borderChecked: props.theme.colors['alert-error'],\n bgHover: props.theme.colors['alert-bg-error-100'],\n borderHover: props.theme.colors['alert-error'],\n beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n })\n : null}\n `,\n success: css<StyledCheckboxProps>`\n ${(props) =>\n props.background\n ? template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['alert-bg-success-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-success-500'],\n bgChecked: props.theme.colors['alert-bg-success-500'],\n borderHover: props.theme.colors['alert-success'],\n outlineFocus: props.theme.colors['alert-success'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })\n : template({\n fontColor: props.theme.colors['content-oncolor-primary'],\n bg: props.theme.colors['alert-bg-success-100'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['alert-bg-success-500'],\n bgChecked: props.theme.colors['alert-bg-success-500'],\n borderHover: props.theme.colors['alert-success'],\n outlineFocus: props.theme.colors['alert-success'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['alert-bg-success-100'],\n border: props.theme.colors['alert-bg-success-500'],\n bgChecked: props.theme.colors['alert-bg-success-100'],\n borderChecked: props.theme.colors['alert-success'],\n bgHover: props.theme.colors['alert-bg-success-100'],\n borderHover: props.theme.colors['alert-success'],\n beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n })\n : null}\n `,\n disabled: css<StyledCheckboxProps>`\n cursor: auto;\n ${(props) =>\n props.background\n ? template({\n fontColor: props.theme.colors['content-onmain-primary'],\n bg: props.theme.colors['bg-disabled-large'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-disabled'],\n bgChecked: props.theme.colors['bg-disabled-active'],\n borderHover: props.theme.colors['border-disabled'],\n outlineFocus: props.theme.colors['border-disabled'],\n colorDisabled: props.theme.colors['content-disabled'],\n })\n : template({\n fontColor: props.theme.colors['content-oncolor-primary'],\n bg: props.theme.colors['bg-disabled-large'],\n color: props.theme.colors['content-oncolor-primary'],\n border: props.theme.colors['border-disabled'],\n bgChecked: props.theme.colors['bg-disabled-active'],\n borderHover: props.theme.colors['border-disabled'],\n outlineFocus: props.theme.colors['border-disabled'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n })}\n ${(props) =>\n props.background\n ? templateBackground({\n bg: props.theme.colors['bg-onmain-secondary'],\n border: props.theme.colors['border-oncolor-disabled'],\n bgChecked: props.theme.colors['bg-onmain-secondary'],\n borderChecked: props.theme.colors['border-oncolor-disabled'],\n bgHover: props.theme.colors['bg-onmain-secondary'],\n borderHover: props.theme.colors['border-oncolor-disabled'],\n beforeBgHover: 'transparent',\n })\n : null}\n `,\n },\n}\n\nconst PRESET_DEFAULT = {\n default: css<StyledCheckboxProps>`\n ${(props) =>\n props.error\n ? `\n & > ${DefaultMask} > rect { \n fill: ${tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n stroke: ${props.theme.colors.pomegranate};\n } \n & > ${DefaultMask} g > rect {\n fill: ${props.theme.colors.pomegranate};\n }\n `\n : null}\n\n ${(props) => `\n color: ${props.disabled ? props.theme.colors.alto : props.theme.colors.mineShaft};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n & > ${Input}:checked ~ ${DefaultMask} g {\n opacity: 1;\n }\n & > ${Input}:disabled ~ ${DefaultMask} > rect {\n fill: ${props.theme.colors.white};\n stroke: ${props.theme.colors.grey};\n }\n & > ${Input}:checked:disabled ~ ${DefaultMask} g > rect {\n fill: ${props.theme.colors.alto};\n }\n &:focus {\n outline: none;\n }\n & > ${Input}:focus-visible ~ ${DefaultMask} {\n outline: 1px solid ${props.theme.colors.accent};\n outline-offset: 2px;\n }\n `}\n `,\n}\n\nconst extractStyles = (props: StyledCheckboxProps) => {\n if (props.brandPresetUsed) {\n if (props.disabled && !props.onColored) return PRESET.default.disabled\n if (props.disabled && props.onColored) return PRESET.onColored.disabled\n\n if (props.error && !props.success && !props.onColored) return PRESET.default.error\n if (props.error && !props.success && props.onColored) return PRESET.onColored.error\n\n if (props.success && !props.error && !props.onColored) return PRESET.default.success\n if (props.success && !props.error && props.onColored) return PRESET.onColored.success\n\n return props.onColored ? PRESET.onColored.regular : PRESET.default.regular\n }\n\n return PRESET_DEFAULT.default\n}\n\nconst extractSizes = (props: StyledCheckboxProps) => {\n const SIZES = props.brandPresetUsed ? BRAND_SIZES : DEFAULT_SIZES\n\n return STATIC_SIZES.includes(<CheckboxStaticSize>props.size)\n ? `font-size: ${SIZES[<CheckboxStaticSize>props.size]}px;`\n : responsiveProperty('size', 'font-size')\n}\n\nexport const Root = styled.label.withConfig<StyledCheckboxProps>({\n shouldForwardProp: (prop) => ['children', 'htmlFor', 'style'].includes(prop),\n})`\n ${baseStyles}\n ${extractStyles}\n ${extractSizes}\n\n ${(props) =>\n responsiveProperty(\n 'width',\n props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n )}\n ${(props) => (props.fluid ? 'width: 100%;' : null)}\n`\n\nexport const Group = styled.div.withConfig<CheckboxGroupProps>({\n shouldForwardProp: (prop) => prop !== 'inline',\n})`\n ${(props) =>\n props.inline\n ? css`\n display: flex;\n flex-direction: row;\n > ${Root}:first-child {\n margin-left: 0;\n }\n > ${Root}:not(:first-child) {\n margin-left: 15px;\n }\n ${screenMaxS()`\n flex-direction: column;\n > ${Root}:first-child {\n margin-top: 0;\n }\n > ${Root}:not(:first-child) {\n margin-top: 15px;\n margin-left: 0;\n }\n `}\n `\n : `\n display: flex;\n flex-direction: column;\n > ${Root}:first-child {\n margin-top: 0;\n margin-left: 0;\n }\n > ${Root}:not(:first-child) {\n margin-top: 15px;\n margin-left: 0;\n }\n `}\n`\n"],"names":["DEFAULT_SIZES","extraSmall","xs","small","s","medium","m","large","l","extraLarge","xl","BRAND_SIZES","STATIC_SIZES","baseStyles","css","props","background","inline","Input","styled","input","withConfig","displayName","componentId","Background","span","DefaultMask","DefaultCheck","BrandMask","div","CheckIcon","CheckFill","Content","template","palette","fontColor","bg","color","border","bgChecked","colorDisabled","hover","borderHover","outlineFocus","templateBackground","borderChecked","bgHover","beforeBgHover","PRESET","default","regular","theme","colors","error","success","disabled","onColored","PRESET_DEFAULT","tinycolor","pomegranate","setAlpha","toString","alto","mineShaft","white","grey","accent","Root","label","shouldForwardProp","prop","includes","brandPresetUsed","SIZES","size","responsiveProperty","fluid","width","Array","isArray","Group","screenMaxS"],"mappings":"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"}

package/components/Chip/Chip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var index=require('../../icon-pack/src/icons/Close/index.js');var Icon=require('../Icon/Icon.js');var Avatar=require('../Avatar/Avatar.js');var Text=require('../Text/Text.js');var Indicator=require('../Indicator/Indicator.js');var IconButton=require('../IconButton/IconButton.js');const Chip=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:t="m",primary:n=!0,textProps:i={},captionProps:r={},iconProps:o={},avatarProps:a={},indicatorProps:c={},discardButtonProps:u={},sizeXXS:p,sizeXS:d,sizeS:x,sizeM:l,sizeL:j,sizeXL:I,children:S,text:R,caption:m,icon:v,...z}=e;let h='div';let y;z.onClick&&(h='button'),u.onClick&&(h='div'),h==='button'&&(y='button'),z.type&&(y=z.type);const A={size:t,sizeXXS:p,sizeXS:d,sizeS:x,sizeM:l,sizeL:j,sizeXL:I};const[C,P]=Array.isArray(v)?v:[v];const T={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:m?1.3:1};const _={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};const g={icon:jsxRuntime.jsx(index.Close,{}),disabled:z.disabled};return jsxRuntime.jsx(style.Root,{...z,...A,as:h,type:y,primary:n,ref:s,children:typeof S=='function'?S({textProps:T,captionProps:_,discardButtonProps:g}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[C?jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:typeof C=='string'?C:void 0,icon:typeof C!='string'?C:void 0,sizes:constants.SIZES_ICON,...A,...o}):null,a.src||a.text?jsxRuntime.jsx(Avatar.Avatar,{preset:"brand",sizes:a.square?constants.SIZES_CHIP_AVATAR_SQUARE:constants.SIZES_CHIP_AVATAR,...A,...a}):null,jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{...T,...i,children:S??R}),m?jsxRuntime.jsx(Text.Text,{..._,...r,children:m}):null]}),c.children||c.text?jsxRuntime.jsx(Indicator.Indicator,{sizes:constants.SIZES_CHIP_INDICATOR,marginRight:3,...A,...c}):null,P?jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0,sizes:constants.SIZES_ICON,...A,...o}):null,u.onClick?jsxRuntime.jsx(IconButton.IconButton,{sizes:u.square?constants.SIZES_DISCARD_BUTTON_SQUARE:constants.SIZES_DISCARD_BUTTON,...A,...g,...u}):null]})})})),{displayName:'Chip',sizes:constants.SIZES});exports.Chip=Chip;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Avatar=require('../Avatar/Avatar.js');var Text=require('../Text/Text.js');var Indicator=require('../Indicator/Indicator.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/Close/index.js');const Chip=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:t="m",primary:n=!0,textProps:i={},captionProps:r={},iconProps:o={},avatarProps:a={},indicatorProps:c={},discardButtonProps:u={},sizeXXS:p,sizeXS:d,sizeS:x,sizeM:l,sizeL:j,sizeXL:I,children:S,text:R,caption:m,icon:v,...z}=e;let h='div';let y;z.onClick&&(h='button'),u.onClick&&(h='div'),h==='button'&&(y='button'),z.type&&(y=z.type);const A={size:t,sizeXXS:p,sizeXS:d,sizeS:x,sizeM:l,sizeL:j,sizeXL:I};const[C,P]=Array.isArray(v)?v:[v];const T={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:m?1.3:1};const _={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};const g={icon:jsxRuntime.jsx(index.Close,{}),disabled:z.disabled};return jsxRuntime.jsx(style.Root,{...z,...A,as:h,type:y,primary:n,ref:s,children:typeof S=='function'?S({textProps:T,captionProps:_,discardButtonProps:g}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[C?jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:typeof C=='string'?C:void 0,icon:typeof C!='string'?C:void 0,sizes:constants.SIZES_ICON,...A,...o}):null,a.src||a.text?jsxRuntime.jsx(Avatar.Avatar,{preset:"brand",sizes:a.square?constants.SIZES_CHIP_AVATAR_SQUARE:constants.SIZES_CHIP_AVATAR,...A,...a}):null,jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{...T,...i,children:S??R}),m?jsxRuntime.jsx(Text.Text,{..._,...r,children:m}):null]}),c.children||c.text?jsxRuntime.jsx(Indicator.Indicator,{sizes:constants.SIZES_CHIP_INDICATOR,marginRight:3,...A,...c}):null,P?jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0,sizes:constants.SIZES_ICON,...A,...o}):null,u.onClick?jsxRuntime.jsx(IconButton.IconButton,{sizes:u.square?constants.SIZES_DISCARD_BUTTON_SQUARE:constants.SIZES_DISCARD_BUTTON,...A,...g,...u}):null]})})})),{displayName:'Chip',sizes:constants.SIZES});exports.Chip=Chip;
 //# sourceMappingURL=Chip.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.js","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport {\n SIZES,\n SIZES_ICON,\n SIZES_CHIP_INDICATOR,\n SIZES_CHIP_AVATAR,\n SIZES_CHIP_AVATAR_SQUARE,\n SIZES_DISCARD_BUTTON,\n SIZES_DISCARD_BUTTON_SQUARE,\n} from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/*\n \n * Компонент поддерживает все нативные атрибуты рутового элемента.\n \n Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n \n Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n \n Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Chip/types.ts).\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n forwardRef<HTMLElement, MergedProps<ChipProps>>((props, ref) => {\n const {\n size = 'm',\n primary = true,\n textProps = {},\n captionProps = {},\n iconProps = {},\n avatarProps = {},\n indicatorProps = {},\n discardButtonProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n children,\n text,\n caption,\n icon,\n ...restProps\n } = props\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let rootNode: any = 'div'\n\n if (restProps.onClick) rootNode = 'button'\n if (discardButtonProps.onClick) rootNode = 'div'\n\n let rootType: ChipProps['type']\n\n if (rootNode === 'button') rootType = 'button'\n if (restProps.type) rootType = restProps.type\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n const textBaseProps: TextProps = {\n as: 'span',\n appearance: 'body',\n size: 'inherit',\n color: 'inherit',\n lineHeight: caption ? 1.3 : 1,\n }\n\n const captionBaseProps: TextProps = {\n as: 'span',\n appearance: 'body',\n size: 0.75,\n sizeUnits: 'em',\n color: 'inherit',\n lineHeight: 1,\n }\n\n const discardButtonBaseProps: IconButtonProps = {\n icon: <Close />,\n disabled: restProps.disabled,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} primary={primary} ref={ref}>\n {typeof children === 'function' ? (\n children({\n textProps: textBaseProps,\n captionProps: captionBaseProps,\n discardButtonProps: discardButtonBaseProps,\n })\n ) : (\n <>\n {before ? (\n <Icon\n preset='brand'\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n sizes={SIZES_ICON}\n {...sizeProps}\n {...iconProps}\n />\n ) : null}\n {avatarProps.src \|\| avatarProps.text ? (\n <Avatar\n preset='brand'\n sizes={avatarProps.square ? SIZES_CHIP_AVATAR_SQUARE : SIZES_CHIP_AVATAR}\n {...sizeProps}\n {...avatarProps}\n />\n ) : null}\n <Styled.Content>\n <Text {...textBaseProps} {...textProps}>\n {children ?? text}\n </Text>\n {caption ? (\n <Text {...captionBaseProps} {...captionProps}>\n {caption}\n </Text>\n ) : null}\n </Styled.Content>\n {indicatorProps.children \|\| indicatorProps.text ? (\n <Indicator sizes={SIZES_CHIP_INDICATOR} marginRight={3} {...sizeProps} {...indicatorProps} />\n ) : null}\n {after ? (\n <Icon\n preset='brand'\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n sizes={SIZES_ICON}\n {...sizeProps}\n {...iconProps}\n />\n ) : null}\n {discardButtonProps.onClick ? (\n <IconButton\n sizes={discardButtonProps.square ? SIZES_DISCARD_BUTTON_SQUARE : SIZES_DISCARD_BUTTON}\n {...sizeProps}\n {...discardButtonBaseProps}\n {...discardButtonProps}\n />\n ) : null}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","primary","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","_jsx","Close","disabled","Styled","_jsxs","~~jsxs","~~_Fragment","~~jsx","~~Icon","preset","name","undefined","sizes","SIZES_ICON","src","Avatar","square","SIZES_CHIP_AVATAR_SQUARE","SIZES_CHIP_AVATAR","Text","Indicator","SIZES_CHIP_INDICATOR","marginRight","IconButton","SIZES_DISCARD_BUTTON_SQUARE","SIZES_DISCARD_BUTTON","displayName","SIZES"],"mappings":"~~kfAmCMA~~,~~MAAAA~~,KAAmDC,gBAAAA,gBACvDC,MAAAA,YAAgD,CAACC,EAAOC,KACtD,MAAMC,KACJA,EAAO,IAAGC,QACVA,GAAU,EAAIC,UACdA,EAAY,~~CAAE~~,~~EAAAC~~,aACdA,EAAe,~~CAAE~~,~~EAAAC~~,UACjBA,EAAY,~~CAAE~~,~~EAAAC~~,YACdA,EAAc,~~CAAE~~,~~EAAAC~~,eAChBA,EAAiB,~~CAAE~~,~~EAAAC~~,mBACnBA,EAAqB,~~CAAE~~,~~EAAAC~~,QACvBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,KACPA,KACGC,GACDpB,EAGJ,IAAIqB,EAAgB,MAKpB,IAAIC,EAHAF,EAAUG,UAASF,EAAW,UAC9BZ,EAAmBc,UAASF,EAAW,OAIvCA,IAAa,WAAUC,EAAW,UAClCF,EAAUI,OAAMF,EAAWF,EAAUI,MAEzC,MAAMC,EAAY,CAChBvB,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOW,EAAQC,GAASC,MAAMC,QAAQV,GAAQA,EAAO,CAACA,GAEtD,MAAMW,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ9B,KAAM,UACN+B,MAAO,UACPC,WAAYhB,EAAU,IAAM,GAG9B,MAAMiB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ9B,KAAM,IACNkC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,MAAMG,EAA0C,CAC9ClB,KAAMmB,WAAAA,IAACC,~~MAAKA~~,~~UACZC~~,SAAUpB,EAAUoB,UAGtB,OACEF,WAAAA,IAACG,MAAAA,KAAW,IAAKrB,KAAeK,EAAWM,GAAIV,EAAUG,KAAMF,EAAUnB,QAASA,EAASF,IAAKA,EAAIe,gBAC1FA,GAAa,WACnBA,EAAS,CACPZ,UAAW0B,EACXzB,aAAc8B,EACd1B,mBAAoB4B,IAGtBK,~~WAAAC~~,KAAAC,oBAAA,~~CAAA5B~~,~~SACGU~~,~~CAAAA~~,EACCY,~~WAAAO~~,~~IAACC~~,UAAI,CACHC,OAAO,QACPC,~~YAAatB~~,GAAW,SAAWA,~~OAASuB~~,~~EAC5C9B~~,YAAaO,GAAW,SAAWA,~~OAASuB~~,EAC5CC,MAAOC,~~UAAWA~~,~~cACd1B~~,KACAnB,IAEJ,KACHC,~~EAAY6C~~,~~KAAO7C~~,EAAYU,KAC9BqB,~~WAAAO~~,~~IAACQ~~,cAAM,CACLN,OAAO,QACPG,~~MAAO3C~~,~~EAAY+C~~,OAASC,UAAAA,yBAA2BC,~~UAAkBA~~,~~qBACrE/B~~,KACAlB,IAEJ,KACJmC,~~WAAAC~~,~~KAACF~~,cAAc,CAAAzB,SAAA,CACbsB,~~WAAAO~~,~~IAACY~~,UAAI,~~IAAK3B~~,KAAmB1B,EAASY,SACnCA,GAAYC,IAEdC,EACCoB,~~WAAAO~~,~~IAACY~~,UAAI,~~IAAKtB~~,KAAsB9B,EAAYW,SACzCE,IAED,QAELV,EAAeQ,UAAYR,EAAeS,KACzCqB,~~WAAAO~~,~~IAACa~~,oBAAS,CAACR,MAAOS,~~UAAqBA~~,~~qBAACC~~,YAAa,~~KAAOnC~~,KAAejB,IACzE,KACHmB,EACCW,WAAAA,~~IAACQ~~,KAAAA,KAAI,CACHC,OAAO,QACPC,~~YAAarB~~,GAAU,SAAWA,~~OAAQsB~~,~~EAC1C9B~~,YAAaQ,GAAU,SAAWA,~~OAAQsB~~,EAC1CC,MAAOC,~~UAAWA~~,~~cACd1B~~,KACAnB,IAEJ,KACHG,EAAmBc,QAClBe,WAAAA,~~IAACuB~~,WAAAA,WAAU,CACTX,~~MAAOzC~~,~~EAAmB6C~~,OAASQ,UAAAA,4BAA8BC,~~UAAqBA~~,~~wBAClFtC~~,KACAY,KACA5B,IAEJ,SAGI,IAGlB,~~CACEuD~~,YAlJmB,OAmJnBd,MAAOe,UAAAA"}
1	+ {"version":3,"file":"Chip.js","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport {\n SIZES,\n SIZES_ICON,\n SIZES_CHIP_INDICATOR,\n SIZES_CHIP_AVATAR,\n SIZES_CHIP_AVATAR_SQUARE,\n SIZES_DISCARD_BUTTON,\n SIZES_DISCARD_BUTTON_SQUARE,\n} from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/*\n \n * Компонент поддерживает все нативные атрибуты рутового элемента.\n \n Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n \n Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n \n Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Chip/types.ts).\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n forwardRef<HTMLElement, MergedProps<ChipProps>>((props, ref) => {\n const {\n size = 'm',\n primary = true,\n textProps = {},\n captionProps = {},\n iconProps = {},\n avatarProps = {},\n indicatorProps = {},\n discardButtonProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n children,\n text,\n caption,\n icon,\n ...restProps\n } = props\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let rootNode: any = 'div'\n\n if (restProps.onClick) rootNode = 'button'\n if (discardButtonProps.onClick) rootNode = 'div'\n\n let rootType: ChipProps['type']\n\n if (rootNode === 'button') rootType = 'button'\n if (restProps.type) rootType = restProps.type\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n const textBaseProps: TextProps = {\n as: 'span',\n appearance: 'body',\n size: 'inherit',\n color: 'inherit',\n lineHeight: caption ? 1.3 : 1,\n }\n\n const captionBaseProps: TextProps = {\n as: 'span',\n appearance: 'body',\n size: 0.75,\n sizeUnits: 'em',\n color: 'inherit',\n lineHeight: 1,\n }\n\n const discardButtonBaseProps: IconButtonProps = {\n icon: <Close />,\n disabled: restProps.disabled,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} primary={primary} ref={ref}>\n {typeof children === 'function' ? (\n children({\n textProps: textBaseProps,\n captionProps: captionBaseProps,\n discardButtonProps: discardButtonBaseProps,\n })\n ) : (\n <>\n {before ? (\n <Icon\n preset='brand'\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n sizes={SIZES_ICON}\n {...sizeProps}\n {...iconProps}\n />\n ) : null}\n {avatarProps.src \|\| avatarProps.text ? (\n <Avatar\n preset='brand'\n sizes={avatarProps.square ? SIZES_CHIP_AVATAR_SQUARE : SIZES_CHIP_AVATAR}\n {...sizeProps}\n {...avatarProps}\n />\n ) : null}\n <Styled.Content>\n <Text {...textBaseProps} {...textProps}>\n {children ?? text}\n </Text>\n {caption ? (\n <Text {...captionBaseProps} {...captionProps}>\n {caption}\n </Text>\n ) : null}\n </Styled.Content>\n {indicatorProps.children \|\| indicatorProps.text ? (\n <Indicator sizes={SIZES_CHIP_INDICATOR} marginRight={3} {...sizeProps} {...indicatorProps} />\n ) : null}\n {after ? (\n <Icon\n preset='brand'\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n sizes={SIZES_ICON}\n {...sizeProps}\n {...iconProps}\n />\n ) : null}\n {discardButtonProps.onClick ? (\n <IconButton\n sizes={discardButtonProps.square ? SIZES_DISCARD_BUTTON_SQUARE : SIZES_DISCARD_BUTTON}\n {...sizeProps}\n {...discardButtonBaseProps}\n {...discardButtonProps}\n />\n ) : null}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","primary","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","_jsx","Close","disabled","Styled","_jsxs","_Fragment","Icon","preset","name","undefined","sizes","SIZES_ICON","src","Avatar","square","SIZES_CHIP_AVATAR_SQUARE","SIZES_CHIP_AVATAR","Text","Indicator","SIZES_CHIP_INDICATOR","marginRight","IconButton","SIZES_DISCARD_BUTTON_SQUARE","SIZES_DISCARD_BUTTON","displayName","SIZES"],"mappings":"kfAmCA,MAAMA,KAAmDC,gBAAAA,gBACvDC,MAAAA,YAAgD,CAACC,EAAOC,KACtD,MAAMC,KACJA,EAAO,IAAGC,QACVA,GAAU,EAAIC,UACdA,EAAY,CAAA,EAAEC,aACdA,EAAe,CAAA,EAAEC,UACjBA,EAAY,CAAA,EAAEC,YACdA,EAAc,CAAA,EAAEC,eAChBA,EAAiB,CAAA,EAAEC,mBACnBA,EAAqB,CAAA,EAAEC,QACvBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,KACPA,KACGC,GACDpB,EAGJ,IAAIqB,EAAgB,MAKpB,IAAIC,EAHAF,EAAUG,UAASF,EAAW,UAC9BZ,EAAmBc,UAASF,EAAW,OAIvCA,IAAa,WAAUC,EAAW,UAClCF,EAAUI,OAAMF,EAAWF,EAAUI,MAEzC,MAAMC,EAAY,CAChBvB,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOW,EAAQC,GAASC,MAAMC,QAAQV,GAAQA,EAAO,CAACA,GAEtD,MAAMW,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ9B,KAAM,UACN+B,MAAO,UACPC,WAAYhB,EAAU,IAAM,GAG9B,MAAMiB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ9B,KAAM,IACNkC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,MAAMG,EAA0C,CAC9ClB,KAAMmB,WAAAA,IAACC,MAAAA,UACPC,SAAUpB,EAAUoB,UAGtB,OACEF,WAAAA,IAACG,MAAAA,KAAW,IAAKrB,KAAeK,EAAWM,GAAIV,EAAUG,KAAMF,EAAUnB,QAASA,EAASF,IAAKA,EAAIe,gBAC1FA,GAAa,WACnBA,EAAS,CACPZ,UAAW0B,EACXzB,aAAc8B,EACd1B,mBAAoB4B,IAGtBK,WAAAA,KAAAC,oBAAA,CAAA3B,SAAA,CACGU,EACCY,WAAAA,IAACM,UAAI,CACHC,OAAO,QACPC,YAAapB,GAAW,SAAWA,OAASqB,EAC5C5B,YAAaO,GAAW,SAAWA,OAASqB,EAC5CC,MAAOC,UAAAA,cACHxB,KACAnB,IAEJ,KACHC,EAAY2C,KAAO3C,EAAYU,KAC9BqB,WAAAA,IAACa,cAAM,CACLN,OAAO,QACPG,MAAOzC,EAAY6C,OAASC,UAAAA,yBAA2BC,UAAAA,qBACnD7B,KACAlB,IAEJ,KACJmC,WAAAA,KAACD,cAAc,CAAAzB,SAAA,CACbsB,WAAAA,IAACiB,UAAI,IAAKzB,KAAmB1B,EAASY,SACnCA,GAAYC,IAEdC,EACCoB,WAAAA,IAACiB,UAAI,IAAKpB,KAAsB9B,EAAYW,SACzCE,IAED,QAELV,EAAeQ,UAAYR,EAAeS,KACzCqB,WAAAA,IAACkB,oBAAS,CAACR,MAAOS,UAAAA,qBAAsBC,YAAa,KAAOjC,KAAejB,IACzE,KACHmB,EACCW,WAAAA,IAACM,KAAAA,KAAI,CACHC,OAAO,QACPC,YAAanB,GAAU,SAAWA,OAAQoB,EAC1C5B,YAAaQ,GAAU,SAAWA,OAAQoB,EAC1CC,MAAOC,UAAAA,cACHxB,KACAnB,IAEJ,KACHG,EAAmBc,QAClBe,WAAAA,IAACqB,WAAAA,WAAU,CACTX,MAAOvC,EAAmB2C,OAASQ,UAAAA,4BAA8BC,UAAAA,wBAC7DpC,KACAY,KACA5B,IAEJ,SAGI,IAGlB,CACEqD,YAlJmB,OAmJnBd,MAAOe,UAAAA"}

package/components/Chip/Chip.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON,SIZES_CHIP_AVATAR_SQUARE,SIZES_CHIP_AVATAR,SIZES_CHIP_INDICATOR,SIZES_DISCARD_BUTTON_SQUARE,SIZES_DISCARD_BUTTON}from'./constants.mjs';import{Root,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';import{Icon}from'../Icon/Icon.mjs';import{Avatar}from'../Avatar/Avatar.mjs';import{Text}from'../Text/Text.mjs';import{Indicator}from'../Indicator/Indicator.mjs';import{IconButton}from'../IconButton/IconButton.mjs';const Chip=withMergedProps(forwardRef(((t,o)=>{const{size:s="m",primary:i=!0,textProps:r={},captionProps:e={},iconProps:n={},avatarProps:a={},indicatorProps:c={},discardButtonProps:p={},sizeXXS:I,sizeXS:S,sizeS:m,sizeM:d,sizeL:l,sizeXL:A,children:_,text:x,caption:C,icon:j,...z}=t;let f='div';let h;z.onClick&&(f='button'),p.onClick&&(f='div'),f==='button'&&(h='button'),z.type&&(h=z.type);const u={size:s,sizeXXS:I,sizeXS:S,sizeS:m,sizeM:d,sizeL:l,sizeXL:A};const[E,R]=Array.isArray(j)?j:[j];const T={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:C?1.3:1};const P={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};const y={icon:jsx(Close,{}),disabled:z.disabled};return jsx(Root,{...z,...u,as:f,type:h,primary:i,ref:o,children:typeof _=='function'?_({textProps:T,captionProps:P,discardButtonProps:y}):jsxs(Fragment,{children:[E?jsx(Icon,{preset:"brand",name:typeof E=='string'?E:void 0,icon:typeof E!='string'?E:void 0,sizes:SIZES_ICON,...u,...n}):null,a.src||a.text?jsx(Avatar,{preset:"brand",sizes:a.square?SIZES_CHIP_AVATAR_SQUARE:SIZES_CHIP_AVATAR,...u,...a}):null,jsxs(Content,{children:[jsx(Text,{...T,...r,children:_??x}),C?jsx(Text,{...P,...e,children:C}):null]}),c.children||c.text?jsx(Indicator,{sizes:SIZES_CHIP_INDICATOR,marginRight:3,...u,...c}):null,R?jsx(Icon,{preset:"brand",name:typeof R=='string'?R:void 0,icon:typeof R!='string'?R:void 0,sizes:SIZES_ICON,...u,...n}):null,p.onClick?jsx(IconButton,{sizes:p.square?SIZES_DISCARD_BUTTON_SQUARE:SIZES_DISCARD_BUTTON,...u,...y,...p}):null]})})})),{displayName:'Chip',sizes:SIZES});export{Chip};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON,SIZES_CHIP_AVATAR_SQUARE,SIZES_CHIP_AVATAR,SIZES_CHIP_INDICATOR,SIZES_DISCARD_BUTTON_SQUARE,SIZES_DISCARD_BUTTON}from'./constants.mjs';import{Root,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Avatar}from'../Avatar/Avatar.mjs';import{Text}from'../Text/Text.mjs';import{Indicator}from'../Indicator/Indicator.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const Chip=withMergedProps(forwardRef(((t,o)=>{const{size:s="m",primary:i=!0,textProps:r={},captionProps:e={},iconProps:n={},avatarProps:a={},indicatorProps:c={},discardButtonProps:p={},sizeXXS:I,sizeXS:S,sizeS:m,sizeM:d,sizeL:l,sizeXL:A,children:_,text:x,caption:C,icon:j,...z}=t;let f='div';let h;z.onClick&&(f='button'),p.onClick&&(f='div'),f==='button'&&(h='button'),z.type&&(h=z.type);const u={size:s,sizeXXS:I,sizeXS:S,sizeS:m,sizeM:d,sizeL:l,sizeXL:A};const[E,R]=Array.isArray(j)?j:[j];const T={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:C?1.3:1};const P={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};const y={icon:jsx(Close,{}),disabled:z.disabled};return jsx(Root,{...z,...u,as:f,type:h,primary:i,ref:o,children:typeof _=='function'?_({textProps:T,captionProps:P,discardButtonProps:y}):jsxs(Fragment,{children:[E?jsx(Icon,{preset:"brand",name:typeof E=='string'?E:void 0,icon:typeof E!='string'?E:void 0,sizes:SIZES_ICON,...u,...n}):null,a.src||a.text?jsx(Avatar,{preset:"brand",sizes:a.square?SIZES_CHIP_AVATAR_SQUARE:SIZES_CHIP_AVATAR,...u,...a}):null,jsxs(Content,{children:[jsx(Text,{...T,...r,children:_??x}),C?jsx(Text,{...P,...e,children:C}):null]}),c.children||c.text?jsx(Indicator,{sizes:SIZES_CHIP_INDICATOR,marginRight:3,...u,...c}):null,R?jsx(Icon,{preset:"brand",name:typeof R=='string'?R:void 0,icon:typeof R!='string'?R:void 0,sizes:SIZES_ICON,...u,...n}):null,p.onClick?jsx(IconButton,{sizes:p.square?SIZES_DISCARD_BUTTON_SQUARE:SIZES_DISCARD_BUTTON,...u,...y,...p}):null]})})})),{displayName:'Chip',sizes:SIZES});export{Chip};
 //# sourceMappingURL=Chip.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.mjs","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport {\n SIZES,\n SIZES_ICON,\n SIZES_CHIP_INDICATOR,\n SIZES_CHIP_AVATAR,\n SIZES_CHIP_AVATAR_SQUARE,\n SIZES_DISCARD_BUTTON,\n SIZES_DISCARD_BUTTON_SQUARE,\n} from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/*\n \n * Компонент поддерживает все нативные атрибуты рутового элемента.\n \n Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n \n Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n \n Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Chip/types.ts).\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n forwardRef<HTMLElement, MergedProps<ChipProps>>((props, ref) => {\n const {\n size = 'm',\n primary = true,\n textProps = {},\n captionProps = {},\n iconProps = {},\n avatarProps = {},\n indicatorProps = {},\n discardButtonProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n children,\n text,\n caption,\n icon,\n ...restProps\n } = props\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let rootNode: any = 'div'\n\n if (restProps.onClick) rootNode = 'button'\n if (discardButtonProps.onClick) rootNode = 'div'\n\n let rootType: ChipProps['type']\n\n if (rootNode === 'button') rootType = 'button'\n if (restProps.type) rootType = restProps.type\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n const textBaseProps: TextProps = {\n as: 'span',\n appearance: 'body',\n size: 'inherit',\n color: 'inherit',\n lineHeight: caption ? 1.3 : 1,\n }\n\n const captionBaseProps: TextProps = {\n as: 'span',\n appearance: 'body',\n size: 0.75,\n sizeUnits: 'em',\n color: 'inherit',\n lineHeight: 1,\n }\n\n const discardButtonBaseProps: IconButtonProps = {\n icon: <Close />,\n disabled: restProps.disabled,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} primary={primary} ref={ref}>\n {typeof children === 'function' ? (\n children({\n textProps: textBaseProps,\n captionProps: captionBaseProps,\n discardButtonProps: discardButtonBaseProps,\n })\n ) : (\n <>\n {before ? (\n <Icon\n preset='brand'\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n sizes={SIZES_ICON}\n {...sizeProps}\n {...iconProps}\n />\n ) : null}\n {avatarProps.src \|\| avatarProps.text ? (\n <Avatar\n preset='brand'\n sizes={avatarProps.square ? SIZES_CHIP_AVATAR_SQUARE : SIZES_CHIP_AVATAR}\n {...sizeProps}\n {...avatarProps}\n />\n ) : null}\n <Styled.Content>\n <Text {...textBaseProps} {...textProps}>\n {children ?? text}\n </Text>\n {caption ? (\n <Text {...captionBaseProps} {...captionProps}>\n {caption}\n </Text>\n ) : null}\n </Styled.Content>\n {indicatorProps.children \|\| indicatorProps.text ? (\n <Indicator sizes={SIZES_CHIP_INDICATOR} marginRight={3} {...sizeProps} {...indicatorProps} />\n ) : null}\n {after ? (\n <Icon\n preset='brand'\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n sizes={SIZES_ICON}\n {...sizeProps}\n {...iconProps}\n />\n ) : null}\n {discardButtonProps.onClick ? (\n <IconButton\n sizes={discardButtonProps.square ? SIZES_DISCARD_BUTTON_SQUARE : SIZES_DISCARD_BUTTON}\n {...sizeProps}\n {...discardButtonBaseProps}\n {...discardButtonProps}\n />\n ) : null}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","primary","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","_jsx","Close","disabled","Styled","_jsxs","_Fragment","Icon","preset","name","undefined","sizes","SIZES_ICON","src","Avatar","square","SIZES_CHIP_AVATAR_SQUARE","SIZES_CHIP_AVATAR","Text","Indicator","SIZES_CHIP_INDICATOR","marginRight","IconButton","SIZES_DISCARD_BUTTON_SQUARE","SIZES_DISCARD_BUTTON","displayName","SIZES"],"mappings":"~~mmBAmCMA~~,~~MAAAA~~,KAAmDC,gBACvDC,YAAgD,CAACC,EAAOC,KACtD,MAAMC,KACJA,EAAO,IAAGC,QACVA,GAAU,EAAIC,UACdA,EAAY,~~CAAE~~,~~EAAAC~~,aACdA,EAAe,~~CAAE~~,~~EAAAC~~,UACjBA,EAAY,~~CAAE~~,~~EAAAC~~,YACdA,EAAc,~~CAAE~~,~~EAAAC~~,eAChBA,EAAiB,~~CAAE~~,~~EAAAC~~,mBACnBA,EAAqB,~~CAAE~~,~~EAAAC~~,QACvBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,KACPA,KACGC,GACDpB,EAGJ,IAAIqB,EAAgB,MAKpB,IAAIC,EAHAF,EAAUG,UAASF,EAAW,UAC9BZ,EAAmBc,UAASF,EAAW,OAIvCA,IAAa,WAAUC,EAAW,UAClCF,EAAUI,OAAMF,EAAWF,EAAUI,MAEzC,MAAMC,EAAY,CAChBvB,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOW,EAAQC,GAASC,MAAMC,QAAQV,GAAQA,EAAO,CAACA,GAEtD,MAAMW,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ9B,KAAM,UACN+B,MAAO,UACPC,WAAYhB,EAAU,IAAM,GAG9B,MAAMiB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ9B,KAAM,IACNkC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,MAAMG,EAA0C,CAC9ClB,KAAMmB,IAACC,UACPC,SAAUpB,EAAUoB,UAGtB,OACEF,IAACG,KAAW,IAAKrB,KAAeK,EAAWM,GAAIV,EAAUG,KAAMF,EAAUnB,QAASA,EAASF,IAAKA,EAAIe,gBAC1FA,GAAa,WACnBA,EAAS,CACPZ,UAAW0B,EACXzB,aAAc8B,EACd1B,mBAAoB4B,IAGtBK,KAAAC,SAAA,CAAA3B,~~SACGU~~,~~CAAAA~~,EACCY,IAACM,KAAI,CACHC,OAAO,QACPC,YAAapB,GAAW,SAAWA,OAASqB,EAC5C5B,YAAaO,GAAW,SAAWA,OAASqB,EAC5CC,MAAOC,cACHxB,KACAnB,IAEJ,KACHC,EAAY2C,KAAO3C,EAAYU,KAC9BqB,IAACa,OAAM,CACLN,OAAO,QACPG,MAAOzC,EAAY6C,OAASC,yBAA2BC,qBACnD7B,KACAlB,IAEJ,KACJmC,KAACD,QAAc,CAAAzB,SAAA,CACbsB,IAACiB,KAAI,IAAKzB,KAAmB1B,EAASY,SACnCA,GAAYC,IAEdC,EACCoB,IAACiB,KAAI,IAAKpB,KAAsB9B,EAAYW,SACzCE,IAED,QAELV,EAAeQ,UAAYR,EAAeS,KACzCqB,IAACkB,UAAS,CAACR,MAAOS,qBAAsBC,YAAa,KAAOjC,KAAejB,IACzE,KACHmB,EACCW,IAACM,KAAI,CACHC,OAAO,QACPC,YAAanB,GAAU,SAAWA,OAAQoB,EAC1C5B,YAAaQ,GAAU,SAAWA,OAAQoB,EAC1CC,MAAOC,cACHxB,KACAnB,IAEJ,KACHG,EAAmBc,QAClBe,IAACqB,WAAU,CACTX,MAAOvC,EAAmB2C,OAASQ,4BAA8BC,wBAC7DpC,KACAY,KACA5B,IAEJ,SAGI,IAGlB,CACEqD,YAlJmB,OAmJnBd,MAAOe"}
1	+ {"version":3,"file":"Chip.mjs","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport {\n SIZES,\n SIZES_ICON,\n SIZES_CHIP_INDICATOR,\n SIZES_CHIP_AVATAR,\n SIZES_CHIP_AVATAR_SQUARE,\n SIZES_DISCARD_BUTTON,\n SIZES_DISCARD_BUTTON_SQUARE,\n} from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/*\n \n * Компонент поддерживает все нативные атрибуты рутового элемента.\n \n Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n \n Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n \n Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Chip/types.ts).\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n forwardRef<HTMLElement, MergedProps<ChipProps>>((props, ref) => {\n const {\n size = 'm',\n primary = true,\n textProps = {},\n captionProps = {},\n iconProps = {},\n avatarProps = {},\n indicatorProps = {},\n discardButtonProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n children,\n text,\n caption,\n icon,\n ...restProps\n } = props\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let rootNode: any = 'div'\n\n if (restProps.onClick) rootNode = 'button'\n if (discardButtonProps.onClick) rootNode = 'div'\n\n let rootType: ChipProps['type']\n\n if (rootNode === 'button') rootType = 'button'\n if (restProps.type) rootType = restProps.type\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n const textBaseProps: TextProps = {\n as: 'span',\n appearance: 'body',\n size: 'inherit',\n color: 'inherit',\n lineHeight: caption ? 1.3 : 1,\n }\n\n const captionBaseProps: TextProps = {\n as: 'span',\n appearance: 'body',\n size: 0.75,\n sizeUnits: 'em',\n color: 'inherit',\n lineHeight: 1,\n }\n\n const discardButtonBaseProps: IconButtonProps = {\n icon: <Close />,\n disabled: restProps.disabled,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} primary={primary} ref={ref}>\n {typeof children === 'function' ? (\n children({\n textProps: textBaseProps,\n captionProps: captionBaseProps,\n discardButtonProps: discardButtonBaseProps,\n })\n ) : (\n <>\n {before ? (\n <Icon\n preset='brand'\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n sizes={SIZES_ICON}\n {...sizeProps}\n {...iconProps}\n />\n ) : null}\n {avatarProps.src \|\| avatarProps.text ? (\n <Avatar\n preset='brand'\n sizes={avatarProps.square ? SIZES_CHIP_AVATAR_SQUARE : SIZES_CHIP_AVATAR}\n {...sizeProps}\n {...avatarProps}\n />\n ) : null}\n <Styled.Content>\n <Text {...textBaseProps} {...textProps}>\n {children ?? text}\n </Text>\n {caption ? (\n <Text {...captionBaseProps} {...captionProps}>\n {caption}\n </Text>\n ) : null}\n </Styled.Content>\n {indicatorProps.children \|\| indicatorProps.text ? (\n <Indicator sizes={SIZES_CHIP_INDICATOR} marginRight={3} {...sizeProps} {...indicatorProps} />\n ) : null}\n {after ? (\n <Icon\n preset='brand'\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n sizes={SIZES_ICON}\n {...sizeProps}\n {...iconProps}\n />\n ) : null}\n {discardButtonProps.onClick ? (\n <IconButton\n sizes={discardButtonProps.square ? SIZES_DISCARD_BUTTON_SQUARE : SIZES_DISCARD_BUTTON}\n {...sizeProps}\n {...discardButtonBaseProps}\n {...discardButtonProps}\n />\n ) : null}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","primary","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","_jsx","Close","disabled","Styled","_jsxs","_Fragment","Icon","preset","name","undefined","sizes","SIZES_ICON","src","Avatar","square","SIZES_CHIP_AVATAR_SQUARE","SIZES_CHIP_AVATAR","Text","Indicator","SIZES_CHIP_INDICATOR","marginRight","IconButton","SIZES_DISCARD_BUTTON_SQUARE","SIZES_DISCARD_BUTTON","displayName","SIZES"],"mappings":"mmBAmCA,MAAMA,KAAmDC,gBACvDC,YAAgD,CAACC,EAAOC,KACtD,MAAMC,KACJA,EAAO,IAAGC,QACVA,GAAU,EAAIC,UACdA,EAAY,CAAA,EAAEC,aACdA,EAAe,CAAA,EAAEC,UACjBA,EAAY,CAAA,EAAEC,YACdA,EAAc,CAAA,EAAEC,eAChBA,EAAiB,CAAA,EAAEC,mBACnBA,EAAqB,CAAA,EAAEC,QACvBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,KACPA,KACGC,GACDpB,EAGJ,IAAIqB,EAAgB,MAKpB,IAAIC,EAHAF,EAAUG,UAASF,EAAW,UAC9BZ,EAAmBc,UAASF,EAAW,OAIvCA,IAAa,WAAUC,EAAW,UAClCF,EAAUI,OAAMF,EAAWF,EAAUI,MAEzC,MAAMC,EAAY,CAChBvB,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOW,EAAQC,GAASC,MAAMC,QAAQV,GAAQA,EAAO,CAACA,GAEtD,MAAMW,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ9B,KAAM,UACN+B,MAAO,UACPC,WAAYhB,EAAU,IAAM,GAG9B,MAAMiB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ9B,KAAM,IACNkC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,MAAMG,EAA0C,CAC9ClB,KAAMmB,IAACC,UACPC,SAAUpB,EAAUoB,UAGtB,OACEF,IAACG,KAAW,IAAKrB,KAAeK,EAAWM,GAAIV,EAAUG,KAAMF,EAAUnB,QAASA,EAASF,IAAKA,EAAIe,gBAC1FA,GAAa,WACnBA,EAAS,CACPZ,UAAW0B,EACXzB,aAAc8B,EACd1B,mBAAoB4B,IAGtBK,KAAAC,SAAA,CAAA3B,SAAA,CACGU,EACCY,IAACM,KAAI,CACHC,OAAO,QACPC,YAAapB,GAAW,SAAWA,OAASqB,EAC5C5B,YAAaO,GAAW,SAAWA,OAASqB,EAC5CC,MAAOC,cACHxB,KACAnB,IAEJ,KACHC,EAAY2C,KAAO3C,EAAYU,KAC9BqB,IAACa,OAAM,CACLN,OAAO,QACPG,MAAOzC,EAAY6C,OAASC,yBAA2BC,qBACnD7B,KACAlB,IAEJ,KACJmC,KAACD,QAAc,CAAAzB,SAAA,CACbsB,IAACiB,KAAI,IAAKzB,KAAmB1B,EAASY,SACnCA,GAAYC,IAEdC,EACCoB,IAACiB,KAAI,IAAKpB,KAAsB9B,EAAYW,SACzCE,IAED,QAELV,EAAeQ,UAAYR,EAAeS,KACzCqB,IAACkB,UAAS,CAACR,MAAOS,qBAAsBC,YAAa,KAAOjC,KAAejB,IACzE,KACHmB,EACCW,IAACM,KAAI,CACHC,OAAO,QACPC,YAAanB,GAAU,SAAWA,OAAQoB,EAC1C5B,YAAaQ,GAAU,SAAWA,OAAQoB,EAC1CC,MAAOC,cACHxB,KACAnB,IAEJ,KACHG,EAAmBc,QAClBe,IAACqB,WAAU,CACTX,MAAOvC,EAAmB2C,OAASQ,4BAA8BC,wBAC7DpC,KACAY,KACA5B,IAEJ,SAGI,IAGlB,CACEqD,YAlJmB,OAmJnBd,MAAOe"}

package/components/Chip/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES_CHIP_INDICATOR","xxl","SIZES_INDICATOR","~~SIZES_SQUARE","~~l","xl","m","s","xs","SIZES_CHIP_AVATAR","SIZES_AVATAR","~~SIZES","~~xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE","fontSize","width","minHeight","padding","borderRadius"],"mappings":"kOA4DO,MAAMA,qBAAwD,CACnEC,IAAKC,~~UAAeC~~,~~aAACC~~,EACrBC,~~GAAIH~~,~~UAAeC~~,~~aAACC~~,EACpBA,~~EAAGF~~,~~UAAeC~~,~~aAACG~~,EACnBA,~~EAAGJ~~,~~UAAeC~~,~~aAACG~~,EACnBC,~~EAAGL~~,~~UAAeC~~,~~aAACI~~,EACnBC,~~GAAIN~~,~~UAAeC~~,~~aAACI~~,GAGf,MAAME,kBAAqD,~~CAChER~~,~~IAAKS~~,~~YAAYC~~,~~MAACH~~,GAClBH,GAAIK,~~YAAYC~~,~~MAACH~~,GACjBJ,EAAGM,~~YAAYC~~,~~MAACC~~,~~IAChBN~~,EAAGI,~~YAAYC~~,~~MAACC~~,~~IAChBL~~,EAAGG,~~YAAYC~~,~~MAACE~~,~~KAChBL~~,GAAIE,~~YAAYC~~,~~MAACE~~,MAGZ,MAAMC,yBAA4D,~~CACvEb~~,~~IAAKc~~,~~YAAmBZ~~,~~aAACK~~,GACzBH,~~GAAIU~~,~~YAAmBZ~~,~~aAACK~~,GACxBJ,~~EAAGW~~,~~YAAmBZ~~,~~aAACS~~,~~IACvBN~~,~~EAAGS~~,~~YAAmBZ~~,~~aAACS~~,~~IACvBL~~,~~EAAGQ~~,~~YAAmBZ~~,~~aAACU~~,~~KACvBL~~,~~GAAIO~~,~~YAAmBZ~~,~~aAACU~~,MAGnB,MAAMG,qBAAwD,~~CACnEf~~,~~IAAKgB~~,~~MAAiBN~~,~~MAACP~~,EACvBC,~~GAAIY~~,~~MAAiBN~~,~~MAACP~~,EACtBA,~~EAAGa~~,~~MAAiBN~~,~~MAACL~~,EACrBA,~~EAAGW~~,~~MAAiBN~~,~~MAACL~~,EACrBC,~~EAAGU~~,~~MAAiBN~~,~~MAACJ~~,EACrBC,~~GAAIS~~,~~MAAiBN~~,~~MAACJ~~,GAGjB,~~MAAMW~~,4BAA+D,~~CAC1EjB~~,~~IAAKkB~~,~~MAAwBhB~~,~~aAACC~~,EAC9BC,~~GAAIc~~,~~MAAwBhB~~,~~aAACC~~,EAC7BA,~~EAAGe~~,~~MAAwBhB~~,~~aAACG~~,EAC5BA,~~EAAGa~~,~~MAAwBhB~~,~~aAACG~~,EAC5BC,~~EAAGY~~,~~MAAwBhB~~,~~aAACI~~,EAC5BC,~~GAAIW~~,~~MAAwBhB~~,~~aAACI~~,iBAhGuB,~~CACpDN~~,IAAK,~~CACHmB~~,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,YACTC,aAAc,~~IAEhBnB~~,GAAI,~~CACFe~~,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,WACTC,aAAc,~~IAEhBpB~~,EAAG,~~CACDgB~~,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,~~GAEhBlB~~,EAAG,~~CACDc~~,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,~~GAEhBjB~~,EAAG,~~CACDa~~,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,~~GAEhBhB~~,GAAI,~~CACFY~~,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,iSAIyC,~~CACzDvB~~,IAAK,~~CAAEmB~~,SAAU,~~IACjBf~~,GAAI,~~CAAEe~~,SAAU,~~IAChBhB~~,EAAG,~~CAAEgB~~,SAAU,~~IACfd~~,EAAG,~~CAAEc~~,SAAU,~~IACfb~~,EAAG,~~CAAEa~~,SAAU,~~IACfZ~~,GAAI,~~CAAEY~~,SAAU"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES_CHIP_INDICATOR","xxl","SIZES_INDICATOR","l","xl","m","s","xs","SIZES_CHIP_AVATAR","SIZES_AVATAR","xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE","fontSize","width","minHeight","padding","borderRadius"],"mappings":"kOA4DO,MAAMA,qBAAwD,CACnEC,IAAKC,UAAAA,aAAgBC,EACrBC,GAAIF,UAAAA,aAAgBC,EACpBA,EAAGD,UAAAA,aAAgBG,EACnBA,EAAGH,UAAAA,aAAgBG,EACnBC,EAAGJ,UAAAA,aAAgBI,EACnBC,GAAIL,UAAAA,aAAgBI,GAGf,MAAME,kBAAqD,CAChEP,IAAKQ,YAAAA,MAAaF,GAClBH,GAAIK,YAAAA,MAAaF,GACjBJ,EAAGM,YAAAA,MAAaC,IAChBL,EAAGI,YAAAA,MAAaC,IAChBJ,EAAGG,YAAAA,MAAaE,KAChBJ,GAAIE,YAAAA,MAAaE,MAGZ,MAAMC,yBAA4D,CACvEX,IAAKY,YAAAA,aAAoBN,GACzBH,GAAIS,YAAAA,aAAoBN,GACxBJ,EAAGU,YAAAA,aAAoBH,IACvBL,EAAGQ,YAAAA,aAAoBH,IACvBJ,EAAGO,YAAAA,aAAoBF,KACvBJ,GAAIM,YAAAA,aAAoBF,MAGnB,MAAMG,qBAAwD,CACnEb,IAAKc,MAAAA,MAAkBZ,EACvBC,GAAIW,MAAAA,MAAkBZ,EACtBA,EAAGY,MAAAA,MAAkBV,EACrBA,EAAGU,MAAAA,MAAkBV,EACrBC,EAAGS,MAAAA,MAAkBT,EACrBC,GAAIQ,MAAAA,MAAkBT,GAGjB,MAAMU,4BAA+D,CAC1Ef,IAAKgB,MAAAA,aAAyBd,EAC9BC,GAAIa,MAAAA,aAAyBd,EAC7BA,EAAGc,MAAAA,aAAyBZ,EAC5BA,EAAGY,MAAAA,aAAyBZ,EAC5BC,EAAGW,MAAAA,aAAyBX,EAC5BC,GAAIU,MAAAA,aAAyBX,iBAhGuB,CACpDL,IAAK,CACHiB,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,YACTC,aAAc,IAEhBlB,GAAI,CACFc,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,WACTC,aAAc,IAEhBnB,EAAG,CACDe,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBjB,EAAG,CACDa,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBhB,EAAG,CACDY,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBf,GAAI,CACFW,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,iSAIyC,CACzDrB,IAAK,CAAEiB,SAAU,IACjBd,GAAI,CAAEc,SAAU,IAChBf,EAAG,CAAEe,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,EAAG,CAAEY,SAAU,IACfX,GAAI,CAAEW,SAAU"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"style.js","sources":["../../../../src/components/Chip/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 { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\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 &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-contrast']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100'],\n borderColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorHover: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-secondary']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-brand-primary-500'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-onmain-contrast'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n contrast: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Content = styled.span`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n text-align: start;\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button') cursor = 'pointer'\n if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n if (props.cursor) cursor = props.cursor\n\n return `\n box-sizing: border-box;\n appearance: none;\n margin: 0;\n display: inline-flex;\n align-items: center;\n border: 1px solid transparent;\n flex-shrink: 0;\n cursor: ${cursor};\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:last-child) {\n margin-right: 6px;\n }\n\n & > ${Content}:first-child {\n margin-left: 6px;\n }\n & > ${Content}:last-child {\n margin-right: 6px;\n }\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.outline) schemaVariant = schema.outline\n\n return props.black ? schemaVariant.black : schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","displayName","componentId","Root","div","shouldForwardProp","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
1	+ {"version":3,"file":"style.js","sources":["../../../../src/components/Chip/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 { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\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 &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-contrast']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100'],\n borderColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorHover: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-secondary']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-brand-primary-500'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-onmain-contrast'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n contrast: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Content = styled.span`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n text-align: start;\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button') cursor = 'pointer'\n if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n if (props.cursor) cursor = props.cursor\n\n return `\n box-sizing: border-box;\n appearance: none;\n margin: 0;\n display: inline-flex;\n align-items: center;\n border: 1px solid transparent;\n flex-shrink: 0;\n cursor: ${cursor};\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:last-child) {\n margin-right: 6px;\n }\n\n & > ${Content}:first-child {\n margin-left: 6px;\n }\n & > ${Content}:last-child {\n margin-right: 6px;\n }\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.outline) schemaVariant = schema.outline\n\n return props.black ? schemaVariant.black : schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","displayName","componentId","Root","div","shouldForwardProp","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin"],"mappings":"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"}