@salutejs/plasma-new-hope 0.173.0-canary.1500.11456169969.0 → 0.173.1-canary.1448.11473442920.0

package/cjs/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight,\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                onSearch,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n            const [innerValue, setInnerValue] = useState<string | number>('');\n            const [isOpen, setIsOpen] = useState(false);\n\n            const listId = safeUseId();\n            const value = outerValue ?? innerValue;\n\n            const helperTextId = safeUseId();\n\n            const targetRef = useOutsideClick<HTMLDivElement>(() => {\n                setIsOpen(false);\n            });\n\n            const handleFocus = () => {\n                if (value.toString().length >= threshold) {\n                    setIsOpen(true);\n                }\n            };\n\n            const handleItemClick = (e: SuggestionItemType) => {\n                setInnerValue(e.label);\n\n                if (onSuggestionSelect) {\n                    onSuggestionSelect(e);\n                }\n\n                setIsOpen(false);\n            };\n\n            const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const currentValue = e.target.value;\n\n                setInnerValue(currentValue);\n\n                if (onChange) {\n                    onChange(e);\n                }\n\n                if (currentValue.toString().length >= threshold) {\n                    setIsOpen(true);\n                } else {\n                    setIsOpen(false);\n                }\n            };\n\n            const defaultFilterCallback = ({ label }: { label: string }) => {\n                return label.toLowerCase().includes(value.toString().toLowerCase());\n            };\n\n            const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n            const { onKeyDown } = useKeyNavigation({\n                isOpen,\n                setIsOpen,\n                focused,\n                dispatchFocused,\n                finalResults,\n                handleItemClick,\n            });\n\n            useDidMountEffect(() => {\n                dispatchFocused({ type: 'reset' });\n            }, [value]);\n\n            return (\n                <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                    <StyledPopover\n                        opened={isOpen}\n                        offset={[0, 0]}\n                        placement={getPlacements('bottom')}\n                        isFocusTrapped={false}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        target={\n                            <StyledTextField\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                ref={ref}\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                label={label}\n                                contentLeft={contentLeft}\n                                contentRight={contentRight}\n                                textBefore={textBefore}\n                                textAfter={textAfter}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-controls={listId}\n                                aria-expanded={isOpen}\n                                aria-activedescendant={`${listId}/${focused}`}\n                                aria-describedby={helperTextId}\n                                {...rest}\n                            />\n                        }\n                        preventOverflow={false}\n                        ref={targetRef}\n                        listWidth={listWidth}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <Ul\n                                        id={listId}\n                                        role=\"listbox\"\n                                        aria-label={label}\n                                        onScroll={onScroll}\n                                        listMaxHeight={listMaxHeight}\n                                    >\n                                        {finalResults.map((suggestion, index) => (\n                                            <SuggestionItem\n                                                key={index}\n                                                item={suggestion}\n                                                onClick={handleItemClick}\n                                                id={`${listId}/${index}`}\n                                                focused={focused === index}\n                                            />\n                                        ))}\n\n                                        {renderListEnd && (\n                                            <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                        )}\n                                    </Ul>\n                                </Root>\n                            ))}\n                    </StyledPopover>\n\n                    {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n                    {leftHelper && (\n                        <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const autocompleteConfig = {\n    name: 'Autocomplete',\n    tag: 'div',\n    layout: autocompleteRoot,\n    base,\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            css: '',\n        },\n    },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","opened","offset","placement","getPlacements","isFocusTrapped","usePortal","Boolean","frame","StyledTextField","_extends","undefined","onFocus","role","concat","preventOverflow","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight,\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                onSearch,\n\n                hintText,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n            const [innerValue, setInnerValue] = useState<string | number>('');\n            const [isOpen, setIsOpen] = useState(false);\n\n            const listId = safeUseId();\n            const value = outerValue ?? innerValue;\n\n            const helperTextId = safeUseId();\n\n            const targetRef = useOutsideClick<HTMLDivElement>(() => {\n                setIsOpen(false);\n            });\n\n            const handleFocus = () => {\n                if (value.toString().length >= threshold) {\n                    setIsOpen(true);\n                }\n            };\n\n            const handleItemClick = (e: SuggestionItemType) => {\n                setInnerValue(e.label);\n\n                if (onSuggestionSelect) {\n                    onSuggestionSelect(e);\n                }\n\n                setIsOpen(false);\n            };\n\n            const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const currentValue = e.target.value;\n\n                setInnerValue(currentValue);\n\n                if (onChange) {\n                    onChange(e);\n                }\n\n                if (currentValue.toString().length >= threshold) {\n                    setIsOpen(true);\n                } else {\n                    setIsOpen(false);\n                }\n            };\n\n            const defaultFilterCallback = ({ label }: { label: string }) => {\n                return label.toLowerCase().includes(value.toString().toLowerCase());\n            };\n\n            const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n            const { onKeyDown } = useKeyNavigation({\n                isOpen,\n                setIsOpen,\n                focused,\n                dispatchFocused,\n                finalResults,\n                handleItemClick,\n            });\n\n            useDidMountEffect(() => {\n                dispatchFocused({ type: 'reset' });\n            }, [value]);\n\n            return (\n                <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                    <StyledPopover\n                        opened={isOpen}\n                        offset={[0, 0]}\n                        placement={getPlacements('bottom')}\n                        isFocusTrapped={false}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        target={\n                            <StyledTextField\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                ref={ref}\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                label={label}\n                                contentLeft={contentLeft}\n                                contentRight={contentRight}\n                                textBefore={textBefore}\n                                textAfter={textAfter}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-controls={listId}\n                                aria-expanded={isOpen}\n                                aria-activedescendant={`${listId}/${focused}`}\n                                aria-describedby={helperTextId}\n                                hintText={String(hintText || '')}\n                                {...rest}\n                            />\n                        }\n                        preventOverflow={false}\n                        ref={targetRef}\n                        listWidth={listWidth}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <Ul\n                                        id={listId}\n                                        role=\"listbox\"\n                                        aria-label={label}\n                                        onScroll={onScroll}\n                                        listMaxHeight={listMaxHeight}\n                                    >\n                                        {finalResults.map((suggestion, index) => (\n                                            <SuggestionItem\n                                                key={index}\n                                                item={suggestion}\n                                                onClick={handleItemClick}\n                                                id={`${listId}/${index}`}\n                                                focused={focused === index}\n                                            />\n                                        ))}\n\n                                        {renderListEnd && (\n                                            <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                        )}\n                                    </Ul>\n                                </Root>\n                            ))}\n                    </StyledPopover>\n\n                    {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n                    {leftHelper && (\n                        <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const autocompleteConfig = {\n    name: 'Autocomplete',\n    tag: 'div',\n    layout: autocompleteRoot,\n    base,\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            css: '',\n        },\n    },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","hintText","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","opened","offset","placement","getPlacements","isFocusTrapped","usePortal","Boolean","frame","StyledTextField","_extends","undefined","onFocus","role","concat","String","preventOverflow","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}

package/cjs/components/Autocomplete/Autocomplete.styles.js

@@ -4,10 +4,9 @@ import './Autocomplete.styles_192fzgs.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var Popover$1 = require('../Popover/Popover.js');
-require('@linaria/core');
-var common = require('../../engines/common.js');
 var Autocomplete_tokens = require('./Autocomplete.tokens.js');
+var common = require('../../engines/common.js');
+var Popover$1 = require('../Popover/Popover.js');
 
 var base = "bn6ooh7";
 var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);

