npm - @salutejs/plasma-new-hope - Versions diffs - 0.324.0-canary.1972.15071772993.0 → 0.324.0-canary.1976.15107513065.0 - Mend

@salutejs/plasma-new-hope 0.324.0-canary.1972.15071772993.0 → 0.324.0-canary.1976.15107513065.0

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 (431) hide show

package/es/components/Select/ui/Target/ui/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '~~src/~~utils';\n\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, getItemId, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n opened,\n value,\n valueToItemMap,\n onKeyDown,\n label,\n size,\n disabled,\n renderValue,\n selectProps,\n treeId,\n activeDescendantItemValue,\n },\n ref,\n ) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n return (\n <ButtonWrapper>\n <StyledButton\n ref={ref}\n stretching=\"filled\"\n onKeyDown={onKeyDown}\n className={opened ? classes.selectWithoutBoxShadow : undefined}\n disabled={disabled}\n contentRight={\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n }\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={opened}\n aria-activedescendant={\n activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n }\n aria-label={label}\n >\n <Label>\n {getButtonLabel({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n })}\n </Label>\n </StyledButton>\n </ButtonWrapper>\n );\n },\n);\n"],"names":["Button","forwardRef","_ref","ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","selectProps","treeId","activeDescendantItemValue","withArrowInverse","classes","arrowInverse","undefined","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","concat","getItemId","Label","getButtonLabel"],"mappings":";;;;;;;;AASO,IAAMA,MAAM,gBAAGC,UAAU,CAC5B,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,EAAA,IAbGC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,MAAM,GAAAX,IAAA,CAANW,MAAM;IACNC,yBAAyB,GAAAZ,IAAA,CAAzBY,yBAAyB,CAAA;EAI7B,IAAMC,gBAAgB,GAAGX,MAAM,GAAGY,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;EAElE,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,qBACVF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACTnB,IAAAA,GAAG,EAAEA,GAAI;AACToB,IAAAA,UAAU,EAAC,QAAQ;AACnBhB,IAAAA,SAAS,EAAEA,SAAU;AACrBiB,IAAAA,SAAS,EAAEpB,MAAM,GAAGY,OAAO,CAACS,sBAAsB,GAAGP,SAAU;AAC/DR,IAAAA,QAAQ,EAAEA,QAAS;IACnBgB,YAAY,eACRP,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA,IAAA,eACbR,KAAA,CAAAC,aAAA,CAACQ,WAAW,EAAA;AACRnB,MAAAA,IAAI,EAAEoB,cAAc,CAACpB,IAAI,CAAE;AAC3BqB,MAAAA,KAAK,EAAC,SAAS;AACfN,MAAAA,SAAS,EAAEO,EAAE,CAACf,OAAO,CAACgB,iBAAiB,EAAEjB,gBAAgB,CAAA;AAAE,KAC9D,CACa,CACrB;AACDkB,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,mBAAA,EAAkB,MAAM;IACxB,eAAAC,EAAAA,EAAAA,CAAAA,MAAA,CAAkBrB,MAAM,EAAgB,eAAA,CAAA;AACxC,IAAA,eAAA,EAAeT,MAAO;IACtB,uBACIU,EAAAA,yBAAyB,GAAGqB,SAAS,CAACtB,MAAM,EAAEC,yBAAyB,CAAC,GAAG,EAC9E;IACD,YAAYN,EAAAA,KAAAA;AAAM,GAAA,eAElBW,KAAA,CAAAC,aAAA,CAACgB,KAAK,EAAA,IAAA,EACDC,cAAc,CAAC;AACZhC,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdE,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,WAAW,EAAXA,WAAAA;GACH,CACE,CACG,CACH,CAAC,CAAA;AAExB,CACJ;;;;"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cx } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, getItemId, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n opened,\n value,\n valueToItemMap,\n onKeyDown,\n label,\n size,\n disabled,\n renderValue,\n selectProps,\n treeId,\n activeDescendantItemValue,\n },\n ref,\n ) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n return (\n <ButtonWrapper>\n <StyledButton\n ref={ref}\n stretching=\"filled\"\n onKeyDown={onKeyDown}\n className={opened ? classes.selectWithoutBoxShadow : undefined}\n disabled={disabled}\n contentRight={\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n }\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={opened}\n aria-activedescendant={\n activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n }\n aria-label={label}\n >\n <Label>\n {getButtonLabel({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n })}\n </Label>\n </StyledButton>\n </ButtonWrapper>\n );\n },\n);\n"],"names":["Button","forwardRef","_ref","ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","selectProps","treeId","activeDescendantItemValue","withArrowInverse","classes","arrowInverse","undefined","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","concat","getItemId","Label","getButtonLabel"],"mappings":";;;;;;;;AASO,IAAMA,MAAM,gBAAGC,UAAU,CAC5B,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,EAAA,IAbGC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,MAAM,GAAAX,IAAA,CAANW,MAAM;IACNC,yBAAyB,GAAAZ,IAAA,CAAzBY,yBAAyB,CAAA;EAI7B,IAAMC,gBAAgB,GAAGX,MAAM,GAAGY,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;EAElE,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,qBACVF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACTnB,IAAAA,GAAG,EAAEA,GAAI;AACToB,IAAAA,UAAU,EAAC,QAAQ;AACnBhB,IAAAA,SAAS,EAAEA,SAAU;AACrBiB,IAAAA,SAAS,EAAEpB,MAAM,GAAGY,OAAO,CAACS,sBAAsB,GAAGP,SAAU;AAC/DR,IAAAA,QAAQ,EAAEA,QAAS;IACnBgB,YAAY,eACRP,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA,IAAA,eACbR,KAAA,CAAAC,aAAA,CAACQ,WAAW,EAAA;AACRnB,MAAAA,IAAI,EAAEoB,cAAc,CAACpB,IAAI,CAAE;AAC3BqB,MAAAA,KAAK,EAAC,SAAS;AACfN,MAAAA,SAAS,EAAEO,EAAE,CAACf,OAAO,CAACgB,iBAAiB,EAAEjB,gBAAgB,CAAA;AAAE,KAC9D,CACa,CACrB;AACDkB,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,mBAAA,EAAkB,MAAM;IACxB,eAAAC,EAAAA,EAAAA,CAAAA,MAAA,CAAkBrB,MAAM,EAAgB,eAAA,CAAA;AACxC,IAAA,eAAA,EAAeT,MAAO;IACtB,uBACIU,EAAAA,yBAAyB,GAAGqB,SAAS,CAACtB,MAAM,EAAEC,yBAAyB,CAAC,GAAG,EAC9E;IACD,YAAYN,EAAAA,KAAAA;AAAM,GAAA,eAElBW,KAAA,CAAAC,aAAA,CAACgB,KAAK,EAAA,IAAA,EACDC,cAAc,CAAC;AACZhC,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdE,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,WAAW,EAAXA,WAAAA;GACH,CACE,CACG,CACH,CAAC,CAAA;AAExB,CACJ;;;;"}

package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { ~~applyEllipsis~~ } from '~~src/mixins~~';\nimport { component, mergeConfig } from '~~src/~~engines';\nimport { buttonConfig, buttonTokens } from '~~src/components/~~Button';\nimport { ~~IconDisclosureDownCentered~~ } from '~~src/components/_Icon~~';\n\nimport { tokens, classes, constants } from '../../../../Select.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n ${buttonTokens.buttonRightContentMargin}: var(${tokens.buttonArrowMargin});\n ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n ${buttonTokens.buttonWidth}: 100%;\n ${buttonTokens.buttonPadding}: var(${tokens.buttonPadding});\n ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n ${buttonTokens.buttonFontWeight}: var(${tokens.fontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n text-align: left;\n`;\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.buttonArrowColor});\n\n &:hover {\n color: var(${tokens.buttonArrowColorHover});\n }\n\n &:active {\n color: var(${tokens.buttonArrowColorActive});\n }\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const ButtonWrapper = styled.div`\n display: inline;\n\n .${classes.selectWithoutBoxShadow}::before {\n box-shadow: none !important;\n }\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n`;\n\nexport const Label = styled.div`\n display: inline;\n width: 100%;\n text-align: left;\n\n ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs","IconArrowWrapper","_exp42","IconDisclosureDownCentered","_exp44","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","ButtonWrapper","Label"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAR3BA,SAQ2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAqBjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAMC,IAAAE,MAAA,GAlDgBA,SAkDhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,0BAA0B,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GApD1CA,SAoD0CA,MAAAA,GAAA;AAAA,EAAA,OAM9C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,SAAA,GAAAD,IAAA,CAAGE,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAA,GAAAA,SAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAAE,MAAA,CAAkBC,MAAM,CAACC,kBAAkB,EAAA,IAAA,CAAA,CAAAF,MAAA,CAAK;AAAAG,MAAAA,EAAA,EAAA,MAAA;AAAAC,MAAAA,CAAA,EAAA,QAAA;KAAQL,CAAAA,IAAI,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AANjF,IAAMM,WAAW,gBAAGhB,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAc,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMnBV,MAA0E,EAAA,CAAA;AAAA,GAAA;AAAA,CACvF,EAAA;AAEM,IAAMW,aAAa,gBAAGlB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUlC,EAAA;AAEM,IAAMgB,KAAK,gBAAGnB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1B;;;;"}
1	+ {"version":3,"file":"Button.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { applyEllipsis } from '../../../../../../mixins';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n ${buttonTokens.buttonRightContentMargin}: var(${tokens.buttonArrowMargin});\n ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n ${buttonTokens.buttonWidth}: 100%;\n ${buttonTokens.buttonPadding}: var(${tokens.buttonPadding});\n ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n ${buttonTokens.buttonFontWeight}: var(${tokens.fontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n text-align: left;\n`;\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.buttonArrowColor});\n\n &:hover {\n color: var(${tokens.buttonArrowColorHover});\n }\n\n &:active {\n color: var(${tokens.buttonArrowColorActive});\n }\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const ButtonWrapper = styled.div`\n display: inline;\n\n .${classes.selectWithoutBoxShadow}::before {\n box-shadow: none !important;\n }\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n`;\n\nexport const Label = styled.div`\n display: inline;\n width: 100%;\n text-align: left;\n\n ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs","IconArrowWrapper","_exp42","IconDisclosureDownCentered","_exp44","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","ButtonWrapper","Label"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAR3BA,SAQ2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAqBjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAMC,IAAAE,MAAA,GAlDgBA,SAkDhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,0BAA0B,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GApD1CA,SAoD0CA,MAAAA,GAAA;AAAA,EAAA,OAM9C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,SAAA,GAAAD,IAAA,CAAGE,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAA,GAAAA,SAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAAE,MAAA,CAAkBC,MAAM,CAACC,kBAAkB,EAAA,IAAA,CAAA,CAAAF,MAAA,CAAK;AAAAG,MAAAA,EAAA,EAAA,MAAA;AAAAC,MAAAA,CAAA,EAAA,QAAA;KAAQL,CAAAA,IAAI,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AANjF,IAAMM,WAAW,gBAAGhB,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAc,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMnBV,MAA0E,EAAA,CAAA;AAAA,GAAA;AAAA,CACvF,EAAA;AAEM,IAAMW,aAAa,gBAAGlB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUlC,EAAA;AAEM,IAAMgB,KAAK,gBAAGnB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1B;;;;"}

package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { IconDisclosureDownCentered } from 'src/components/_Icon';\nimport { textFieldConfig, textFieldTokens } from 'src/components/TextField';\n\nimport { tokens, classes } from '../../../../Select.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)<{ opened: boolean; disabled?: boolean }>`\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.labelColor}: var(${tokens.textFieldLabelColor});\n ${textFieldTokens.leftHelperColor}: var(${tokens.textFieldLeftHelperColor});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColorReadOnly}: ${({ opened }) =>\n opened ? `var(${tokens.textFieldBackgroundColorFocus})` : `var(${tokens.textFieldBackgroundColor})`};\n ${textFieldTokens.placeholderColorReadOnly}: ${({ opened }) =>\n opened ? `var(${tokens.textFieldPlaceholderColorFocus})` : `var(${tokens.textFieldPlaceholderColor})`};\n ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColor});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColor});\n ${textFieldTokens.borderColorReadOnly}: ${({ opened }) =>\n opened ? `var(${tokens.textFieldBorderColorFocus})` : `var(${tokens.textFieldBorderColor})`};\n\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.optionalColor}: var(${tokens.textFieldOptionalColor});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.paddingWithChips}: var(${tokens.textFieldPaddingWithChips});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.rightContentWithHintMargin}: var(${tokens.textFieldRightContentWithHintMargin});\n ${textFieldTokens.contentRightWrapperGap}: var(${tokens.textFieldContentRightWrapperGap});\n ${textFieldTokens.contentRightWrapperMargin}: var(${tokens.textFieldContentRightWrapperMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor});\n ${textFieldTokens.contentSlotColorHover}: var(${tokens.textFieldContentSlotColorHover});\n ${textFieldTokens.contentSlotColorActive}: var(${tokens.textFieldContentSlotColorActive});\n\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentSlotRightColor});\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentSlotRightColorHover});\n ${textFieldTokens.contentSlotRightColorActive}: var(${tokens.textFieldContentSlotRightColorActive});\n\n ${textFieldTokens.labelOffset}: var(${tokens.textFieldLabelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.textFieldLabelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.textFieldLabelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.textFieldLabelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.textFieldLabelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.textFieldLabelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.textFieldLabelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.textFieldLabelInnerFontFamily});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.textFieldLabelInnerFontStyle});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.textFieldLabelInnerFontSize});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.textFieldLabelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.textFieldLabelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.textFieldLabelInnerLineHeight});\n\n ${textFieldTokens.labelInnerPadding}: var(${tokens.textFieldLabelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.textFieldContentLabelInnerPadding});\n\n ${textFieldTokens.titleCaptionColor}: var(${tokens.textFieldTitleCaptionColor});\n ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${tokens.textFieldTitleCaptionInnerLabelOffset});\n\n ${textFieldTokens.titleCaptionFontFamily}: var(${tokens.textFieldTitleCaptionFontFamily});\n ${textFieldTokens.titleCaptionFontStyle}: var(${tokens.textFieldTitleCaptionFontStyle});\n ${textFieldTokens.titleCaptionFontSize}: var(${tokens.textFieldTitleCaptionFontSize});\n ${textFieldTokens.titleCaptionFontWeight}: var(${tokens.textFieldTitleCaptionFontWeight});\n ${textFieldTokens.titleCaptionLetterSpacing}: var(${tokens.textFieldTitleCaptionLetterSpacing});\n ${textFieldTokens.titleCaptionLineHeight}: var(${tokens.textFieldTitleCaptionLineHeight});\n\n ${textFieldTokens.leftHelperOffset}: var(${tokens.textFieldLeftHelperOffset});\n\n ${textFieldTokens.leftHelperFontFamily}: var(${tokens.textFieldLeftHelperFontFamily});\n ${textFieldTokens.leftHelperFontStyle}: var(${tokens.textFieldLeftHelperFontStyle});\n ${textFieldTokens.leftHelperFontSize}: var(${tokens.textFieldLeftHelperFontSize});\n ${textFieldTokens.leftHelperFontWeight}: var(${tokens.textFieldLeftHelperFontWeight});\n ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.textFieldLeftHelperLetterSpacing});\n ${textFieldTokens.leftHelperLineHeight}: var(${tokens.textFieldLeftHelperLineHeight});\n\n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.textFieldDisabledOpacity});\n\n ${textFieldTokens.hintCustomIconTargetSize}: var(${tokens.textFieldHintCustomIconTargetSize});\n ${textFieldTokens.hintMargin}: var(${tokens.textFieldHintMargin});\n ${textFieldTokens.hintTargetSize}: var(${tokens.textFieldHintTargetSize});\n ${textFieldTokens.hintIconColor}: var(${tokens.textFieldHintIconColor});\n ${textFieldTokens.hintInnerLabelPlacementOffset}: var(${tokens.textFieldHintInnerLabelPlacementOffset});\n ${textFieldTokens.clearHintInnerLabelPlacementOffset}: var(${tokens.textFieldClearHintInnerLabelPlacementOffset});\n ${textFieldTokens.tooltipBackgroundColor}: var(${tokens.textFieldTooltipBackgroundColor});\n ${textFieldTokens.tooltipBoxShadow}: var(${tokens.textFieldTooltipBoxShadow});\n ${textFieldTokens.tooltipColor}: var(${tokens.textFieldTooltipColor});\n ${textFieldTokens.tooltipPaddingTop}: var(${tokens.textFieldTooltipPaddingTop});\n ${textFieldTokens.tooltipPaddingRight}: var(${tokens.textFieldTooltipPaddingRight});\n ${textFieldTokens.tooltipPaddingBottom}: var(${tokens.textFieldTooltipPaddingBottom});\n ${textFieldTokens.tooltipPaddingLeft}: var(${tokens.textFieldTooltipPaddingLeft});\n ${textFieldTokens.tooltipMinHeight}: var(${tokens.textFieldTooltipMinHeight});\n ${textFieldTokens.tooltipBorderRadius}: var(${tokens.textFieldTooltipBorderRadius});\n ${textFieldTokens.tooltipTextFontFamily}: var(${tokens.textFieldTooltipTextFontFamily});\n ${textFieldTokens.tooltipTextFontSize}: var(${tokens.textFieldTooltipTextFontSize});\n ${textFieldTokens.tooltipTextFontStyle}: var(${tokens.textFieldTooltipTextFontStyle});\n ${textFieldTokens.tooltipTextFontWeight}: var(${tokens.textFieldTooltipTextFontWeight});\n ${textFieldTokens.tooltipTextFontLetterSpacing}: var(${tokens.textFieldTooltipTextFontLetterSpacing});\n ${textFieldTokens.tooltipTextFontLineHeight}: var(${tokens.textFieldTooltipTextFontLineHeight});\n ${textFieldTokens.tooltipContentLeftMargin}: var(${tokens.textFieldTooltipContentLeftMargin});\n ${textFieldTokens.tooltipArrowMaskWidth}: var(${tokens.textFieldTooltipArrowMaskWidth});\n ${textFieldTokens.tooltipArrowMaskHeight}: var(${tokens.textFieldTooltipArrowMaskHeight});\n ${textFieldTokens.tooltipArrowMaskImage}: var(${tokens.textFieldTooltipArrowMaskImage});\n ${textFieldTokens.tooltipArrowHeight}: var(${tokens.textFieldTooltipArrowHeight});\n ${textFieldTokens.tooltipArrowEdgeMargin}: var(${tokens.textFieldTooltipArrowEdgeMargin});\n ${textFieldTokens.tooltipArrowBackground}: var(${tokens.textFieldTooltipArrowBackground});\n\n ${textFieldTokens.chipHeight}: var(${tokens.textFieldChipHeight});\n ${textFieldTokens.chipBorderRadius}: var(${tokens.textFieldChipBorderRadius});\n ${textFieldTokens.chipGap}: var(${tokens.textFieldChipGap});\n ${textFieldTokens.chipColor}: var(${tokens.textFieldChipColor});\n ${textFieldTokens.chipColorHover}: var(${tokens.textFieldChipColorHover});\n ${textFieldTokens.chipScaleHover}: var(${tokens.textFieldChipScaleHover});\n ${textFieldTokens.chipBackground}: var(${tokens.textFieldChipBackground});\n ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n ${textFieldTokens.chipScaleActive}: var(${tokens.textFieldChipScaleActive});\n ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n ${textFieldTokens.chipOutlineSize}: var(${tokens.textFieldChipOutlineSize});\n ${textFieldTokens.chipWidth}: var(${tokens.textFieldChipWidth});\n ${textFieldTokens.chipPadding}: var(${tokens.textFieldChipPadding});\n ${textFieldTokens.chipCloseIconSize}: var(${tokens.textFieldChipCloseIconSize});\n ${textFieldTokens.chipFontFamily}: var(${tokens.textFieldChipFontFamily});\n ${textFieldTokens.chipFontSize}: var(${tokens.textFieldChipFontSize});\n ${textFieldTokens.chipFontStyle}: var(${tokens.textFieldChipFontStyle});\n ${textFieldTokens.chipFontWeight}: var(${tokens.textFieldChipFontWeight});\n ${textFieldTokens.chipLetterSpacing}: var(${tokens.textFieldChipLetterSpacing});\n ${textFieldTokens.chipLineHeight}: var(${tokens.textFieldChipLineHeight});\n ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColor});\n ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColor});\n ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackground});\n ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundHover});\n ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.textFieldChipClearContentMarginLeft});\n ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.textFieldChipClearContentMarginRight});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.textFieldIndicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.textFieldIndicatorSizeInner});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.textFieldIndicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.textFieldIndicatorLabelPlacementInner});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.textFieldIndicatorLabelPlacementOuter});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.textFieldIndicatorLabelPlacementInnerRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.textFieldIndicatorLabelPlacementOuterRight});\n ${textFieldTokens.clearIndicatorLabelPlacementInner}: var(${tokens.textFieldClearIndicatorLabelPlacementInner});\n ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${\n tokens.textFieldClearIndicatorLabelPlacementInnerRight\n});\n ${textFieldTokens.clearIndicatorHintInnerRight}: var(${tokens.textFieldClearIndicatorHintInnerRight});\n\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.boxShadow}: ${({ disabled }) => (disabled ? 'none' : `var(${tokens.textFieldBoxShadow})`)};\n\n /* TODO: #1544 /\n\n & div.input-wrapper:focus-within {\n background-color: var(${tokens.textFieldBackgroundColorFocus});\n }\n\n / TextField изначально в readOnly состоянии */\n\n &.${classes.readOnly} {\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n ${textFieldTokens.dividerColorReadOnly}: var(${tokens.textFieldDividerColorReadOnly});\n ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColorReadOnly});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColorReadOnly});\n ${textFieldTokens.titleCaptionColorReadOnly}: var(${tokens.textFieldTitleCaptionColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.readOnlyOpacity}: var(${tokens.textFieldReadOnlyOpacity});\n\n ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColorReadOnly});\n ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColorReadOnlyHover});\n ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackgroundReadOnly});\n ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundReadOnlyHover});\n ${textFieldTokens.chipOpacityReadonly}: var(${tokens.textFieldChipOpacityReadonly});\n\n ${textFieldTokens.boxShadow}: none;\n }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled?: boolean; readOnly?: boolean }>`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n cursor: ${({ disabled, readOnly }) => (disabled \|\| readOnly ? 'inherit' : 'pointer')};\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n\n &:hover,\n &:active {\n color: ${({ disabled, readOnly }) =>\n disabled \|\| readOnly ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n }\n\n opacity: ${({ readOnly }) => (readOnly ? `var(${tokens.disclosureIconOpacityReadOnly})` : '')};\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledLeftHelper = styled.span`\n margin: 0;\n padding: 0;\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","_exp17","_ref","opened","concat","tokens","textFieldBackgroundColorFocus","textFieldBackgroundColor","_exp19","_ref2","textFieldPlaceholderColorFocus","textFieldPlaceholderColor","_exp25","_ref3","textFieldBorderColorFocus","textFieldBorderColor","_exp281","_ref4","disabled","textFieldBoxShadow","StyledTextField","styled","name","class","propsAsIs","vars","_exp314","_ref5","readOnly","_exp316","_ref6","disclosureIconColor","disclosureIconColorHover","_exp317","_ref7","disclosureIconOpacityReadOnly","IconArrowWrapper","_exp318","IconDisclosureDownCentered","_exp320","_ref8","_ref8$size","size","disclosureIconSize","xs","s","StyledArrow","StyledLeftHelper"],"mappings":"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"}
1	+ {"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { textFieldConfig, textFieldTokens } from '../../../../../TextField';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { tokens, classes } from '../../../../Select.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)<{ opened: boolean; disabled?: boolean }>`\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.labelColor}: var(${tokens.textFieldLabelColor});\n ${textFieldTokens.leftHelperColor}: var(${tokens.textFieldLeftHelperColor});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColorReadOnly}: ${({ opened }) =>\n opened ? `var(${tokens.textFieldBackgroundColorFocus})` : `var(${tokens.textFieldBackgroundColor})`};\n ${textFieldTokens.placeholderColorReadOnly}: ${({ opened }) =>\n opened ? `var(${tokens.textFieldPlaceholderColorFocus})` : `var(${tokens.textFieldPlaceholderColor})`};\n ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColor});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColor});\n ${textFieldTokens.borderColorReadOnly}: ${({ opened }) =>\n opened ? `var(${tokens.textFieldBorderColorFocus})` : `var(${tokens.textFieldBorderColor})`};\n\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.optionalColor}: var(${tokens.textFieldOptionalColor});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.paddingWithChips}: var(${tokens.textFieldPaddingWithChips});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.rightContentWithHintMargin}: var(${tokens.textFieldRightContentWithHintMargin});\n ${textFieldTokens.contentRightWrapperGap}: var(${tokens.textFieldContentRightWrapperGap});\n ${textFieldTokens.contentRightWrapperMargin}: var(${tokens.textFieldContentRightWrapperMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor});\n ${textFieldTokens.contentSlotColorHover}: var(${tokens.textFieldContentSlotColorHover});\n ${textFieldTokens.contentSlotColorActive}: var(${tokens.textFieldContentSlotColorActive});\n\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentSlotRightColor});\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentSlotRightColorHover});\n ${textFieldTokens.contentSlotRightColorActive}: var(${tokens.textFieldContentSlotRightColorActive});\n\n ${textFieldTokens.labelOffset}: var(${tokens.textFieldLabelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.textFieldLabelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.textFieldLabelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.textFieldLabelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.textFieldLabelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.textFieldLabelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.textFieldLabelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.textFieldLabelInnerFontFamily});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.textFieldLabelInnerFontStyle});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.textFieldLabelInnerFontSize});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.textFieldLabelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.textFieldLabelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.textFieldLabelInnerLineHeight});\n\n ${textFieldTokens.labelInnerPadding}: var(${tokens.textFieldLabelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.textFieldContentLabelInnerPadding});\n\n ${textFieldTokens.titleCaptionColor}: var(${tokens.textFieldTitleCaptionColor});\n ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${tokens.textFieldTitleCaptionInnerLabelOffset});\n\n ${textFieldTokens.titleCaptionFontFamily}: var(${tokens.textFieldTitleCaptionFontFamily});\n ${textFieldTokens.titleCaptionFontStyle}: var(${tokens.textFieldTitleCaptionFontStyle});\n ${textFieldTokens.titleCaptionFontSize}: var(${tokens.textFieldTitleCaptionFontSize});\n ${textFieldTokens.titleCaptionFontWeight}: var(${tokens.textFieldTitleCaptionFontWeight});\n ${textFieldTokens.titleCaptionLetterSpacing}: var(${tokens.textFieldTitleCaptionLetterSpacing});\n ${textFieldTokens.titleCaptionLineHeight}: var(${tokens.textFieldTitleCaptionLineHeight});\n\n ${textFieldTokens.leftHelperOffset}: var(${tokens.textFieldLeftHelperOffset});\n\n ${textFieldTokens.leftHelperFontFamily}: var(${tokens.textFieldLeftHelperFontFamily});\n ${textFieldTokens.leftHelperFontStyle}: var(${tokens.textFieldLeftHelperFontStyle});\n ${textFieldTokens.leftHelperFontSize}: var(${tokens.textFieldLeftHelperFontSize});\n ${textFieldTokens.leftHelperFontWeight}: var(${tokens.textFieldLeftHelperFontWeight});\n ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.textFieldLeftHelperLetterSpacing});\n ${textFieldTokens.leftHelperLineHeight}: var(${tokens.textFieldLeftHelperLineHeight});\n\n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.textFieldDisabledOpacity});\n\n ${textFieldTokens.hintCustomIconTargetSize}: var(${tokens.textFieldHintCustomIconTargetSize});\n ${textFieldTokens.hintMargin}: var(${tokens.textFieldHintMargin});\n ${textFieldTokens.hintTargetSize}: var(${tokens.textFieldHintTargetSize});\n ${textFieldTokens.hintIconColor}: var(${tokens.textFieldHintIconColor});\n ${textFieldTokens.hintInnerLabelPlacementOffset}: var(${tokens.textFieldHintInnerLabelPlacementOffset});\n ${textFieldTokens.clearHintInnerLabelPlacementOffset}: var(${tokens.textFieldClearHintInnerLabelPlacementOffset});\n ${textFieldTokens.tooltipBackgroundColor}: var(${tokens.textFieldTooltipBackgroundColor});\n ${textFieldTokens.tooltipBoxShadow}: var(${tokens.textFieldTooltipBoxShadow});\n ${textFieldTokens.tooltipColor}: var(${tokens.textFieldTooltipColor});\n ${textFieldTokens.tooltipPaddingTop}: var(${tokens.textFieldTooltipPaddingTop});\n ${textFieldTokens.tooltipPaddingRight}: var(${tokens.textFieldTooltipPaddingRight});\n ${textFieldTokens.tooltipPaddingBottom}: var(${tokens.textFieldTooltipPaddingBottom});\n ${textFieldTokens.tooltipPaddingLeft}: var(${tokens.textFieldTooltipPaddingLeft});\n ${textFieldTokens.tooltipMinHeight}: var(${tokens.textFieldTooltipMinHeight});\n ${textFieldTokens.tooltipBorderRadius}: var(${tokens.textFieldTooltipBorderRadius});\n ${textFieldTokens.tooltipTextFontFamily}: var(${tokens.textFieldTooltipTextFontFamily});\n ${textFieldTokens.tooltipTextFontSize}: var(${tokens.textFieldTooltipTextFontSize});\n ${textFieldTokens.tooltipTextFontStyle}: var(${tokens.textFieldTooltipTextFontStyle});\n ${textFieldTokens.tooltipTextFontWeight}: var(${tokens.textFieldTooltipTextFontWeight});\n ${textFieldTokens.tooltipTextFontLetterSpacing}: var(${tokens.textFieldTooltipTextFontLetterSpacing});\n ${textFieldTokens.tooltipTextFontLineHeight}: var(${tokens.textFieldTooltipTextFontLineHeight});\n ${textFieldTokens.tooltipContentLeftMargin}: var(${tokens.textFieldTooltipContentLeftMargin});\n ${textFieldTokens.tooltipArrowMaskWidth}: var(${tokens.textFieldTooltipArrowMaskWidth});\n ${textFieldTokens.tooltipArrowMaskHeight}: var(${tokens.textFieldTooltipArrowMaskHeight});\n ${textFieldTokens.tooltipArrowMaskImage}: var(${tokens.textFieldTooltipArrowMaskImage});\n ${textFieldTokens.tooltipArrowHeight}: var(${tokens.textFieldTooltipArrowHeight});\n ${textFieldTokens.tooltipArrowEdgeMargin}: var(${tokens.textFieldTooltipArrowEdgeMargin});\n ${textFieldTokens.tooltipArrowBackground}: var(${tokens.textFieldTooltipArrowBackground});\n\n ${textFieldTokens.chipHeight}: var(${tokens.textFieldChipHeight});\n ${textFieldTokens.chipBorderRadius}: var(${tokens.textFieldChipBorderRadius});\n ${textFieldTokens.chipGap}: var(${tokens.textFieldChipGap});\n ${textFieldTokens.chipColor}: var(${tokens.textFieldChipColor});\n ${textFieldTokens.chipColorHover}: var(${tokens.textFieldChipColorHover});\n ${textFieldTokens.chipScaleHover}: var(${tokens.textFieldChipScaleHover});\n ${textFieldTokens.chipBackground}: var(${tokens.textFieldChipBackground});\n ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n ${textFieldTokens.chipScaleActive}: var(${tokens.textFieldChipScaleActive});\n ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n ${textFieldTokens.chipOutlineSize}: var(${tokens.textFieldChipOutlineSize});\n ${textFieldTokens.chipWidth}: var(${tokens.textFieldChipWidth});\n ${textFieldTokens.chipPadding}: var(${tokens.textFieldChipPadding});\n ${textFieldTokens.chipCloseIconSize}: var(${tokens.textFieldChipCloseIconSize});\n ${textFieldTokens.chipFontFamily}: var(${tokens.textFieldChipFontFamily});\n ${textFieldTokens.chipFontSize}: var(${tokens.textFieldChipFontSize});\n ${textFieldTokens.chipFontStyle}: var(${tokens.textFieldChipFontStyle});\n ${textFieldTokens.chipFontWeight}: var(${tokens.textFieldChipFontWeight});\n ${textFieldTokens.chipLetterSpacing}: var(${tokens.textFieldChipLetterSpacing});\n ${textFieldTokens.chipLineHeight}: var(${tokens.textFieldChipLineHeight});\n ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColor});\n ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColor});\n ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackground});\n ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundHover});\n ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.textFieldChipClearContentMarginLeft});\n ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.textFieldChipClearContentMarginRight});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.textFieldIndicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.textFieldIndicatorSizeInner});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.textFieldIndicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.textFieldIndicatorLabelPlacementInner});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.textFieldIndicatorLabelPlacementOuter});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.textFieldIndicatorLabelPlacementInnerRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.textFieldIndicatorLabelPlacementOuterRight});\n ${textFieldTokens.clearIndicatorLabelPlacementInner}: var(${tokens.textFieldClearIndicatorLabelPlacementInner});\n ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${\n tokens.textFieldClearIndicatorLabelPlacementInnerRight\n});\n ${textFieldTokens.clearIndicatorHintInnerRight}: var(${tokens.textFieldClearIndicatorHintInnerRight});\n\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.boxShadow}: ${({ disabled }) => (disabled ? 'none' : `var(${tokens.textFieldBoxShadow})`)};\n\n /* TODO: #1544 /\n\n & div.input-wrapper:focus-within {\n background-color: var(${tokens.textFieldBackgroundColorFocus});\n }\n\n / TextField изначально в readOnly состоянии */\n\n &.${classes.readOnly} {\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n ${textFieldTokens.dividerColorReadOnly}: var(${tokens.textFieldDividerColorReadOnly});\n ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColorReadOnly});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColorReadOnly});\n ${textFieldTokens.titleCaptionColorReadOnly}: var(${tokens.textFieldTitleCaptionColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.readOnlyOpacity}: var(${tokens.textFieldReadOnlyOpacity});\n\n ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColorReadOnly});\n ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColorReadOnlyHover});\n ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackgroundReadOnly});\n ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundReadOnlyHover});\n ${textFieldTokens.chipOpacityReadonly}: var(${tokens.textFieldChipOpacityReadonly});\n\n ${textFieldTokens.boxShadow}: none;\n }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled?: boolean; readOnly?: boolean }>`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n cursor: ${({ disabled, readOnly }) => (disabled \|\| readOnly ? 'inherit' : 'pointer')};\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n\n &:hover,\n &:active {\n color: ${({ disabled, readOnly }) =>\n disabled \|\| readOnly ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n }\n\n opacity: ${({ readOnly }) => (readOnly ? `var(${tokens.disclosureIconOpacityReadOnly})` : '')};\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledLeftHelper = styled.span`\n margin: 0;\n padding: 0;\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","_exp17","_ref","opened","concat","tokens","textFieldBackgroundColorFocus","textFieldBackgroundColor","_exp19","_ref2","textFieldPlaceholderColorFocus","textFieldPlaceholderColor","_exp25","_ref3","textFieldBorderColorFocus","textFieldBorderColor","_exp281","_ref4","disabled","textFieldBoxShadow","StyledTextField","styled","name","class","propsAsIs","vars","_exp314","_ref5","readOnly","_exp316","_ref6","disclosureIconColor","disclosureIconColorHover","_exp317","_ref7","disclosureIconOpacityReadOnly","IconArrowWrapper","_exp318","IconDisclosureDownCentered","_exp320","_ref8","_ref8$size","size","disclosureIconSize","xs","s","StyledArrow","StyledLeftHelper"],"mappings":"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"}