package/cjs/components/Autocomplete/Autocomplete.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { popoverClasses, popoverConfig } from '../Popover';\nimport { component } from '../../engines';\n\nimport { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css`\n    .${popoverClasses.wrapper}, .${popoverClasses.target} {\n        display: block;\n    }\n`;\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ listWidth: AutocompleteProps['listWidth'] }>`\n    .${String(popoverClasses.root)} {\n        display: block;\n        width: ${({ listWidth }) => listWidth || '100%'};\n    }\n`;\n\nexport const Ul = styled.ul<{\n    listMaxHeight: AutocompleteProps['listMaxHeight'];\n}>`\n    box-sizing: border-box;\n\n    background: var(${tokens.background});\n    box-shadow: var(${tokens.boxShadow});\n\n    border-radius: var(${tokens.borderRadius});\n    height: auto;\n    max-height: ${({ listMaxHeight }) => listMaxHeight || 'none'};\n    overflow-y: scroll;\n    border: var(${tokens.dropdownBorderWidth}) solid var(${tokens.dropdownBorderColor});\n\n    margin: 0;\n    padding: var(${tokens.padding});\n`;\n\nexport const LeftHelper = styled.div<{\n    disabled: AutocompleteProps['disabled'];\n    readOnly: AutocompleteProps['readOnly'];\n}>`\n    color: ${({ readOnly, disabled }) =>\n        readOnly && !disabled\n            ? `var(${tokens.textFieldLeftHelperColorReadOnly})`\n            : `var(${tokens.textFieldLeftHelperColor})`};\n    margin-top: var(${tokens.textFieldLeftHelperOffset});\n\n    font-family: var(${tokens.textFieldLeftHelperFontFamily});\n    font-size: var(${tokens.textFieldLeftHelperFontSize});\n    font-style: var(${tokens.textFieldLeftHelperFontStyle});\n    font-weight: var(${tokens.textFieldLeftHelperFontWeight});\n    letter-spacing: var(${tokens.textFieldLeftHelperLetterSpacing});\n    line-height: var(${tokens.textFieldLeftHelperLineHeight});\n\n    opacity: var(${tokens.textFieldDisabledOpacity});\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n`;\n\nexport const InfiniteLoaderWrapper = styled.li`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    min-height: var(${tokens.textFieldHeight});\n`;\n"],"names":["base","Popover","component","popoverConfig","_exp3","_exp5","_ref","listWidth","StyledPopover","styled","name","class","propsAsIs","vars","_exp9","_ref2","listMaxHeight","Ul","_exp13","_ref3","readOnly","disabled","concat","tokens","textFieldLeftHelperColorReadOnly","textFieldLeftHelperColor","_exp22","_ref4","LeftHelper","InfiniteLoaderWrapper"],"mappings":";;;;;;;;;;AASO,IAAMA,IAAI,GAIhB,UAAA;AAED,IAAMC,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,KAAA,GAdvBA,SAcuBA,KAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAhBzBA,SAgByBA,KAAAA,GAAA;AAAA,EAAA,OAG1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHhD,IAAMC,aAAa,gBAAGC,YAAM,CAAAL,KAAA,EAAA,CAAA,CAAA;AAAAM,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGlBR,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEtD,EAAA;AAAC,IAAAS,KAAA,GArBgBA,SAqBhBA,KAAAA,GAAA;AAAA,EAAA,OAYgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OAAoBA,aAAa,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAVzD,IAAMC,EAAE,gBAAGR,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAUNC,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM/D,EAAA;AAAC,IAAAI,MAAA,GAvCgBA,SAuChBA,MAAAA,GAAA;AAAA,EAAA,OAMW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAClBD,QAAQ,IAAI,CAACC,QAAQ,GAAA,MAAA,CAAAC,MAAA,CACRC,0BAAM,CAACC,gCAAiC,gBAAAF,MAAA,CACxCC,0BAAM,CAACE,wBAAyB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAhDrCA,SAgDqCA,MAAAA,GAAA;AAAA,EAAA,OAWzC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,aAAa,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAlB5D,IAAMO,UAAU,gBAAGnB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAInBK,MAG0C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAWzCQ,MAAqD,EAAA,CAAA;AAAA,GAAA;AAAA,CAClE,EAAA;AAEM,IAAMG,qBAAqB,gBAAGpB,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C;;;;;;;;"}
+{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { popoverClasses, popoverConfig } from '../Popover';\nimport { component } from '../../engines';\n\nimport { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css`\n    .${popoverClasses.wrapper}, .${popoverClasses.target} {\n        display: block;\n    }\n`;\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ listWidth: AutocompleteProps['listWidth'] }>`\n    .${String(popoverClasses.root)} {\n        display: block;\n        width: ${({ listWidth }) => listWidth || '100%'};\n    }\n`;\n\nexport const Ul = styled.ul<{\n    listMaxHeight: AutocompleteProps['listMaxHeight'];\n}>`\n    box-sizing: border-box;\n\n    background: var(${tokens.background});\n    box-shadow: var(${tokens.boxShadow});\n\n    border-radius: var(${tokens.borderRadius});\n    height: auto;\n    max-height: ${({ listMaxHeight }) => listMaxHeight || 'none'};\n    overflow-y: scroll;\n    border: var(${tokens.dropdownBorderWidth}) solid var(${tokens.dropdownBorderColor});\n\n    margin: 0;\n    padding: var(${tokens.padding});\n`;\n\nexport const LeftHelper = styled.div<{\n    disabled: AutocompleteProps['disabled'];\n    readOnly: AutocompleteProps['readOnly'];\n}>`\n    color: ${({ readOnly, disabled }) =>\n        readOnly && !disabled\n            ? `var(${tokens.textFieldLeftHelperColorReadOnly})`\n            : `var(${tokens.textFieldLeftHelperColor})`};\n    margin-top: var(${tokens.textFieldLeftHelperOffset});\n\n    font-family: var(${tokens.textFieldLeftHelperFontFamily});\n    font-size: var(${tokens.textFieldLeftHelperFontSize});\n    font-style: var(${tokens.textFieldLeftHelperFontStyle});\n    font-weight: var(${tokens.textFieldLeftHelperFontWeight});\n    letter-spacing: var(${tokens.textFieldLeftHelperLetterSpacing});\n    line-height: var(${tokens.textFieldLeftHelperLineHeight});\n\n    opacity: var(${tokens.textFieldDisabledOpacity});\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n`;\n\nexport const InfiniteLoaderWrapper = styled.li`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    min-height: var(${tokens.textFieldHeight});\n`;\n"],"names":["base","Popover","component","popoverConfig","_exp3","_exp5","_ref","listWidth","StyledPopover","styled","name","class","propsAsIs","vars","_exp9","_ref2","listMaxHeight","Ul","_exp13","_ref3","readOnly","disabled","concat","tokens","textFieldLeftHelperColorReadOnly","textFieldLeftHelperColor","_exp22","_ref4","LeftHelper","InfiniteLoaderWrapper"],"mappings":";;;;;;;;;AASO,IAAMA,IAAI,GAIhB,UAAA;AAED,IAAMC,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,KAAA,GAdvBA,SAcuBA,KAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAhBzBA,SAgByBA,KAAAA,GAAA;AAAA,EAAA,OAG1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHhD,IAAMC,aAAa,gBAAGC,YAAM,CAAAL,KAAA,EAAA,CAAA,CAAA;AAAAM,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGlBR,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEtD,EAAA;AAAC,IAAAS,KAAA,GArBgBA,SAqBhBA,KAAAA,GAAA;AAAA,EAAA,OAYgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OAAoBA,aAAa,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAVzD,IAAMC,EAAE,gBAAGR,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAUNC,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM/D,EAAA;AAAC,IAAAI,MAAA,GAvCgBA,SAuChBA,MAAAA,GAAA;AAAA,EAAA,OAMW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAClBD,QAAQ,IAAI,CAACC,QAAQ,GAAA,MAAA,CAAAC,MAAA,CACRC,0BAAM,CAACC,gCAAiC,gBAAAF,MAAA,CACxCC,0BAAM,CAACE,wBAAyB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAhDrCA,SAgDqCA,MAAAA,GAAA;AAAA,EAAA,OAWzC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,aAAa,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAlB5D,IAAMO,UAAU,gBAAGnB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAInBK,MAG0C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAWzCQ,MAAqD,EAAA,CAAA;AAAA,GAAA;AAAA,CAClE,EAAA;AAEM,IAAMG,qBAAqB,gBAAGpB,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C;;;;;;;;"}

package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js

@@ -4,9 +4,8 @@ import './TextField.styles_1csckkd.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var TextField$1 = require('../../../TextField/TextField.js');
-require('@linaria/core');
 var common = require('../../../../engines/common.js');
+var TextField$1 = require('../../../TextField/TextField.js');
 
 var mergedConfig = /*#__PURE__*/common.mergeConfig(TextField$1.textFieldConfig);
 var TextField = /*#__PURE__*/common.component(mergedConfig);

package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.styles.js","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens as autocompleteTokens } from '../../Autocomplete.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)`\n    ${textFieldTokens.color}: var(${autocompleteTokens.textFieldColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${autocompleteTokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.backgroundColor}: var(${autocompleteTokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${autocompleteTokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${autocompleteTokens.textFieldBackgroundColorFocus});\n    ${textFieldTokens.borderColor}: var(${autocompleteTokens.textFieldBorderColor});\n    ${textFieldTokens.borderColorHover}: var(${autocompleteTokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${autocompleteTokens.textFieldBorderColorFocus});\n    ${textFieldTokens.colorReadOnly}: var(${autocompleteTokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${autocompleteTokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${autocompleteTokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${autocompleteTokens.textFieldPlaceholderColorReadOnly});\n    ${textFieldTokens.caretColor}: var(${autocompleteTokens.textFieldCaretColor});\n    ${textFieldTokens.placeholderColor}: var(${autocompleteTokens.textFieldPlaceholderColor});\n    ${textFieldTokens.height}: var(${autocompleteTokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${autocompleteTokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${autocompleteTokens.textFieldBorderRadius});\n    ${textFieldTokens.padding}: var(${autocompleteTokens.textFieldPadding});\n    ${textFieldTokens.leftContentMargin}: var(${autocompleteTokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${autocompleteTokens.textFieldRightContentMargin});\n    ${textFieldTokens.fontFamily}: var(${autocompleteTokens.textFieldFontFamily});\n    ${textFieldTokens.fontStyle}: var(${autocompleteTokens.textFieldFontStyle});\n    ${textFieldTokens.fontSize}: var(${autocompleteTokens.textFieldFontSize});\n    ${textFieldTokens.fontWeight}: var(${autocompleteTokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${autocompleteTokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${autocompleteTokens.textFieldLineHeight});\n    ${textFieldTokens.labelColor}: var(${autocompleteTokens.textFieldLabelColor});\n    ${textFieldTokens.labelColorReadOnly}: var(${autocompleteTokens.textFieldLabelColorReadOnly});\n    ${textFieldTokens.labelOffset}: var(${autocompleteTokens.textFieldLabelOffset});\n    ${textFieldTokens.labelFontFamily}: var(${autocompleteTokens.textFieldLabelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${autocompleteTokens.textFieldLabelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${autocompleteTokens.textFieldLabelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${autocompleteTokens.textFieldLabelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${autocompleteTokens.textFieldLabelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${autocompleteTokens.textFieldLabelLineHeight});\n    ${textFieldTokens.labelInnerFontFamily}: var(${autocompleteTokens.textFieldLabelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontStyle}: var(${autocompleteTokens.textFieldLabelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontSize}: var(${autocompleteTokens.textFieldLabelInnerFontSize});\n    ${textFieldTokens.labelInnerFontWeight}: var(${autocompleteTokens.textFieldLabelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${autocompleteTokens.textFieldLabelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${autocompleteTokens.textFieldLabelInnerLineHeight});\n    ${textFieldTokens.labelInnerPadding}: var(${autocompleteTokens.textFieldLabelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${autocompleteTokens.textFieldContentLabelInnerPadding});\n    ${textFieldTokens.leftHelperColor}: var(${autocompleteTokens.textFieldLeftHelperColor});\n    ${textFieldTokens.leftHelperColorReadOnly}: var(${autocompleteTokens.textFieldLeftHelperColorReadOnly});\n    ${textFieldTokens.leftHelperOffset}: var(${autocompleteTokens.textFieldLeftHelperOffset});\n    ${textFieldTokens.leftHelperFontFamily}: var(${autocompleteTokens.textFieldLeftHelperFontFamily});\n    ${textFieldTokens.leftHelperFontStyle}: var(${autocompleteTokens.textFieldLeftHelperFontStyle});\n    ${textFieldTokens.leftHelperFontSize}: var(${autocompleteTokens.textFieldLeftHelperFontSize});\n    ${textFieldTokens.leftHelperFontWeight}: var(${autocompleteTokens.textFieldLeftHelperFontWeight});\n    ${textFieldTokens.leftHelperLetterSpacing}: var(${autocompleteTokens.textFieldLeftHelperLetterSpacing});\n    ${textFieldTokens.leftHelperLineHeight}: var(${autocompleteTokens.textFieldLeftHelperLineHeight});\n    ${textFieldTokens.textBeforeColor}: var(${autocompleteTokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${autocompleteTokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${autocompleteTokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${autocompleteTokens.textFieldTextAfterMargin});\n    ${textFieldTokens.disabledOpacity}: var(${autocompleteTokens.textFieldDisabledOpacity});\n    ${textFieldTokens.focusColor}: var(${autocompleteTokens.textFieldFocusColor});\n    ${textFieldTokens.contentSlotColor}: var(${autocompleteTokens.textFieldContentSlotColor}, var(${autocompleteTokens.textFieldColor}));\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledTextField","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANxBA,SAMwBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA4DpC;;;;"}
+{"version":3,"file":"TextField.styles.js","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens as autocompleteTokens } from '../../Autocomplete.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)`\n    ${textFieldTokens.color}: var(${autocompleteTokens.textFieldColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${autocompleteTokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.backgroundColor}: var(${autocompleteTokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${autocompleteTokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${autocompleteTokens.textFieldBackgroundColorFocus});\n    ${textFieldTokens.borderColor}: var(${autocompleteTokens.textFieldBorderColor});\n    ${textFieldTokens.borderColorHover}: var(${autocompleteTokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${autocompleteTokens.textFieldBorderColorFocus});\n    ${textFieldTokens.colorReadOnly}: var(${autocompleteTokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${autocompleteTokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${autocompleteTokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${autocompleteTokens.textFieldPlaceholderColorReadOnly});\n    ${textFieldTokens.caretColor}: var(${autocompleteTokens.textFieldCaretColor});\n    ${textFieldTokens.placeholderColor}: var(${autocompleteTokens.textFieldPlaceholderColor});\n    ${textFieldTokens.height}: var(${autocompleteTokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${autocompleteTokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${autocompleteTokens.textFieldBorderRadius});\n    ${textFieldTokens.padding}: var(${autocompleteTokens.textFieldPadding});\n    ${textFieldTokens.leftContentMargin}: var(${autocompleteTokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${autocompleteTokens.textFieldRightContentMargin});\n    ${textFieldTokens.fontFamily}: var(${autocompleteTokens.textFieldFontFamily});\n    ${textFieldTokens.fontStyle}: var(${autocompleteTokens.textFieldFontStyle});\n    ${textFieldTokens.fontSize}: var(${autocompleteTokens.textFieldFontSize});\n    ${textFieldTokens.fontWeight}: var(${autocompleteTokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${autocompleteTokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${autocompleteTokens.textFieldLineHeight});\n    ${textFieldTokens.labelColor}: var(${autocompleteTokens.textFieldLabelColor});\n    ${textFieldTokens.labelColorReadOnly}: var(${autocompleteTokens.textFieldLabelColorReadOnly});\n    ${textFieldTokens.labelOffset}: var(${autocompleteTokens.textFieldLabelOffset});\n    ${textFieldTokens.labelFontFamily}: var(${autocompleteTokens.textFieldLabelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${autocompleteTokens.textFieldLabelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${autocompleteTokens.textFieldLabelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${autocompleteTokens.textFieldLabelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${autocompleteTokens.textFieldLabelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${autocompleteTokens.textFieldLabelLineHeight});\n    ${textFieldTokens.labelInnerFontFamily}: var(${autocompleteTokens.textFieldLabelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontStyle}: var(${autocompleteTokens.textFieldLabelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontSize}: var(${autocompleteTokens.textFieldLabelInnerFontSize});\n    ${textFieldTokens.labelInnerFontWeight}: var(${autocompleteTokens.textFieldLabelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${autocompleteTokens.textFieldLabelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${autocompleteTokens.textFieldLabelInnerLineHeight});\n    ${textFieldTokens.labelInnerPadding}: var(${autocompleteTokens.textFieldLabelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${autocompleteTokens.textFieldContentLabelInnerPadding});\n    ${textFieldTokens.leftHelperColor}: var(${autocompleteTokens.textFieldLeftHelperColor});\n    ${textFieldTokens.leftHelperColorReadOnly}: var(${autocompleteTokens.textFieldLeftHelperColorReadOnly});\n    ${textFieldTokens.leftHelperOffset}: var(${autocompleteTokens.textFieldLeftHelperOffset});\n    ${textFieldTokens.leftHelperFontFamily}: var(${autocompleteTokens.textFieldLeftHelperFontFamily});\n    ${textFieldTokens.leftHelperFontStyle}: var(${autocompleteTokens.textFieldLeftHelperFontStyle});\n    ${textFieldTokens.leftHelperFontSize}: var(${autocompleteTokens.textFieldLeftHelperFontSize});\n    ${textFieldTokens.leftHelperFontWeight}: var(${autocompleteTokens.textFieldLeftHelperFontWeight});\n    ${textFieldTokens.leftHelperLetterSpacing}: var(${autocompleteTokens.textFieldLeftHelperLetterSpacing});\n    ${textFieldTokens.leftHelperLineHeight}: var(${autocompleteTokens.textFieldLeftHelperLineHeight});\n    ${textFieldTokens.textBeforeColor}: var(${autocompleteTokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${autocompleteTokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${autocompleteTokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${autocompleteTokens.textFieldTextAfterMargin});\n    ${textFieldTokens.disabledOpacity}: var(${autocompleteTokens.textFieldDisabledOpacity});\n    ${textFieldTokens.focusColor}: var(${autocompleteTokens.textFieldFocusColor});\n    ${textFieldTokens.contentSlotColor}: var(${autocompleteTokens.textFieldContentSlotColor}, var(${autocompleteTokens.textFieldColor}));\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledTextField","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANxBA,SAMwBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA4DpC;;;;"}