package/es/components/Select/ui/VirtualList/VirtualList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualList.js","sources":["../../../../../src/components/Select/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport List from 'rc-virtual-list';\nimport { getHeightAsNumber } from '~~src/~~utils';\n\nimport type { MergedDropdownNodeTransformed } from '../Inner/ui/Item/Item.types';\nimport { Item } from '../Inner/ui';\n\ninterface Props {\n items: MergedDropdownNodeTransformed[];\n listMaxHeight?: CSSProperties['height'];\n onScroll?: (e: React.UIEvent<HTMLUListElement>) => void;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, listMaxHeight, onScroll }) => (\n <List data={items} height={getHeightAsNumber(listMaxHeight)} itemHeight={100} itemKey=\"id\" onScroll={onScroll}>\n {(item, index, props) => (\n <div {...props}>\n <Item item={item} path={['root']} currentLevel={0} index={index} ariaLevel={1} />\n </div>\n )}\n </List>\n);\n"],"names":["VirtualList","_ref","items","listMaxHeight","onScroll","React","createElement","List","data","height","getHeightAsNumber","itemHeight","itemKey","item","index","props","Item","path","currentLevel","ariaLevel"],"mappings":";;;;;IAaaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAA;AAAA,EAAA,oBACzEC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEN,KAAM;AAACO,IAAAA,MAAM,EAAEC,iBAAiB,CAACP,aAAa,CAAE;AAACQ,IAAAA,UAAU,EAAE,GAAI;AAACC,IAAAA,OAAO,EAAC,IAAI;AAACR,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACzG,UAACS,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAA;IAAA,oBAChBV,KAAA,CAAAC,aAAA,CAASS,KAAAA,EAAAA,KAAK,eACVV,KAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;AAACH,MAAAA,IAAI,EAAEA,IAAK;MAACI,IAAI,EAAE,CAAC,MAAM,CAAE;AAACC,MAAAA,YAAY,EAAE,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAM;AAACK,MAAAA,SAAS,EAAE,CAAA;AAAE,KAAE,CAC/E,CAAC,CAAA;AAAA,GAER,CAAC,CAAA;AAAA;;;;"}
1	+ {"version":3,"file":"VirtualList.js","sources":["../../../../../src/components/Select/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport List from 'rc-virtual-list';\n\nimport { getHeightAsNumber } from '../../../../utils';\nimport type { MergedDropdownNodeTransformed } from '../Inner/ui/Item/Item.types';\nimport { Item } from '../Inner/ui';\n\ninterface Props {\n items: MergedDropdownNodeTransformed[];\n listMaxHeight?: CSSProperties['height'];\n onScroll?: (e: React.UIEvent<HTMLUListElement>) => void;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, listMaxHeight, onScroll }) => (\n <List data={items} height={getHeightAsNumber(listMaxHeight)} itemHeight={100} itemKey=\"id\" onScroll={onScroll}>\n {(item, index, props) => (\n <div {...props}>\n <Item item={item} path={['root']} currentLevel={0} index={index} ariaLevel={1} />\n </div>\n )}\n </List>\n);\n"],"names":["VirtualList","_ref","items","listMaxHeight","onScroll","React","createElement","List","data","height","getHeightAsNumber","itemHeight","itemKey","item","index","props","Item","path","currentLevel","ariaLevel"],"mappings":";;;;;IAaaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAA;AAAA,EAAA,oBACzEC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEN,KAAM;AAACO,IAAAA,MAAM,EAAEC,iBAAiB,CAACP,aAAa,CAAE;AAACQ,IAAAA,UAAU,EAAE,GAAI;AAACC,IAAAA,OAAO,EAAC,IAAI;AAACR,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACzG,UAACS,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAA;IAAA,oBAChBV,KAAA,CAAAC,aAAA,CAASS,KAAAA,EAAAA,KAAK,eACVV,KAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;AAACH,MAAAA,IAAI,EAAEA,IAAK;MAACI,IAAI,EAAE,CAAC,MAAM,CAAE;AAACC,MAAAA,YAAY,EAAE,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAM;AAACK,MAAAA,SAAS,EAAE,CAAA;AAAE,KAAE,CAC/E,CAAC,CAAA;AAAA,GAER,CAAC,CAAA;AAAA;;;;"}

package/es/components/Select/utils/getButtonLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getButtonLabel.js","sources":["../../../../src/components/Select/utils/getButtonLabel.ts"],"sourcesContent":["import { isEmpty } from '~~src/~~utils';\n\nimport { GetButtonLabelProps } from '../ui/Target/ui/Button/Button.types';\n\nconst getLabel = ({\n value,\n valueToItemMap,\n renderValue,\n}: Omit<GetButtonLabelProps, 'label' \| 'selectProps' \| 'value'> & { value: any }): string => {\n const label = valueToItemMap.get(value)?.label \|\| value.toString();\n\n return renderValue ? renderValue(valueToItemMap.get(value) \|\| { value, label }) : label;\n};\n\nexport const getButtonLabel = ({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n}: GetButtonLabelProps): string => {\n if (isEmpty(value) && typeof value !== 'number') {\n return label \|\| '';\n }\n\n if (selectProps.multiselect && Array.isArray(value) && selectProps.isTargetAmount) {\n return `Выбрано ${value.length}`;\n }\n\n if (selectProps.multiselect && Array.isArray(value)) {\n return value\n ?.map((itemValue) =>\n getLabel({\n value: itemValue,\n valueToItemMap,\n renderValue,\n }),\n )\n .join(', ');\n }\n\n return getLabel({\n value,\n valueToItemMap,\n renderValue,\n });\n};\n"],"names":["getLabel","_ref","_valueToItemMap$get","value","valueToItemMap","renderValue","label","get","toString","getButtonLabel","_ref2","selectProps","isEmpty","multiselect","Array","isArray","isTargetAmount","concat","length","map","itemValue","join"],"mappings":";;~~AAIA~~,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAI+E;AAAA,EAAA,IAAAC,mBAAA,CAAA;AAAA,EAAA,IAHzFC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW,CAAA;EAEX,IAAMC,KAAK,GAAG,CAAAJ,CAAAA,mBAAA,GAAAE,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAC,cAAAD,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAzBA,mBAAA,CAA2BI,KAAK,KAAIH,KAAK,CAACK,QAAQ,EAAE,CAAA;EAElE,OAAOH,WAAW,GAAGA,WAAW,CAACD,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAC,IAAI;AAAEA,IAAAA,KAAK,EAALA,KAAK;AAAEG,IAAAA,KAAK,EAALA,KAAAA;GAAO,CAAC,GAAGA,KAAK,CAAA;AAC3F,CAAC,CAAA;IAEYG,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAMQ;AAAA,EAAA,IAL/BP,KAAK,GAAAO,KAAA,CAALP,KAAK;IACLC,cAAc,GAAAM,KAAA,CAAdN,cAAc;IACdE,KAAK,GAAAI,KAAA,CAALJ,KAAK;IACLD,WAAW,GAAAK,KAAA,CAAXL,WAAW;IACXM,WAAW,GAAAD,KAAA,CAAXC,WAAW,CAAA;EAEX,IAAIC,OAAO,CAACT,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7C,OAAOG,KAAK,IAAI,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,IAAIK,WAAW,CAACE,WAAW,IAAIC,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,IAAIQ,WAAW,CAACK,cAAc,EAAE;AAC/E,IAAA,OAAA,6CAAA,CAAAC,MAAA,CAAkBd,KAAK,CAACe,MAAM,CAAA,CAAA;AAClC,GAAA;EAEA,IAAIP,WAAW,CAACE,WAAW,IAAIC,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,EAAE;IACjD,OAAOA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CACNgB,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,OACZpB,QAAQ,CAAC;AACLG,QAAAA,KAAK,EAAEiB,SAAS;AAChBhB,QAAAA,cAAc,EAAdA,cAAc;AACdC,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC,CAAA;AAAA,KACN,CAAC,CACAgB,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,GAAA;AAEA,EAAA,OAAOrB,QAAQ,CAAC;AACZG,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,WAAW,EAAXA,WAAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
1	+ {"version":3,"file":"getButtonLabel.js","sources":["../../../../src/components/Select/utils/getButtonLabel.ts"],"sourcesContent":["import { isEmpty } from '../../../utils';\nimport { GetButtonLabelProps } from '../ui/Target/ui/Button/Button.types';\n\nconst getLabel = ({\n value,\n valueToItemMap,\n renderValue,\n}: Omit<GetButtonLabelProps, 'label' \| 'selectProps' \| 'value'> & { value: any }): string => {\n const label = valueToItemMap.get(value)?.label \|\| value.toString();\n\n return renderValue ? renderValue(valueToItemMap.get(value) \|\| { value, label }) : label;\n};\n\nexport const getButtonLabel = ({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n}: GetButtonLabelProps): string => {\n if (isEmpty(value) && typeof value !== 'number') {\n return label \|\| '';\n }\n\n if (selectProps.multiselect && Array.isArray(value) && selectProps.isTargetAmount) {\n return `Выбрано ${value.length}`;\n }\n\n if (selectProps.multiselect && Array.isArray(value)) {\n return value\n ?.map((itemValue) =>\n getLabel({\n value: itemValue,\n valueToItemMap,\n renderValue,\n }),\n )\n .join(', ');\n }\n\n return getLabel({\n value,\n valueToItemMap,\n renderValue,\n });\n};\n"],"names":["getLabel","_ref","_valueToItemMap$get","value","valueToItemMap","renderValue","label","get","toString","getButtonLabel","_ref2","selectProps","isEmpty","multiselect","Array","isArray","isTargetAmount","concat","length","map","itemValue","join"],"mappings":";;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAI+E;AAAA,EAAA,IAAAC,mBAAA,CAAA;AAAA,EAAA,IAHzFC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW,CAAA;EAEX,IAAMC,KAAK,GAAG,CAAAJ,CAAAA,mBAAA,GAAAE,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAC,cAAAD,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAzBA,mBAAA,CAA2BI,KAAK,KAAIH,KAAK,CAACK,QAAQ,EAAE,CAAA;EAElE,OAAOH,WAAW,GAAGA,WAAW,CAACD,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAC,IAAI;AAAEA,IAAAA,KAAK,EAALA,KAAK;AAAEG,IAAAA,KAAK,EAALA,KAAAA;GAAO,CAAC,GAAGA,KAAK,CAAA;AAC3F,CAAC,CAAA;IAEYG,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAMQ;AAAA,EAAA,IAL/BP,KAAK,GAAAO,KAAA,CAALP,KAAK;IACLC,cAAc,GAAAM,KAAA,CAAdN,cAAc;IACdE,KAAK,GAAAI,KAAA,CAALJ,KAAK;IACLD,WAAW,GAAAK,KAAA,CAAXL,WAAW;IACXM,WAAW,GAAAD,KAAA,CAAXC,WAAW,CAAA;EAEX,IAAIC,OAAO,CAACT,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7C,OAAOG,KAAK,IAAI,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,IAAIK,WAAW,CAACE,WAAW,IAAIC,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,IAAIQ,WAAW,CAACK,cAAc,EAAE;AAC/E,IAAA,OAAA,6CAAA,CAAAC,MAAA,CAAkBd,KAAK,CAACe,MAAM,CAAA,CAAA;AAClC,GAAA;EAEA,IAAIP,WAAW,CAACE,WAAW,IAAIC,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,EAAE;IACjD,OAAOA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CACNgB,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,OACZpB,QAAQ,CAAC;AACLG,QAAAA,KAAK,EAAEiB,SAAS;AAChBhB,QAAAA,cAAc,EAAdA,cAAc;AACdC,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC,CAAA;AAAA,KACN,CAAC,CACAgB,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,GAAA;AAEA,EAAA,OAAOrB,QAAQ,CAAC;AACZG,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,WAAW,EAAXA,WAAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}

package/es/components/Slider/components/Double/Double.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { InputWrapper } from '~~src/components/~~TextField/TextField.styles';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const InputsWrapper = styled.div`\n display: flex;\n gap: var(${tokens.textFieldWrapperGap});\n margin-top: var(${tokens.doubleWrapperGap});\n box-shadow: var(${tokens.doubleBoxShadow});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n \n &&.${classes.textFieldHovered} {\n ${InputWrapper} {\n background: var(${tokens.textFieldBackgroundColorHover});\n box-shadow: inset 0 0 0 var(${tokens.textFieldBorderWidth}) var(${tokens.textFieldBorderColorHover}),\n inset 0 0 0 0 transparent;\n }\n }\n \n &&.${classes.textFieldFocused} {\n ${InputWrapper} {\n background: var(${tokens.textFieldBackgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.textFieldBorderWidth}) var(${tokens.textFieldBorderColorFocus}),\n inset 0 0 0 0 transparent;\n }\n }\n\n &.${classes.firstTextField}{\n margin-right: var(${tokens.textFieldWebMarginRight}, 0);\n \n ${InputWrapper} {\n clip-path: var(${tokens.textFieldWebClipPath});\n }\n\n &&.${classes.textFieldHovered},\n &&.${classes.textFieldFocused} {\n ${InputWrapper} {\n clip-path: inset(0 0 0 0);\n }\n\n & + .${classes.secondTextField}:not(.${classes.textFieldFocused}) ${InputWrapper} {\n clip-path: var(${tokens.textFieldWebReversedClipPath});\n }\n }\n\n & > ${InputWrapper} {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n &.${classes.secondTextField} > ${InputWrapper} {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n`;\n\nexport const DoubleWrapper = styled.div`\n opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp13","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":";;;;AAOA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,aAAa,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;;AAED;AAAA,IAAAI,MAAA,GAnCkBA,SAmClBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsEhC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
1	+ {"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { InputWrapper } from '../../../TextField/TextField.styles';\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const InputsWrapper = styled.div`\n display: flex;\n gap: var(${tokens.textFieldWrapperGap});\n margin-top: var(${tokens.doubleWrapperGap});\n box-shadow: var(${tokens.doubleBoxShadow});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n &&.${classes.textFieldHovered} {\n ${InputWrapper} {\n background: var(${tokens.textFieldBackgroundColorHover});\n box-shadow: inset 0 0 0 var(${tokens.textFieldBorderWidth}) var(${tokens.textFieldBorderColorHover}),\n inset 0 0 0 0 transparent;\n }\n }\n\n &&.${classes.textFieldFocused} {\n ${InputWrapper} {\n background: var(${tokens.textFieldBackgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.textFieldBorderWidth}) var(${tokens.textFieldBorderColorFocus}),\n inset 0 0 0 0 transparent;\n }\n }\n\n &.${classes.firstTextField}{\n margin-right: var(${tokens.textFieldWebMarginRight}, 0);\n\n ${InputWrapper} {\n clip-path: var(${tokens.textFieldWebClipPath});\n }\n\n &&.${classes.textFieldHovered},\n &&.${classes.textFieldFocused} {\n ${InputWrapper} {\n clip-path: inset(0 0 0 0);\n }\n\n & + .${classes.secondTextField}:not(.${classes.textFieldFocused}) ${InputWrapper} {\n clip-path: var(${tokens.textFieldWebReversedClipPath});\n }\n }\n\n & > ${InputWrapper} {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n &.${classes.secondTextField} > ${InputWrapper} {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n`;\n\nexport const DoubleWrapper = styled.div`\n opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp13","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":";;;;AAOA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,aAAa,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;;AAED;AAAA,IAAAI,MAAA,GAnCkBA,SAmClBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsEhC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}

package/es/components/TextField/TextField.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { applyEllipsis } from 'src/mixins';\n\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './TextField.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipMarginRight}, var(${tokens.chipGap}));\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &.${classes.inputTextEllipsis} {\n ${applyEllipsis()}\n }\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div<{ hasDynamicWidth?: boolean }>`\n position: relative;\n display: flex;\n flex: 1;\n min-width: ${({ hasDynamicWidth }) => (hasDynamicWidth ? 'auto' : '60%')};\n\n ${Input} {\n max-width: ${({ hasDynamicWidth }) => (hasDynamicWidth ? '100%' : 'none')};\n }\n`;\n\nexport const InputPlaceholder = styled.div<{ hasPadding?: boolean }>`\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n padding: ${({ hasPadding }) => (hasPadding ? `var(${tokens.contentLabelInnerPadding})` : '0')};\n`;\n\nexport const OuterLabelWrapper = styled.div<{ isInnerLabel: boolean }>`\n display: flex;\n align-items: center;\n\n white-space: ${({ isInnerLabel }) => (isInnerLabel ? 'nowrap' : 'normal')};\n margin-bottom: ${({ isInnerLabel }) =>\n isInnerLabel ? `var(${tokens.titleCaptionInnerLabelOffset})` : `var(${tokens.labelOffset})`};\n`;\n\nexport const TitleCaption = styled.div`\n display: inline-block;\n margin-left: auto;\n`;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const Label = styled.label`\n display: inline-flex;\n`;\n\nexport const StyledContentLeft = styled.div<{ isDefaultView: boolean; isClear: boolean }>`\n margin: var(${tokens.leftContentMargin});\n color: ${({ isDefaultView, isClear }) =>\n !isDefaultView && isClear ? `var(${tokens.clearColor})` : `var(${tokens.contentSlotColor})`};\n line-height: 0;\n`;\n\nexport const StyledContentRightWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div<{ isHidden?: boolean }>`\n visibility: ${({ isHidden }) => (isHidden ? 'hidden' : 'visible')};\n`;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledHintWrapper = styled.div`\n display: inline-block;\n line-height: 0;\n\n &.${classes.innerLabelPlacement} {\n position: absolute;\n margin: 0;\n inset: var(${tokens.hintInnerLabelPlacementOffset});\n }\n`;\n\nexport const HintTargetWrapper = styled.div`\n color: var(${tokens.hintIconColor});\n\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Hint = styled(Tooltip)`\n ${HintTargetWrapper} .${popoverClasses.root} {\n width: fit-content;\n }\n`;\n\nexport const HintIconWrapper = styled.div`\n display: flex;\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n\n &.${classes.hasHint} {\n right: calc(\n -1 * var(${tokens.indicatorSizeOuter}) + var(${tokens.indicatorLabelPlacementHintOuterRight}, 0px)\n );\n }\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","_exp9","_ref","hasDynamicWidth","_exp11","_ref2","InputContainer","vars","_exp13","_ref3","hasPadding","concat","tokens","contentLabelInnerPadding","InputPlaceholder","_exp14","_ref4","isInnerLabel","_exp15","_ref5","titleCaptionInnerLabelOffset","labelOffset","OuterLabelWrapper","TitleCaption","StyledIndicatorWrapper","Label","_exp17","_ref6","isDefaultView","isClear","clearColor","contentSlotColor","StyledContentLeft","StyledContentRightWrapper","StyledContentRight","LeftHelper","_exp25","_ref7","isHidden","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledHintWrapper","HintTargetWrapper","_exp30","Hint","HintIconWrapper","StyledIndicator"],"mappings":"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"}
1	+ {"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './TextField.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipMarginRight}, var(${tokens.chipGap}));\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &.${classes.inputTextEllipsis} {\n ${applyEllipsis()}\n }\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div<{ hasDynamicWidth?: boolean }>`\n position: relative;\n display: flex;\n flex: 1;\n min-width: ${({ hasDynamicWidth }) => (hasDynamicWidth ? 'auto' : '60%')};\n\n ${Input} {\n max-width: ${({ hasDynamicWidth }) => (hasDynamicWidth ? '100%' : 'none')};\n }\n`;\n\nexport const InputPlaceholder = styled.div<{ hasPadding?: boolean }>`\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n padding: ${({ hasPadding }) => (hasPadding ? `var(${tokens.contentLabelInnerPadding})` : '0')};\n`;\n\nexport const OuterLabelWrapper = styled.div<{ isInnerLabel: boolean }>`\n display: flex;\n align-items: center;\n\n white-space: ${({ isInnerLabel }) => (isInnerLabel ? 'nowrap' : 'normal')};\n margin-bottom: ${({ isInnerLabel }) =>\n isInnerLabel ? `var(${tokens.titleCaptionInnerLabelOffset})` : `var(${tokens.labelOffset})`};\n`;\n\nexport const TitleCaption = styled.div`\n display: inline-block;\n margin-left: auto;\n`;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const Label = styled.label`\n display: inline-flex;\n`;\n\nexport const StyledContentLeft = styled.div<{ isDefaultView: boolean; isClear: boolean }>`\n margin: var(${tokens.leftContentMargin});\n color: ${({ isDefaultView, isClear }) =>\n !isDefaultView && isClear ? `var(${tokens.clearColor})` : `var(${tokens.contentSlotColor})`};\n line-height: 0;\n`;\n\nexport const StyledContentRightWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div<{ isHidden?: boolean }>`\n visibility: ${({ isHidden }) => (isHidden ? 'hidden' : 'visible')};\n`;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledHintWrapper = styled.div`\n display: inline-block;\n line-height: 0;\n\n &.${classes.innerLabelPlacement} {\n position: absolute;\n margin: 0;\n inset: var(${tokens.hintInnerLabelPlacementOffset});\n }\n`;\n\nexport const HintTargetWrapper = styled.div`\n color: var(${tokens.hintIconColor});\n\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Hint = styled(Tooltip)`\n ${HintTargetWrapper} .${popoverClasses.root} {\n width: fit-content;\n }\n`;\n\nexport const HintIconWrapper = styled.div`\n display: flex;\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n\n &.${classes.hasHint} {\n right: calc(\n -1 * var(${tokens.indicatorSizeOuter}) + var(${tokens.indicatorLabelPlacementHintOuterRight}, 0px)\n );\n }\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","_exp9","_ref","hasDynamicWidth","_exp11","_ref2","InputContainer","vars","_exp13","_ref3","hasPadding","concat","tokens","contentLabelInnerPadding","InputPlaceholder","_exp14","_ref4","isInnerLabel","_exp15","_ref5","titleCaptionInnerLabelOffset","labelOffset","OuterLabelWrapper","TitleCaption","StyledIndicatorWrapper","Label","_exp17","_ref6","isDefaultView","isClear","clearColor","contentSlotColor","StyledContentLeft","StyledContentRightWrapper","StyledContentRight","LeftHelper","_exp25","_ref7","isHidden","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledHintWrapper","HintTargetWrapper","_exp30","Hint","HintIconWrapper","StyledIndicator"],"mappings":"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"}

package/es/components/Toast/ToastNew/ToastNew.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastNew.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport toast, { Toaster, resolveValue } from 'react-hot-toast';\nimport type { Toast as ToastInterface } from 'react-hot-toast';\nimport type { RootProps } from 'src/engines';\nimport { tokens } from 'src/components/Toast/Toast.tokens';\n\nimport { IconCrossThin } from '../../_Icon/Icons/IconCrossThin';\n\nimport { base, Toast, CloseIconWrapper, StyledContentLeft } from './ToastNew.styles';\nimport { ToastContainerProps, ShowToastProps, ShowToastPlasmaOptions } from './ToastNew.types';\n\nexport const toastContainerRoot = (Root: RootProps<HTMLDivElement, ToastContainerProps>) =>\n forwardRef<HTMLDivElement, ToastContainerProps>((props, ref) => {\n const {\n hasClose = true,\n view,\n size,\n pilled,\n contentLeft,\n width,\n textColor,\n position = 'bottom-center',\n duration = Infinity,\n onCloseButtonClick,\n ...rest\n } = props;\n\n return (\n <Root ref={ref} view={view} size={size} pilled={pilled} {...rest}>\n <Toaster\n toastOptions={{\n duration,\n position,\n }}\n >\n {(\n options: ToastInterface & {\n plasmaOptions?: ShowToastPlasmaOptions;\n },\n ) => {\n return (\n <Root\n view={options.plasmaOptions?.view}\n size={options.plasmaOptions?.size}\n pilled={options.plasmaOptions?.pilled}\n >\n <Toast\n style={{ opacity: options.visible ? 1 : 0 }}\n width={options.plasmaOptions?.width \|\| width}\n textColor={options.plasmaOptions?.textColor \|\| textColor}\n >\n {(options.plasmaOptions?.contentLeft \|\| contentLeft) && (\n <StyledContentLeft>\n {options.plasmaOptions?.contentLeft \|\| contentLeft}\n </StyledContentLeft>\n )}\n\n {resolveValue(options.message, options)}\n\n {(options.plasmaOptions?.hasClose \|\|\n (options.plasmaOptions?.hasClose ?? hasClose)) && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n stretching=\"fixed\"\n onClick={() => {\n if (onCloseButtonClick) {\n onCloseButtonClick();\n }\n\n toast.dismiss(options.id);\n }}\n >\n <IconCrossThin\n size=\"s\"\n color=\"inherit\"\n sizeCustomProperty={tokens.closeIconSize}\n />\n </CloseIconWrapper>\n )}\n </Toast>\n </Root>\n );\n }}\n </Toaster>\n </Root>\n );\n });\n\nexport const showToast: ShowToastProps = (text, options) => {\n toast(text, {\n // INFO: id всегда одинаковый для отключения стекирования\n id: 'toast',\n ...(options?.position ? { position: options?.position } : undefined),\n ...(options?.duration ? { duration: options?.duration } : undefined),\n // @ts-ignore\n plasmaOptions: {\n view: options?.view,\n size: options?.size,\n pilled: options?.pilled,\n contentLeft: options?.contentLeft,\n hasClose: options?.hasClose,\n width: options?.width,\n textColor: options?.textColor,\n },\n });\n};\n\nexport const toastContainerConfig = {\n name: 'ToastContainer',\n tag: 'div',\n layout: toastContainerRoot,\n base,\n variations: {\n view: {\n css: '',\n },\n size: {\n css: '',\n },\n pilled: {\n css: '',\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["toastContainerRoot","Root","forwardRef","props","ref","_props$hasClose","hasClose","view","size","pilled","contentLeft","width","textColor","_props$position","position","_props$duration","duration","Infinity","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","Toaster","toastOptions","options","_options$plasmaOption","_options$plasmaOption2","_options$plasmaOption3","_options$plasmaOption4","_options$plasmaOption5","_options$plasmaOption6","_options$plasmaOption7","_options$plasmaOption8","_options$plasmaOption9","_options$plasmaOption10","plasmaOptions","Toast","style","opacity","visible","StyledContentLeft","resolveValue","message","CloseIconWrapper","stretching","onClick","toast","dismiss","id","IconCrossThin","color","sizeCustomProperty","tokens","closeIconSize","showToast","text","_objectSpread","undefined","toastContainerConfig","name","tag","layout","base","variations","css","attrs","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"ToastNew.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport toast, { Toaster, resolveValue } from 'react-hot-toast';\nimport type { Toast as ToastInterface } from 'react-hot-toast';\n\nimport { tokens } from '../Toast.tokens';\nimport type { RootProps } from '../../../engines';\nimport { IconCrossThin } from '../../_Icon/Icons/IconCrossThin';\n\nimport { base, Toast, CloseIconWrapper, StyledContentLeft } from './ToastNew.styles';\nimport { ToastContainerProps, ShowToastProps, ShowToastPlasmaOptions } from './ToastNew.types';\n\nexport const toastContainerRoot = (Root: RootProps<HTMLDivElement, ToastContainerProps>) =>\n forwardRef<HTMLDivElement, ToastContainerProps>((props, ref) => {\n const {\n hasClose = true,\n view,\n size,\n pilled,\n contentLeft,\n width,\n textColor,\n position = 'bottom-center',\n duration = Infinity,\n onCloseButtonClick,\n ...rest\n } = props;\n\n return (\n <Root ref={ref} view={view} size={size} pilled={pilled} {...rest}>\n <Toaster\n toastOptions={{\n duration,\n position,\n }}\n >\n {(\n options: ToastInterface & {\n plasmaOptions?: ShowToastPlasmaOptions;\n },\n ) => {\n return (\n <Root\n view={options.plasmaOptions?.view}\n size={options.plasmaOptions?.size}\n pilled={options.plasmaOptions?.pilled}\n >\n <Toast\n style={{ opacity: options.visible ? 1 : 0 }}\n width={options.plasmaOptions?.width \|\| width}\n textColor={options.plasmaOptions?.textColor \|\| textColor}\n >\n {(options.plasmaOptions?.contentLeft \|\| contentLeft) && (\n <StyledContentLeft>\n {options.plasmaOptions?.contentLeft \|\| contentLeft}\n </StyledContentLeft>\n )}\n\n {resolveValue(options.message, options)}\n\n {(options.plasmaOptions?.hasClose \|\|\n (options.plasmaOptions?.hasClose ?? hasClose)) && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n stretching=\"fixed\"\n onClick={() => {\n if (onCloseButtonClick) {\n onCloseButtonClick();\n }\n\n toast.dismiss(options.id);\n }}\n >\n <IconCrossThin\n size=\"s\"\n color=\"inherit\"\n sizeCustomProperty={tokens.closeIconSize}\n />\n </CloseIconWrapper>\n )}\n </Toast>\n </Root>\n );\n }}\n </Toaster>\n </Root>\n );\n });\n\nexport const showToast: ShowToastProps = (text, options) => {\n toast(text, {\n // INFO: id всегда одинаковый для отключения стекирования\n id: 'toast',\n ...(options?.position ? { position: options?.position } : undefined),\n ...(options?.duration ? { duration: options?.duration } : undefined),\n // @ts-ignore\n plasmaOptions: {\n view: options?.view,\n size: options?.size,\n pilled: options?.pilled,\n contentLeft: options?.contentLeft,\n hasClose: options?.hasClose,\n width: options?.width,\n textColor: options?.textColor,\n },\n });\n};\n\nexport const toastContainerConfig = {\n name: 'ToastContainer',\n tag: 'div',\n layout: toastContainerRoot,\n base,\n variations: {\n view: {\n css: '',\n },\n size: {\n css: '',\n },\n pilled: {\n css: '',\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["toastContainerRoot","Root","forwardRef","props","ref","_props$hasClose","hasClose","view","size","pilled","contentLeft","width","textColor","_props$position","position","_props$duration","duration","Infinity","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","Toaster","toastOptions","options","_options$plasmaOption","_options$plasmaOption2","_options$plasmaOption3","_options$plasmaOption4","_options$plasmaOption5","_options$plasmaOption6","_options$plasmaOption7","_options$plasmaOption8","_options$plasmaOption9","_options$plasmaOption10","plasmaOptions","Toast","style","opacity","visible","StyledContentLeft","resolveValue","message","CloseIconWrapper","stretching","onClick","toast","dismiss","id","IconCrossThin","color","sizeCustomProperty","tokens","closeIconSize","showToast","text","_objectSpread","undefined","toastContainerConfig","name","tag","layout","base","variations","css","attrs","defaults"],"mappings":"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"}

package/es/components/Toast/ToastNew/ToastNew.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastNew.styles.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { component, mergeConfig } from '~~src/~~engines';\n\nimport { buttonConfig } from '../../Button';\n\nimport { tokens } from './ToastNew.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const base = css``;\n\nexport const Toast = styled.div<{ width: CSSProperties['width']; textColor: CSSProperties['color'] }>`\n display: flex;\n align-items: center;\n background: var(${tokens.background});\n color: ${({ textColor }) => textColor \|\| `var(${tokens.color})`};\n padding: var(${tokens.padding});\n border-radius: var(${tokens.borderRadius});\n max-width: var(${tokens.maxWidth});\n width: ${({ width }) => width \|\| 'auto'};\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n height: var(${tokens.closeIconButtonSize});\n margin: var(${tokens.closeIconMargin});\n color: var(${tokens.closeIconColor});\n\n :hover {\n color: var(${tokens.closeIconColorOnHover});\n }\n`;\n\nexport const StyledContentLeft = styled.div`\n margin: var(${tokens.contentLeftMargin});\n color: var(${tokens.contentLeftColor});\n line-height: 0;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","base","_exp2","_ref","textColor","concat","tokens","color","_exp6","_ref2","width","Toast","styled","name","class","propsAsIs","vars","_exp13","CloseIconWrapper","StyledContentLeft"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,IAAI,GAAQ,WAAA;AAAC,IAAAC,KAAA,GAXRA,SAWQA,KAAAA,GAAA;AAAA,EAAA,OAMb,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,KAAK,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjBjDA,SAiBiDA,KAAAA,GAAA;AAAA,EAAA,OAItD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AARpC,IAAMC,KAAK,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAIdd,KAAsD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAItDM,KAA8B,EAAA,CAAA;AAAA,GAAA;AAAA,CAQ1C,EAAA;AAAC,IAAAS,MAAA,GA7BgBA,SA6BhBA,MAAAA,GAAA;AAAA,EAAA,OAEqClB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMmB,gBAAgB,gBAAGN,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAQrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC;;;;"}
1	+ {"version":3,"file":"ToastNew.styles.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { buttonConfig } from '../../Button';\n\nimport { tokens } from './ToastNew.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const base = css``;\n\nexport const Toast = styled.div<{ width: CSSProperties['width']; textColor: CSSProperties['color'] }>`\n display: flex;\n align-items: center;\n background: var(${tokens.background});\n color: ${({ textColor }) => textColor \|\| `var(${tokens.color})`};\n padding: var(${tokens.padding});\n border-radius: var(${tokens.borderRadius});\n max-width: var(${tokens.maxWidth});\n width: ${({ width }) => width \|\| 'auto'};\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n height: var(${tokens.closeIconButtonSize});\n margin: var(${tokens.closeIconMargin});\n color: var(${tokens.closeIconColor});\n\n :hover {\n color: var(${tokens.closeIconColorOnHover});\n }\n`;\n\nexport const StyledContentLeft = styled.div`\n margin: var(${tokens.contentLeftMargin});\n color: var(${tokens.contentLeftColor});\n line-height: 0;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","base","_exp2","_ref","textColor","concat","tokens","color","_exp6","_ref2","width","Toast","styled","name","class","propsAsIs","vars","_exp13","CloseIconWrapper","StyledContentLeft"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,IAAI,GAAQ,WAAA;AAAC,IAAAC,KAAA,GAXRA,SAWQA,KAAAA,GAAA;AAAA,EAAA,OAMb,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,KAAK,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjBjDA,SAiBiDA,KAAAA,GAAA;AAAA,EAAA,OAItD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AARpC,IAAMC,KAAK,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAIdd,KAAsD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAItDM,KAA8B,EAAA,CAAA;AAAA,GAAA;AAAA,CAQ1C,EAAA;AAAC,IAAAS,MAAA,GA7BgBA,SA6BhBA,MAAAA,GAAA;AAAA,EAAA,OAEqClB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMmB,gBAAgB,gBAAGN,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAQrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC;;;;"}