package/cjs/components/Avatar/Avatar.js

@@ -6,15 +6,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@linaria/react');
-require('@linaria/core');
-var common = require('../../engines/common.js');
 var index = require('../../utils/index.js');
-var Indicator$1 = require('../Indicator/Indicator.js');
 var Avatar_tokens = require('./Avatar.tokens.js');
 var Avatar_styles = require('./Avatar.styles.js');
 var base = require('./variations/_size/base.js');
 var base$1 = require('./variations/_focused/base.js');
 var getInitialsForName = require('./utils/getInitialsForName.js');
+var common = require('../../engines/common.js');
+var Indicator$1 = require('../Indicator/Indicator.js');
 
 var _excluded = ["size", "name", "url", "customText", "status", "className", "focused", "isScalable", "statusLabels"];
 var StatusLabelsDefault = {

package/cjs/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, ReactElement } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component, mergeConfig } from '../../engines';\nimport { cx } from '../../utils';\nimport { indicatorConfig, indicatorTokens } from '../Indicator';\n\nimport { classes, tokens } from './Avatar.tokens';\nimport { base, Wrapper, Image, StatusIcon, Text } from './Avatar.styles';\nimport { base as viewCSS } from './variations/_size/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { getInitialsForName } from './utils';\nimport type { AvatarProps, StatusLabels } from './Avatar.types';\n\nconst StatusLabelsDefault: StatusLabels = {\n    active: 'Активен',\n    inactive: 'Неактивен',\n};\n\nconst getAvatarContent = ({\n    customText,\n    url,\n    initials,\n    name,\n}: Omit<AvatarProps, 'size'> & { initials?: string }): ReactElement => {\n    if (customText) {\n        return <Text>{customText}</Text>;\n    }\n\n    if (url) {\n        return <Image src={url} alt={name} />;\n    }\n\n    return <Text>{initials}</Text>;\n};\n\nconst getAriaLabel = ({\n    url,\n    name,\n    status,\n    'aria-label': ariaLabelProp,\n    statusLabels,\n}: Pick<AvatarProps, 'url' | 'status' | 'name' | 'aria-label'> & {\n    statusLabels: StatusLabels;\n}) => {\n    if (!url) {\n        return;\n    }\n\n    // INFO: включаем aria-label чтобы озвучить что на изображении\n    const ariaLabel = !ariaLabelProp || ariaLabelProp.trim() === '' ? name : ariaLabelProp;\n\n    return status ? `${ariaLabel}. ${statusLabels[status]}` : ariaLabel;\n};\n\nconst mergedConfig = mergeConfig(indicatorConfig);\n\nconst Indicator: React.FunctionComponent<\n    React.HTMLAttributes<HTMLDivElement> & { status: AvatarProps['status'] }\n> = component(mergedConfig) as never;\n\nconst StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.statusIconSize});\n    ${indicatorTokens.color}: ${({ status }) =>\n    status === 'active' ? `var(${tokens.statusOnlineColor})` : `var(${tokens.statusOfflineColor})`}\n`;\n\nexport const avatarRoot = (Root: RootProps<HTMLDivElement, AvatarProps>) => {\n    return forwardRef<HTMLDivElement, AvatarProps>((props, ref) => {\n        const {\n            size: avatarSize,\n            name,\n            url,\n            customText,\n            status,\n            className,\n            focused = true,\n            isScalable,\n            statusLabels = StatusLabelsDefault,\n            ...rest\n        } = props;\n\n        const initials = useMemo(() => getInitialsForName(name), [name]);\n        const ariaLabel = getAriaLabel({\n            ...props,\n            statusLabels,\n        });\n\n        return (\n            <Root\n                ref={ref}\n                size={avatarSize}\n                className={cx(classes.avatarItem, className)}\n                aria-label={ariaLabel}\n                focused={focused}\n                {...rest}\n            >\n                <Wrapper isScalable={isScalable}>{getAvatarContent({ customText, url, initials, name })}</Wrapper>\n\n                {status && (\n                    <StatusIcon>\n                        <StyledIndicator aria-label={statusLabels[status]} status={status} />\n                    </StatusIcon>\n                )}\n            </Root>\n        );\n    });\n};\n\nexport const avatarConfig = {\n    name: 'Avatar',\n    tag: 'div',\n    layout: avatarRoot,\n    base,\n    variations: {\n        size: {\n            css: viewCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["StatusLabelsDefault","active","inactive","getAvatarContent","_ref","customText","url","initials","name","React","createElement","Text","Image","src","alt","getAriaLabel","_ref2","status","ariaLabelProp","statusLabels","ariaLabel","trim","concat","mergedConfig","mergeConfig","indicatorConfig","Indicator","component","_exp","_exp5","_ref3","tokens","statusOnlineColor","statusOfflineColor","StyledIndicator","styled","class","propsAsIs","vars","avatarRoot","Root","forwardRef","props","ref","avatarSize","size","className","_props$focused","focused","isScalable","_props$statusLabels","rest","_excluded","useMemo","getInitialsForName","_objectSpread","_extends","cx","classes","avatarItem","Wrapper","StatusIcon","avatarConfig","tag","layout","base","variations","css","viewCSS","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, ReactElement } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component, mergeConfig } from '../../engines';\nimport { cx } from '../../utils';\nimport { indicatorConfig, indicatorTokens } from '../Indicator';\n\nimport { classes, tokens } from './Avatar.tokens';\nimport { base, Wrapper, Image, StatusIcon, Text } from './Avatar.styles';\nimport { base as viewCSS } from './variations/_size/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { getInitialsForName } from './utils';\nimport type { AvatarProps, StatusLabels } from './Avatar.types';\n\nconst StatusLabelsDefault: StatusLabels = {\n    active: 'Активен',\n    inactive: 'Неактивен',\n};\n\nconst getAvatarContent = ({\n    customText,\n    url,\n    initials,\n    name,\n}: Omit<AvatarProps, 'size'> & { initials?: string }): ReactElement => {\n    if (customText) {\n        return <Text>{customText}</Text>;\n    }\n\n    if (url) {\n        return <Image src={url} alt={name} />;\n    }\n\n    return <Text>{initials}</Text>;\n};\n\nconst getAriaLabel = ({\n    url,\n    name,\n    status,\n    'aria-label': ariaLabelProp,\n    statusLabels,\n}: Pick<AvatarProps, 'url' | 'status' | 'name' | 'aria-label'> & {\n    statusLabels: StatusLabels;\n}) => {\n    if (!url) {\n        return;\n    }\n\n    // INFO: включаем aria-label чтобы озвучить что на изображении\n    const ariaLabel = !ariaLabelProp || ariaLabelProp.trim() === '' ? name : ariaLabelProp;\n\n    return status ? `${ariaLabel}. ${statusLabels[status]}` : ariaLabel;\n};\n\nconst mergedConfig = mergeConfig(indicatorConfig);\n\nconst Indicator: React.FunctionComponent<\n    React.HTMLAttributes<HTMLDivElement> & { status: AvatarProps['status'] }\n> = component(mergedConfig) as never;\n\nconst StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.statusIconSize});\n    ${indicatorTokens.color}: ${({ status }) =>\n    status === 'active' ? `var(${tokens.statusOnlineColor})` : `var(${tokens.statusOfflineColor})`}\n`;\n\nexport const avatarRoot = (Root: RootProps<HTMLDivElement, AvatarProps>) => {\n    return forwardRef<HTMLDivElement, AvatarProps>((props, ref) => {\n        const {\n            size: avatarSize,\n            name,\n            url,\n            customText,\n            status,\n            className,\n            focused = true,\n            isScalable,\n            statusLabels = StatusLabelsDefault,\n            ...rest\n        } = props;\n\n        const initials = useMemo(() => getInitialsForName(name), [name]);\n        const ariaLabel = getAriaLabel({\n            ...props,\n            statusLabels,\n        });\n\n        return (\n            <Root\n                ref={ref}\n                size={avatarSize}\n                className={cx(classes.avatarItem, className)}\n                aria-label={ariaLabel}\n                focused={focused}\n                {...rest}\n            >\n                <Wrapper isScalable={isScalable}>{getAvatarContent({ customText, url, initials, name })}</Wrapper>\n\n                {status && (\n                    <StatusIcon>\n                        <StyledIndicator aria-label={statusLabels[status]} status={status} />\n                    </StatusIcon>\n                )}\n            </Root>\n        );\n    });\n};\n\nexport const avatarConfig = {\n    name: 'Avatar',\n    tag: 'div',\n    layout: avatarRoot,\n    base,\n    variations: {\n        size: {\n            css: viewCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["StatusLabelsDefault","active","inactive","getAvatarContent","_ref","customText","url","initials","name","React","createElement","Text","Image","src","alt","getAriaLabel","_ref2","status","ariaLabelProp","statusLabels","ariaLabel","trim","concat","mergedConfig","mergeConfig","indicatorConfig","Indicator","component","_exp","_exp5","_ref3","tokens","statusOnlineColor","statusOfflineColor","StyledIndicator","styled","class","propsAsIs","vars","avatarRoot","Root","forwardRef","props","ref","avatarSize","size","className","_props$focused","focused","isScalable","_props$statusLabels","rest","_excluded","useMemo","getInitialsForName","_objectSpread","_extends","cx","classes","avatarItem","Wrapper","StatusIcon","avatarConfig","tag","layout","base","variations","css","viewCSS","focusedCSS","defaults"],"mappings":"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"}

package/cjs/components/Badge/Badge.css

@@ -8,8 +8,6 @@
 
 .base_oopyb7_b1e1wuvi__72387433.base_oopyb7_badgeClear__72387433{color:var(--plasma-badge-color-clear);background-color:transparent;padding:0;}
 
-.base_nf9u2h_b1t6qghe__0b1f161a.base_nf9u2h_badgeTruncate__0b1f161a{max-width:100%;}.base_nf9u2h_b1t6qghe__0b1f161a.base_nf9u2h_badgeTruncate__0b1f161a .base_nf9u2h_sqn2dok__0b1f161a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-
 .Badge_styles_8pi3br_b1t43xoe__783e5f62{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
 .Badge_styles_8pi3br_st1n7hr__783e5f62{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-badge-left-content-margin-left);margin-right:var(--plasma-badge-left-content-margin-right);}
 

package/cjs/components/Badge/Badge.js

@@ -10,11 +10,10 @@ var base$1 = require('./variations/_size/base.js');
 var base$2 = require('./variations/_pilled/base.js');
 var base$3 = require('./variations/_transparent/base.js');
 var base$4 = require('./variations/_clear/base.js');
-var base$5 = require('./variations/_truncate/base.js');
 var Badge_styles = require('./Badge.styles.js');
 var Badge_tokens = require('./Badge.tokens.js');
 
-var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent", "clear", "truncate"];
+var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent", "clear"];
 var badgeRoot = function badgeRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
@@ -30,8 +29,6 @@ var badgeRoot = function badgeRoot(Root) {
       transparent = _props$transparent === void 0 ? false : _props$transparent,
       _props$clear = props.clear,
       clear = _props$clear === void 0 ? false : _props$clear,
-      _props$truncate = props.truncate,
-      truncate = _props$truncate === void 0 ? false : _props$truncate,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
     var pilledClass = pilled ? Badge_tokens.classes.badgePilled : undefined;
     var transparentClass = transparent ? Badge_tokens.classes.badgeTransparent : undefined;
@@ -39,7 +36,7 @@ var badgeRoot = function badgeRoot(Root) {
     var txt = !text && typeof children === 'string' ? children : text;
     return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
       ref: ref,
-      className: index.cx(pilledClass, transparentClass, clearClass, truncate && Badge_tokens.classes.badgeTruncate, className),
+      className: index.cx(pilledClass, transparentClass, clearClass, className),
       view: view,
       size: size,
       pilled: pilled,
@@ -71,10 +68,6 @@ var badgeConfig = {
     clear: {
       css: base$4.base,
       attrs: true
-    },
-    truncate: {
-      css: base$5.base,
-      attrs: true
     }
   },
   defaults: {

package/cjs/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as truncateCSS } from './variations/_truncate/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            truncate = false,\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const txt = !text && typeof children === 'string' ? children : text;\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, truncate && classes.badgeTruncate, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n        truncate: {\n            css: truncateCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","children","className","text","contentLeft","contentRight","size","view","_props$pilled","pilled","_props$transparent","transparent","_props$clear","clear","_props$truncate","truncate","rest","_objectWithoutProperties","_excluded","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","txt","React","createElement","_extends","cx","badgeTruncate","StyledContentLeft","StyledContentMain","StyledContentRight","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","truncateCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const txt = !text && typeof children === 'string' ? children : text;\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","children","className","text","contentLeft","contentRight","size","view","_props$pilled","pilled","_props$transparent","transparent","_props$clear","clear","rest","_objectWithoutProperties","_excluded","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","txt","React","createElement","_extends","cx","StyledContentLeft","StyledContentMain","StyledContentRight","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","defaults"],"mappings":"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"}

package/cjs/components/Badge/Badge.tokens.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var classes = {
   badgePilled: 'badge-pilled',
   badgeTransparent: 'badge-transparent',
-  badgeClear: 'badge-clear',
-  badgeTruncate: 'badge-truncate'
+  badgeClear: 'badge-clear'
 };
 var tokens = {
   background: '--plasma-badge-background',

package/cjs/components/Badge/Badge.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.tokens.js","sources":["../../../src/components/Badge/Badge.tokens.ts"],"sourcesContent":["export const classes = {\n    badgePilled: 'badge-pilled',\n    badgeTransparent: 'badge-transparent',\n    badgeClear: 'badge-clear',\n    badgeTruncate: 'badge-truncate',\n};\n\nexport const tokens = {\n    background: '--plasma-badge-background',\n    color: '--plasma-badge-color',\n    backgroundTransparent: '--plasma-badge-background-transparent',\n    colorTransparent: '--plasma-badge-color-transparent',\n    colorClear: '--plasma-badge-color-clear',\n\n    borderRadius: '--plasma-badge-border-radius',\n    pilledBorderRadius: '--plasma-badge-pilled-border-radius',\n    height: '--plasma-badge-height',\n    paddingTop: '--plasma-badge-padding-top',\n    paddingRight: '--plasma-badge-padding-right',\n    paddingBottom: '--plasma-badge-padding-bottom',\n    paddingLeft: '--plasma-badge-padding-left',\n\n    fontFamily: '--plasma-badge-font-family',\n    fontSize: '--plasma-badge-font-size',\n    fontStyle: '--plasma-badge-font-style',\n    fontWeight: '--plasma-badge-font-weight',\n    letterSpacing: '--plasma-badge-letter-spacing',\n    lineHeight: '--plasma-badge-lineheight',\n\n    leftContentMarginLeft: '--plasma-badge-left-content-margin-left',\n    leftContentMarginRight: '--plasma-badge-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-badge-right-content-margin-left',\n    rightContentMarginRight: '--plasma-badge-right-content-margin-right',\n};\n"],"names":["classes","badgePilled","badgeTransparent","badgeClear","badgeTruncate","tokens","background","color","backgroundTransparent","colorTransparent","colorClear","borderRadius","pilledBorderRadius","height","paddingTop","paddingRight","paddingBottom","paddingLeft","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,qBAAqB,EAAE,uCAAuC;AAC9DC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,WAAW,EAAE,6BAA6B;AAE1CC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,uBAAuB,EAAE,2CAAA;AAC7B;;;;;"}
+{"version":3,"file":"Badge.tokens.js","sources":["../../../src/components/Badge/Badge.tokens.ts"],"sourcesContent":["export const classes = {\n    badgePilled: 'badge-pilled',\n    badgeTransparent: 'badge-transparent',\n    badgeClear: 'badge-clear',\n};\n\nexport const tokens = {\n    background: '--plasma-badge-background',\n    color: '--plasma-badge-color',\n    backgroundTransparent: '--plasma-badge-background-transparent',\n    colorTransparent: '--plasma-badge-color-transparent',\n    colorClear: '--plasma-badge-color-clear',\n\n    borderRadius: '--plasma-badge-border-radius',\n    pilledBorderRadius: '--plasma-badge-pilled-border-radius',\n    height: '--plasma-badge-height',\n    paddingTop: '--plasma-badge-padding-top',\n    paddingRight: '--plasma-badge-padding-right',\n    paddingBottom: '--plasma-badge-padding-bottom',\n    paddingLeft: '--plasma-badge-padding-left',\n\n    fontFamily: '--plasma-badge-font-family',\n    fontSize: '--plasma-badge-font-size',\n    fontStyle: '--plasma-badge-font-style',\n    fontWeight: '--plasma-badge-font-weight',\n    letterSpacing: '--plasma-badge-letter-spacing',\n    lineHeight: '--plasma-badge-lineheight',\n\n    leftContentMarginLeft: '--plasma-badge-left-content-margin-left',\n    leftContentMarginRight: '--plasma-badge-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-badge-right-content-margin-left',\n    rightContentMarginRight: '--plasma-badge-right-content-margin-right',\n};\n"],"names":["classes","badgePilled","badgeTransparent","badgeClear","tokens","background","color","backgroundTransparent","colorTransparent","colorClear","borderRadius","pilledBorderRadius","height","paddingTop","paddingRight","paddingBottom","paddingLeft","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,UAAU,EAAE,aAAA;AAChB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,qBAAqB,EAAE,uCAAuC;AAC9DC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,WAAW,EAAE,6BAA6B;AAE1CC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,uBAAuB,EAAE,2CAAA;AAC7B;;;;;"}

package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -4,12 +4,10 @@ import './Breadcrumbs.styles_19b6ey4.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var Link$1 = require('../Link/Link.js');
-require('@linaria/core');
+var Breadcrumbs_tokens = require('./Breadcrumbs.tokens.js');
 var common = require('../../engines/common.js');
-require('react');
 var IconDisclosureRight = require('../_Icon/Icons/IconDisclosureRight.js');
-var Breadcrumbs_tokens = require('./Breadcrumbs.tokens.js');
+var Link$1 = require('../Link/Link.js');
 
 var mergedLinkConfig = /*#__PURE__*/common.mergeConfig(Link$1.linkConfig);
 var Link = /*#__PURE__*/common.component(mergedLinkConfig);

package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n    cursor: ${({ isHref }) => (isHref ? 'pointer' : 'auto')};\n    color: ${({ isHref }) => (isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`)};\n\n    --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColorSeparator});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","_exp3","_ref2","_exp4","_ref3","breadcrumbsColor","breadcrumbsColorText","StyledLink","styled","name","class","propsAsIs","vars","base","_exp15","IconDisclosureRight","Separator"],"mappings":";;;;;;;;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,yBAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAb/DA,SAa+DA,KAAAA,GAAA;AAAA,EAAA,OACnE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAG,SAAS,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAM,KAAA,GAdzCA,SAcyCA,KAAAA,GAAA;AAAA,EAAA,OAC9C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,yBAAM,CAACM,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAP,MAAA,CAAYC,yBAAM,CAACO,oBAAqB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH1G,IAAMC,UAAU,gBAAGC,YAAM,CAAAd,IAAA,EAAA,CAAA,CAAA;AAAAe,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBjB,KAAkE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnEM,KAA6C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC9CE,KAAoG,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhH,EAAA;AAEM,IAAMU,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GAxCgBA,SAwChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,uCAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;;;"}
+{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n    cursor: ${({ isHref }) => (isHref ? 'pointer' : 'auto')};\n    color: ${({ isHref }) => (isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`)};\n\n    --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColorSeparator});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","_exp3","_ref2","_exp4","_ref3","breadcrumbsColor","breadcrumbsColorText","StyledLink","styled","name","class","propsAsIs","vars","base","_exp15","IconDisclosureRight","Separator"],"mappings":";;;;;;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,yBAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAb/DA,SAa+DA,KAAAA,GAAA;AAAA,EAAA,OACnE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAG,SAAS,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAM,KAAA,GAdzCA,SAcyCA,KAAAA,GAAA;AAAA,EAAA,OAC9C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,yBAAM,CAACM,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAP,MAAA,CAAYC,yBAAM,CAACO,oBAAqB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH1G,IAAMC,UAAU,gBAAGC,YAAM,CAAAd,IAAA,EAAA,CAAA,CAAA;AAAAe,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBjB,KAAkE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnEM,KAA6C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC9CE,KAAoG,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhH,EAAA;AAEM,IAAMU,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GAxCgBA,SAwChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,uCAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;;;"}

package/cjs/components/Button/Button.styles.js

@@ -4,9 +4,6 @@ import './Button.styles_1sopr3d.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-require('focus-visible');
-require('styled-components');
-require('@linaria/core');
 var common = require('../../engines/common.js');
 var Spinner$1 = require('../Spinner/Spinner.js');
 

package/cjs/components/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n    min-width: 4ch;\n    flex-shrink: 2;\n\n    ${applyEllipsis()}\n\n\n    &.${String(classes.contentRelaxed)} {\n        text-align: start;\n        flex-grow: 2;\n    }\n`;\n\nexport const ButtonValue = styled.span`\n    color: var(${tokens.buttonValueColor});\n\n    margin: var(${tokens.buttonValueMargin});\n\n    min-width: 4ch;\n\n    ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ contentPlacing: string; isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: ${({ contentPlacing }) => contentPlacing};\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n    display: flex;\n    margin: var(${tokens.buttonLeftContentMargin});\n    align-self: var(${tokens.buttonLeftContentAlignSelf});\n`;\n\nexport const StyledContentRight = styled.div`\n    display: flex;\n    margin: var(${tokens.buttonRightContentMargin});\n    align-self: var(${tokens.buttonRightContentAlignSelf});\n`;\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.${String(classes.buttonSquare)} {\n        width: var(${tokens.buttonHeight});\n        padding: 0;\n    }\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.${String(classes.buttonSquare)} {\n        width: var(${tokens.buttonHeight});\n        padding: 0;\n    }\n\n    color: var(${tokens.buttonColor});\n    background-color: var(${tokens.buttonBackgroundColor});\n\n    :hover {\n        color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n        background-color: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleHover});\n    }\n\n    :active {\n        color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n        background-color: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleActive});\n    }\n\n    height: var(${tokens.buttonHeight});\n    width: var(${tokens.buttonWidth});\n\n    /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n    padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) * 1.618 / 4));\n\n    font-family: var(${tokens.buttonFontFamily});\n    font-size: var(${tokens.buttonFontSize});\n    font-style: var(${tokens.buttonFontStyle});\n    font-weight: var(${tokens.buttonFontWeight});\n    letter-spacing: var(${tokens.buttonLetterSpacing});\n    line-height: var(${tokens.buttonLineHeight});\n\n    /* TODO: #710 make it token API ? */\n    --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: 'var(--plasma_private-btn-outline-size)',\n        outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n        outlineColor: `var(${tokens.buttonFocusColor})`,\n    })}\n\n    &[disabled] {\n        opacity: var(${tokens.buttonDisabledOpacity});\n        cursor: not-allowed;\n\n        :hover,\n        :active {\n            scale: none;\n\n            color: var(${tokens.buttonColor});\n            background-color: var(${tokens.buttonBackgroundColor});\n        }\n    }\n\n    &.${classes.fixedStretching} {\n        width: var(${tokens.buttonWidth});\n    }\n    &.${classes.filledStretching} {\n        width: 100%;\n    }\n    &.${classes.autoStretching} {\n        width: fit-content;\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","ButtonText","styled","name","class","propsAsIs","ButtonValue","_exp6","_ref","isLoading","_exp7","_ref2","contentPlacing","LoadWrap","vars","Loader","_exp8","StyledSpinner","StyledContentLeft","StyledContentRight","base"],"mappings":";;;;;;;;;;;AASA;AACA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,UAAU,gBAAGC,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;;AAED;AAAA,IAAAE,KAAA,GAnCkBA,SAmClBA,KAAAA,GAAA;AAAA,EAAA,OAEe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,GAAG,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArCvCA,SAqCuCA,KAAAA,GAAA;AAAA,EAAA,OAGlC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,cAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJtD,IAAMC,QAAQ,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfP,KAA0C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAGlCG,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAG5D,EAAA;AAEM,IAAMK,MAAM,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAW,KAAA,GA/CgBA,SA+ChBA,KAAAA,GAAA;AAAA,EAAA,OAEkCjB,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMkB,aAAa,gBAAGf,YAAM,CAAAc,KAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMa,iBAAiB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIvC,EAAA;AAEM,IAAMe,IAAI,GA0BhB;;;;;;;;;;;"}
+{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n    min-width: 4ch;\n    flex-shrink: 2;\n\n    ${applyEllipsis()}\n\n\n    &.${String(classes.contentRelaxed)} {\n        text-align: start;\n        flex-grow: 2;\n    }\n`;\n\nexport const ButtonValue = styled.span`\n    color: var(${tokens.buttonValueColor});\n\n    margin: var(${tokens.buttonValueMargin});\n\n    min-width: 4ch;\n\n    ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ contentPlacing: string; isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: ${({ contentPlacing }) => contentPlacing};\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n    display: flex;\n    margin: var(${tokens.buttonLeftContentMargin});\n    align-self: var(${tokens.buttonLeftContentAlignSelf});\n`;\n\nexport const StyledContentRight = styled.div`\n    display: flex;\n    margin: var(${tokens.buttonRightContentMargin});\n    align-self: var(${tokens.buttonRightContentAlignSelf});\n`;\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.${String(classes.buttonSquare)} {\n        width: var(${tokens.buttonHeight});\n        padding: 0;\n    }\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.${String(classes.buttonSquare)} {\n        width: var(${tokens.buttonHeight});\n        padding: 0;\n    }\n\n    color: var(${tokens.buttonColor});\n    background-color: var(${tokens.buttonBackgroundColor});\n\n    :hover {\n        color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n        background-color: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleHover});\n    }\n\n    :active {\n        color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n        background-color: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleActive});\n    }\n\n    height: var(${tokens.buttonHeight});\n    width: var(${tokens.buttonWidth});\n\n    /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n    padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) * 1.618 / 4));\n\n    font-family: var(${tokens.buttonFontFamily});\n    font-size: var(${tokens.buttonFontSize});\n    font-style: var(${tokens.buttonFontStyle});\n    font-weight: var(${tokens.buttonFontWeight});\n    letter-spacing: var(${tokens.buttonLetterSpacing});\n    line-height: var(${tokens.buttonLineHeight});\n\n    /* TODO: #710 make it token API ? */\n    --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: 'var(--plasma_private-btn-outline-size)',\n        outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n        outlineColor: `var(${tokens.buttonFocusColor})`,\n    })}\n\n    &[disabled] {\n        opacity: var(${tokens.buttonDisabledOpacity});\n        cursor: not-allowed;\n\n        :hover,\n        :active {\n            scale: none;\n\n            color: var(${tokens.buttonColor});\n            background-color: var(${tokens.buttonBackgroundColor});\n        }\n    }\n\n    &.${classes.fixedStretching} {\n        width: var(${tokens.buttonWidth});\n    }\n    &.${classes.filledStretching} {\n        width: 100%;\n    }\n    &.${classes.autoStretching} {\n        width: fit-content;\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","ButtonText","styled","name","class","propsAsIs","ButtonValue","_exp6","_ref","isLoading","_exp7","_ref2","contentPlacing","LoadWrap","vars","Loader","_exp8","StyledSpinner","StyledContentLeft","StyledContentRight","base"],"mappings":";;;;;;;;AASA;AACA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,UAAU,gBAAGC,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;;AAED;AAAA,IAAAE,KAAA,GAnCkBA,SAmClBA,KAAAA,GAAA;AAAA,EAAA,OAEe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,GAAG,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArCvCA,SAqCuCA,KAAAA,GAAA;AAAA,EAAA,OAGlC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,cAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJtD,IAAMC,QAAQ,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfP,KAA0C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAGlCG,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAG5D,EAAA;AAEM,IAAMK,MAAM,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAW,KAAA,GA/CgBA,SA+ChBA,KAAAA,GAAA;AAAA,EAAA,OAEkCjB,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMkB,aAAa,gBAAGf,YAAM,CAAAc,KAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMa,iBAAiB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIvC,EAAA;AAEM,IAAMe,IAAI,GA0BhB;;;;;;;;;;;"}

package/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -6,18 +6,18 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var React = require('react');
 var reducer = require('../store/reducer.js');
 var types = require('../store/types.js');
-var calendarRangeHelper = require('../utils/calendarRangeHelper.js');
-var useKeyNavigation = require('../hooks/useKeyNavigation.js');
+var base = require('./variations/_view/base.js');
+var base$1 = require('./variations/_size/base.js');
+var CalendarBase_styles = require('./CalendarBase.styles.js');
 var useCalendarNavigation = require('../hooks/useCalendarNavigation.js');
+var useKeyNavigation = require('../hooks/useKeyNavigation.js');
 var useCalendarDateChange = require('../hooks/useCalendarDateChange.js');
 var CalendarHeader = require('../ui/CalendarHeader/CalendarHeader.js');
 var CalendarDays = require('../ui/CalendarDays/CalendarDays.js');
 var CalendarMonths = require('../ui/CalendarMonths/CalendarMonths.js');
 var CalendarQuarters = require('../ui/CalendarQuarters/CalendarQuarters.js');
 var CalendarYears = require('../ui/CalendarYears/CalendarYears.js');
-var base = require('./variations/_view/base.js');
-var base$1 = require('./variations/_size/base.js');
-var CalendarBase_styles = require('./CalendarBase.styles.js');
+var calendarRangeHelper = require('../utils/calendarRangeHelper.js');
 
 var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
 /**

package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var reducer = require('../store/reducer.js');
 var types = require('../store/types.js');
-var constants = require('../utils/constants.js');
-var calendarGridHelper = require('../utils/calendarGridHelper.js');
-var calendarRangeHelper = require('../utils/calendarRangeHelper.js');
-var useKeyNavigation = require('../hooks/useKeyNavigation.js');
+var CalendarBase_styles = require('../CalendarBase/CalendarBase.styles.js');
+var base = require('./variations/_view/base.js');
+var CalendarDouble_styles = require('./CalendarDouble.styles.js');
 var useCalendarNavigation = require('../hooks/useCalendarNavigation.js');
+var useKeyNavigation = require('../hooks/useKeyNavigation.js');
 var useCalendarDateChange = require('../hooks/useCalendarDateChange.js');
 var CalendarHeader = require('../ui/CalendarHeader/CalendarHeader.js');
 var CalendarDays = require('../ui/CalendarDays/CalendarDays.js');
 var CalendarMonths = require('../ui/CalendarMonths/CalendarMonths.js');
 var CalendarQuarters = require('../ui/CalendarQuarters/CalendarQuarters.js');
 var CalendarYears = require('../ui/CalendarYears/CalendarYears.js');
-var reducer = require('../store/reducer.js');
-var CalendarBase_styles = require('../CalendarBase/CalendarBase.styles.js');
-var base = require('./variations/_view/base.js');
-var CalendarDouble_styles = require('./CalendarDouble.styles.js');
+var calendarRangeHelper = require('../utils/calendarRangeHelper.js');
+var constants = require('../utils/constants.js');
+var calendarGridHelper = require('../utils/calendarGridHelper.js');
 
 var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
 var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];

package/cjs/components/Calendar/hooks/useDays.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var getDateWithModification = require('../utils/getDateWithModification.js');
+var types = require('../store/types.js');
 var calendarGridHelper = require('../utils/calendarGridHelper.js');
+var getDateWithModification = require('../utils/getDateWithModification.js');
 var calendarRangeHelper = require('../utils/calendarRangeHelper.js');
-var types = require('../store/types.js');
 
 /**
  * Метод возвращающий массив дней в предыдущем месяце.

package/cjs/components/Calendar/hooks/useKeyNavigation.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Calendar_types = require('../Calendar.types.js');
-var constants = require('../utils/constants.js');
 var reducer = require('../store/reducer.js');
+var constants = require('../utils/constants.js');
 
 /**
  * Метод для получения стороны двойного календаря.

package/cjs/components/Calendar/hooks/useMonths.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var getDateWithModification = require('../utils/getDateWithModification.js');
+var types = require('../store/types.js');
 var constants = require('../utils/constants.js');
 var calendarGridHelper = require('../utils/calendarGridHelper.js');
 var calendarRangeHelper = require('../utils/calendarRangeHelper.js');
-var types = require('../store/types.js');
+var getDateWithModification = require('../utils/getDateWithModification.js');
 
 /**
  * Хук для получения списка месяцев.

package/cjs/components/Calendar/hooks/useQuarters.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var getDateWithModification = require('../utils/getDateWithModification.js');
+var types = require('../store/types.js');
 var constants = require('../utils/constants.js');
 var calendarGridHelper = require('../utils/calendarGridHelper.js');
 var calendarRangeHelper = require('../utils/calendarRangeHelper.js');
-var types = require('../store/types.js');
+var getDateWithModification = require('../utils/getDateWithModification.js');
 
 /**
  * Хук для получения списка месяцев.

package/cjs/components/Calendar/hooks/useYears.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var getDateWithModification = require('../utils/getDateWithModification.js');
+var types = require('../store/types.js');
 var constants = require('../utils/constants.js');
 var calendarGridHelper = require('../utils/calendarGridHelper.js');
 var calendarRangeHelper = require('../utils/calendarRangeHelper.js');
-var types = require('../store/types.js');
+var getDateWithModification = require('../utils/getDateWithModification.js');
 
 /**
  * Хук для получения списка годов.