@salutejs/plasma-new-hope 0.150.1-canary.1448.10995617090.0 → 0.151.0-canary.1445.10999600795.0

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n    StyledArrow,\n    StyledArrows,\n    StyledCalendarHeader,\n    StyledDoubleHeaderWrapper,\n    StyledHeader,\n    StyledHeaderDate,\n    StyledHeaderDouble,\n    StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n    type = 'Days',\n    startYear = 0,\n    size,\n    firstDate,\n    secondDate,\n    isDouble,\n    onPrev,\n    onNext,\n    onUpdateCalendarState,\n}) => {\n    const handleCalendarState = useCallback(() => {\n        const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n        if (type === CalendarState.Days) {\n            onUpdateCalendarState?.(CalendarState.Months, newSize);\n        }\n\n        if (type === CalendarState.Months || type === CalendarState.Quarters) {\n            onUpdateCalendarState?.(CalendarState.Years, newSize);\n        }\n    }, [type, onUpdateCalendarState]);\n\n    const getHeaderContent = useCallback(\n        (date?: DateObject, secondPart?: boolean) => {\n            if (!date) {\n                return '';\n            }\n\n            if (type === CalendarState.Days) {\n                return (\n                    <>\n                        <StyledHeaderDate>{MONTH_NAMES[date.monthIndex]}</StyledHeaderDate>\n                        <StyledHeaderDate>\n                            {date.year}\n                            <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                        </StyledHeaderDate>\n                    </>\n                );\n            }\n\n            if (type === CalendarState.Months || type === CalendarState.Quarters) {\n                return (\n                    <StyledHeaderDate>\n                        {date.year}\n                        <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                );\n            }\n\n            if (type === CalendarState.Years) {\n                const yearValue = secondPart ? startYear + 12 : startYear;\n\n                return (\n                    <StyledHeaderDate>\n                        {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n                        <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                );\n            }\n\n            return '';\n        },\n        [type, startYear, size],\n    );\n\n    const currentCalendarType = getCalendarType(type);\n\n    const PreviousButton = useMemo(\n        () => (\n            <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n                <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n            </StyledArrow>\n        ),\n        [currentCalendarType, size, onPrev],\n    );\n\n    const NextButton = useMemo(\n        () => (\n            <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n                <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n            </StyledArrow>\n        ),\n        [currentCalendarType, size, onNext],\n    );\n\n    return (\n        <StyledCalendarHeader>\n            {isDouble ? (\n                <StyledNavigation>\n                    <StyledDoubleHeaderWrapper>\n                        {PreviousButton}\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(firstDate)}\n                        </StyledHeaderDouble>\n                    </StyledDoubleHeaderWrapper>\n                    <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(secondDate, true)}\n                        </StyledHeaderDouble>\n                        {NextButton}\n                    </StyledDoubleHeaderWrapper>\n                </StyledNavigation>\n            ) : (\n                <>\n                    <StyledHeader\n                        type=\"button\"\n                        aria-live=\"polite\"\n                        id=\"id-grid-label\"\n                        onClick={handleCalendarState}\n                        tabIndex={0}\n                    >\n                        {getHeaderContent(firstDate)}\n                    </StyledHeader>\n                    <StyledArrows>\n                        {PreviousButton}\n                        {NextButton}\n                    </StyledArrows>\n                </>\n            )}\n        </StyledCalendarHeader>\n    );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","handleCalendarState","useCallback","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n    StyledArrow,\n    StyledArrows,\n    StyledCalendarHeader,\n    StyledDoubleHeaderWrapper,\n    StyledHeader,\n    StyledHeaderDate,\n    StyledHeaderDouble,\n    StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n    type = 'Days',\n    startYear = 0,\n    size,\n    firstDate,\n    secondDate,\n    isDouble,\n    onPrev,\n    onNext,\n    onUpdateCalendarState,\n}) => {\n    const handleCalendarState = useCallback(() => {\n        const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n        if (type === CalendarState.Days) {\n            onUpdateCalendarState?.(CalendarState.Months, newSize);\n        }\n\n        if (type === CalendarState.Months || type === CalendarState.Quarters) {\n            onUpdateCalendarState?.(CalendarState.Years, newSize);\n        }\n    }, [type, onUpdateCalendarState]);\n\n    const getHeaderContent = useCallback(\n        (date?: DateObject, secondPart?: boolean) => {\n            if (!date) {\n                return '';\n            }\n\n            if (type === CalendarState.Days) {\n                return (\n                    <>\n                        <StyledHeaderDate>{MONTH_NAMES[date.monthIndex]}</StyledHeaderDate>\n                        <StyledHeaderDate>\n                            {date.year}\n                            <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                        </StyledHeaderDate>\n                    </>\n                );\n            }\n\n            if (type === CalendarState.Months || type === CalendarState.Quarters) {\n                return (\n                    <StyledHeaderDate>\n                        {date.year}\n                        <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                );\n            }\n\n            if (type === CalendarState.Years) {\n                const yearValue = secondPart ? startYear + 12 : startYear;\n\n                return (\n                    <StyledHeaderDate>\n                        {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n                        <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                );\n            }\n\n            return '';\n        },\n        [type, startYear, size],\n    );\n\n    const currentCalendarType = getCalendarType(type);\n\n    const PreviousButton = useMemo(\n        () => (\n            <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n                <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n            </StyledArrow>\n        ),\n        [currentCalendarType, size, onPrev],\n    );\n\n    const NextButton = useMemo(\n        () => (\n            <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n                <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n            </StyledArrow>\n        ),\n        [currentCalendarType, size, onNext],\n    );\n\n    return (\n        <StyledCalendarHeader>\n            {isDouble ? (\n                <StyledNavigation>\n                    <StyledDoubleHeaderWrapper>\n                        {PreviousButton}\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(firstDate)}\n                        </StyledHeaderDouble>\n                    </StyledDoubleHeaderWrapper>\n                    <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(secondDate, true)}\n                        </StyledHeaderDouble>\n                        {NextButton}\n                    </StyledDoubleHeaderWrapper>\n                </StyledNavigation>\n            ) : (\n                <>\n                    <StyledHeader\n                        type=\"button\"\n                        aria-live=\"polite\"\n                        id=\"id-grid-label\"\n                        onClick={handleCalendarState}\n                        tabIndex={0}\n                    >\n                        {getHeaderContent(firstDate)}\n                    </StyledHeader>\n                    <StyledArrows>\n                        {PreviousButton}\n                        {NextButton}\n                    </StyledArrows>\n                </>\n            )}\n        </StyledCalendarHeader>\n    );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","handleCalendarState","useCallback","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js

@@ -1,5 +1,6 @@
 import './CalendarHeader.styles_1jfelqf.css';
 import { styled } from '@linaria/react';
+import '@linaria/core';
 import { component, mergeConfig } from '../../../../engines/common.js';
 import { iconButtonConfig } from '../../../IconButton/IconButton.js';
 

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n    padding: var(${tokens.calendarHeaderPadding});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n\n    &:hover,\n    &:active {\n        color: var(${tokens.calendarContentSecondaryColor});\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n    ${flexCenter};\n    pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n    display: flex;\n    gap: var(${tokens.calendarHeaderArrowGap});\n    padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n    width: 100%;\n    ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    align-items: center;\n    grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n    grid-template-areas: 'a b c';\n\n    ${StyledArrow} {\n        grid-area: a;\n    }\n\n    &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n        grid-area: c;\n    }\n`;\n\nexport const StyledHeaderDouble = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    grid-area: b;\n    justify-self: center;\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    height: fit-content;\n\n    ${String(flexCenter)};\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble"],"mappings":";;;;AAQA,IAAMA,sBAAsB,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,IAAMK,oBAAoB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,YAAY,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,IAAAI,MAAA,GA9DkBA,SA8DlBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,UAAU,CAAA;AAAA,CAAA,CAAA;AAArC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYhC,EAAA;AAEM,IAAMM,gBAAgB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAc9C,EAAA;AAEM,IAAMQ,kBAAkB,gBAAGX,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCvC;;;;"}
+{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n    padding: var(${tokens.calendarHeaderPadding});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n\n    &:hover,\n    &:active {\n        color: var(${tokens.calendarContentSecondaryColor});\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n    ${flexCenter};\n    pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n    display: flex;\n    gap: var(${tokens.calendarHeaderArrowGap});\n    padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n    width: 100%;\n    ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    align-items: center;\n    grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n    grid-template-areas: 'a b c';\n\n    ${StyledArrow} {\n        grid-area: a;\n    }\n\n    &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n        grid-area: c;\n    }\n`;\n\nexport const StyledHeaderDouble = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    grid-area: b;\n    justify-self: center;\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    height: fit-content;\n\n    ${String(flexCenter)};\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble"],"mappings":";;;;;AAQA,IAAMA,sBAAsB,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,IAAMK,oBAAoB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,YAAY,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,IAAAI,MAAA,GA9DkBA,SA8DlBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,UAAU,CAAA;AAAA,CAAA,CAAA;AAArC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYhC,EAAA;AAEM,IAAMM,gBAAgB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAc9C,EAAA;AAEM,IAAMQ,kBAAkB,gBAAGX,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCvC;;;;"}

package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -1,12 +1,12 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useCallback, useEffect } from 'react';
-import { tokens, innerTokens } from '../../Calendar.tokens.js';
-import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
-import { StyledCalendarMonths, StyledFlex } from './CalendarMonths.styles.js';
-import { useMonths } from '../../hooks/useMonths.js';
 import { ROW_MONTH_STEP } from '../../utils/constants.js';
 import { canSelectDate } from '../../utils/calendarGridHelper.js';
 import { isSelectProcess, isSameDay, getInRange, getSideInRange } from '../../utils/calendarRangeHelper.js';
+import { useMonths } from '../../hooks/useMonths.js';
+import { tokens, innerTokens } from '../../Calendar.tokens.js';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
+import { StyledCalendarMonths, StyledFlex } from './CalendarMonths.styles.js';
 
 /**
  * Компонент месяцев в календаре.

package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -1,12 +1,12 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useCallback, useEffect } from 'react';
-import { tokens, innerTokens } from '../../Calendar.tokens.js';
-import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
-import { StyledCalendarQuarters, StyledFlex } from './CalendarQuarters.styles.js';
-import { useQuarters } from '../../hooks/useQuarters.js';
 import { ROW_QUARTER_STEP } from '../../utils/constants.js';
 import { canSelectDate } from '../../utils/calendarGridHelper.js';
 import { isSelectProcess, isSameDay, getInRange, getSideInRange } from '../../utils/calendarRangeHelper.js';
+import { useQuarters } from '../../hooks/useQuarters.js';
+import { tokens, innerTokens } from '../../Calendar.tokens.js';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
+import { StyledCalendarQuarters, StyledFlex } from './CalendarQuarters.styles.js';
 
 /**
  * Компонент кварталов в календаре.

package/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -1,12 +1,12 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useCallback, useEffect } from 'react';
-import { tokens, innerTokens } from '../../Calendar.tokens.js';
-import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
-import { StyledCalendarYears, StyledFlex } from './CalendarYears.styles.js';
-import { useYears } from '../../hooks/useYears.js';
 import { ROW_YEAR_STEP } from '../../utils/constants.js';
 import { canSelectDate } from '../../utils/calendarGridHelper.js';
 import { isSelectProcess, isSameDay, getInRange, getSideInRange } from '../../utils/calendarRangeHelper.js';
+import { useYears } from '../../hooks/useYears.js';
+import { tokens, innerTokens } from '../../Calendar.tokens.js';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
+import { StyledCalendarYears, StyledFlex } from './CalendarYears.styles.js';
 
 /**
  * Компонент годов в календаре.

package/es/components/Chip/Chip.js

@@ -50,7 +50,7 @@ var chipRoot = function chipRoot(Root) {
     return /*#__PURE__*/React.createElement(Root, _extends({
       type: "button",
       ref: ref,
-      className: cx(pilledClass, className),
+      className: cx(pilledClass, classes.chipItem, className),
       tabIndex: readOnly ? -1 : 0,
       onClick: handleClick,
       disabled: disabled,

package/es/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            onClick?.(event);\n            onClear?.();\n        };\n\n        const ClearContent = useMemo(() => {\n            return (\n                contentClearButton || (\n                    <StyledContentClear>\n                        <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                    </StyledContentClear>\n                )\n            );\n        }, [contentClearButton, tokens.closeIconSize]);\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                pilled={pilled}\n                readOnly={!disabled && readOnly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                {hasClear && ClearContent}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","ClearContent","useMemo","React","createElement","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","_extends","type","cx","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            onClick?.(event);\n            onClear?.();\n        };\n\n        const ClearContent = useMemo(() => {\n            return (\n                contentClearButton || (\n                    <StyledContentClear>\n                        <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                    </StyledContentClear>\n                )\n            );\n        }, [contentClearButton, tokens.closeIconSize]);\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, classes.chipItem, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                pilled={pilled}\n                readOnly={!disabled && readOnly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                {hasClear && ClearContent}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","ClearContent","useMemo","React","createElement","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":"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"}

package/es/components/Chip/Chip.tokens.js

@@ -1,5 +1,6 @@
 var classes = {
-  pilled: 'chip-pilled'
+  pilled: 'chip-pilled',
+  chipItem: 'chip-item'
 };
 var tokens = {
   background: '--plasma-chip-background',

package/es/components/Chip/Chip.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n    pilled: 'chip-pilled',\n};\n\nexport const tokens = {\n    background: '--plasma-chip-background',\n    color: '--plasma-chip-color',\n    backgroundHover: '--plasma-chip-background-hover',\n    colorHover: '--plasma-chip-color-hover',\n    scaleHover: '--plasma-chip-scale-hover',\n    backgroundReadOnly: '--plasma-chip-background-readonly',\n    colorReadOnly: '--plasma-chip-color-readonly',\n    backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n    colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n    backgroundActive: '--plasma-chip-background-active',\n    colorActive: '--plasma-chip-color-active',\n    scaleActive: '--plasma-chip-scale-active',\n    focusColor: '--plasma-chip-focus-color',\n    outlineSize: '--plasma-chip-outline-size',\n    closeIconColor: '--plasma-chip-close-icon-color',\n    closeIconColorHover: '--plasma-chip-close-icon-color-hover',\n    closeIconColorActive: '--plasma-chip-close-icon-color-active',\n\n    borderRadius: '--plasma-chip-border-radius',\n    pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n    width: '--plasma-chip-width',\n    height: '--plasma-chip-height',\n    paddingTop: '--plasma-chip-padding-top',\n    paddingRight: '--plasma-chip-padding-right',\n    paddingBottom: '--plasma-chip-padding-bottom',\n    paddingLeft: '--plasma-chip-padding-left',\n    closeIconSize: '--plasma-chip-close-icon-size',\n\n    disabledOpacity: '--plasma-chip-disabled-opacity',\n\n    fontFamily: '--plasma-chip-font-family',\n    fontSize: '--plasma-chip-font-size',\n    fontStyle: '--plasma-chip-font-style',\n    fontWeight: '--plasma-chip-font-weight',\n    letterSpacing: '--plasma-chip-letter-spacing',\n    lineHeight: '--plasma-chip-lineheight',\n\n    leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n    leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n    rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n    clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n    clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","tokens","background","color","backgroundHover","colorHover","scaleHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","scaleActive","focusColor","outlineSize","closeIconColor","closeIconColorHover","closeIconColorActive","borderRadius","pilledBorderRadius","width","height","paddingTop","paddingRight","paddingBottom","paddingLeft","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,aAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,oBAAoB,EAAE,uCAAuC;AAE7DC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,aAAa,EAAE,+BAA+B;AAE9CC,EAAAA,eAAe,EAAE,gCAAgC;AAEjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,0BAA0B;AAEtCC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;"}
+{"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n    pilled: 'chip-pilled',\n    chipItem: 'chip-item',\n};\n\nexport const tokens = {\n    background: '--plasma-chip-background',\n    color: '--plasma-chip-color',\n    backgroundHover: '--plasma-chip-background-hover',\n    colorHover: '--plasma-chip-color-hover',\n    scaleHover: '--plasma-chip-scale-hover',\n    backgroundReadOnly: '--plasma-chip-background-readonly',\n    colorReadOnly: '--plasma-chip-color-readonly',\n    backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n    colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n    backgroundActive: '--plasma-chip-background-active',\n    colorActive: '--plasma-chip-color-active',\n    scaleActive: '--plasma-chip-scale-active',\n    focusColor: '--plasma-chip-focus-color',\n    outlineSize: '--plasma-chip-outline-size',\n    closeIconColor: '--plasma-chip-close-icon-color',\n    closeIconColorHover: '--plasma-chip-close-icon-color-hover',\n    closeIconColorActive: '--plasma-chip-close-icon-color-active',\n\n    borderRadius: '--plasma-chip-border-radius',\n    pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n    width: '--plasma-chip-width',\n    height: '--plasma-chip-height',\n    paddingTop: '--plasma-chip-padding-top',\n    paddingRight: '--plasma-chip-padding-right',\n    paddingBottom: '--plasma-chip-padding-bottom',\n    paddingLeft: '--plasma-chip-padding-left',\n    closeIconSize: '--plasma-chip-close-icon-size',\n\n    disabledOpacity: '--plasma-chip-disabled-opacity',\n\n    fontFamily: '--plasma-chip-font-family',\n    fontSize: '--plasma-chip-font-size',\n    fontStyle: '--plasma-chip-font-style',\n    fontWeight: '--plasma-chip-font-weight',\n    letterSpacing: '--plasma-chip-letter-spacing',\n    lineHeight: '--plasma-chip-lineheight',\n\n    leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n    leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n    rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n    clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n    clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","chipItem","tokens","background","color","backgroundHover","colorHover","scaleHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","scaleActive","focusColor","outlineSize","closeIconColor","closeIconColorHover","closeIconColorActive","borderRadius","pilledBorderRadius","width","height","paddingTop","paddingRight","paddingBottom","paddingLeft","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,QAAQ,EAAE,WAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,oBAAoB,EAAE,uCAAuC;AAE7DC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,aAAa,EAAE,+BAA+B;AAE9CC,EAAAA,eAAe,EAAE,gCAAgC;AAEjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,0BAA0B;AAEtCC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;"}

package/es/components/ChipGroup/ChipGroup.css

@@ -0,0 +1,7 @@
+.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601.ChipGroup_styles_1l3nd6v_chipGroupWrap__3638f601{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+
+.base_122089q_brey5rj__0d881afa.base_122089q_chipGroupOverrideStyles__0d881afa .base_122089q_chipItem__0d881afa{--plasma-chip-background:var(--plasma-chip-group-items-background);--plasma-chip-color:var(--plasma-chip-group-items-color);--plasma-chip-background-hover:var(--plasma-chip-group-items-background-hover);--plasma-chip-color-hover:var(--plasma-chip-group-items-color-hover);--plasma-chip-scale-hover:var(--plasma-chip-group-items-scale-hover);--plasma-chip-background-active:var(--plasma-chip-group-items-background-active);--plasma-chip-color-active:var(--plasma-chip-group-items-color-active);--plasma-chip-scale-active:var(--plasma-chip-group-items-scale-active);--plasma-chip-focus-color:var(--plasma-chip-group-items-focus-color);--plasma-chip-outline-size:var(--plasma-chip-group-items-outline-size);--plasma-chip-close-icon-color:var(--plasma-chip-group-items-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-chip-group-items-close-icon-color-hover);--plasma-chip-close-icon-color-active:var(--plasma-chip-group-items-close-icon-color-active);}
+
+.base_eu60ye_b8we6fx__49af8456.base_eu60ye_chipGroupOverrideStyles__49af8456 .base_eu60ye_chipItem__49af8456{--plasma-chip-height:var(--plasma-chip-group-item-height);--plasma-chip-width:var(--plasma-chip-group-item-width);--plasma-chip-border-radius:var(--plasma-chip-group-items-border-radius);--plasma-chip-padding-top:var(--plasma-chip-group-item-padding-top);--plasma-chip-padding-right:var(--plasma-chip-group-item-padding-right);--plasma-chip-padding-bottom:var(--plasma-chip-group-item-padding-bottom);--plasma-chip-padding-left:var(--plasma-chip-group-item-padding-left);--plasma-chip-close-icon-size:var(--plasma-chip-group-item-close-icon-size);--plasma-chip-font-family:var(--plasma-chip-group-item-font-family);--plasma-chip-font-size:var(--plasma-chip-group-item-font-size);--plasma-chip-font-style:var(--plasma-chip-group-item-font-style);--plasma-chip-font-weight:var(--plasma-chip-group-item-font-weight);--plasma-chip-letter-spacing:var(--plasma-chip-group-item-letter-spacing);--plasma-chip-lineheight:var(--plasma-chip-group-item-line-height);--plasma-chip-left-content-margin-left:var(--plasma-chip-group-item-left-content-margin-left);--plasma-chip-left-content-margin-right:var(--plasma-chip-group-item-left-content-margin-right);--plasma-chip-right-content-margin-left:var(--plasma-chip-group-item-right-content-margin-left);--plasma-chip-right-content-margin-right:var(--plasma-chip-group-item-right-content-margin-right);--plasma-chip-clear-content-margin-left:var(--plasma-chip-group-item-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-chip-group-item-clear-content-margin-right);}
+
+.base_vhoe9f_b5zwimg__1f583b8c{gap:var(--plasma-chip-group-items-gap);}

package/es/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,58 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import { cx } from '../../utils/index.js';
+import { base } from './ChipGroup.styles.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
+import { base as base$3 } from './variations/_gap/base.js';
+import { classes } from './ChipGroup.tokens.js';
+
+var _excluded = ["children", "view", "size", "className", "isWrapped", "gap", "isCommonChipStyles"];
+var chipGroupRoot = function chipGroupRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    var children = props.children,
+      view = props.view,
+      size = props.size,
+      className = props.className,
+      isWrapped = props.isWrapped,
+      _props$gap = props.gap,
+      gap = _props$gap === void 0 ? 'dense' : _props$gap,
+      _props$isCommonChipSt = props.isCommonChipStyles,
+      isCommonChipStyles = _props$isCommonChipSt === void 0 ? true : _props$isCommonChipSt,
+      rest = _objectWithoutProperties(props, _excluded);
+    var overrideStylesClass = isCommonChipStyles ? classes.chipGroupOverrideStyles : undefined;
+    var wrappedClass = isWrapped ? classes.wrap : undefined;
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      ref: ref,
+      view: view,
+      size: size,
+      gap: gap,
+      className: cx(overrideStylesClass, wrappedClass, className)
+    }, rest), children);
+  });
+};
+var chipGroupConfig = {
+  name: 'ChipGroup',
+  tag: 'div',
+  layout: chipGroupRoot,
+  base: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
+    },
+    gap: {
+      css: base$3
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm',
+    gap: 'dense'
+  }
+};
+
+export { chipGroupConfig, chipGroupRoot };
+//# sourceMappingURL=ChipGroup.js.map

package/es/components/ChipGroup/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base } from './ChipGroup.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as gapCSS } from './variations/_gap/base';\nimport type { ChipGroupProps } from './ChipGroup.types';\nimport { classes } from './ChipGroup.tokens';\n\nexport const chipGroupRoot = (Root: RootProps<HTMLDivElement, ChipGroupProps>) =>\n    forwardRef<HTMLDivElement, ChipGroupProps>((props, ref) => {\n        const { children, view, size, className, isWrapped, gap = 'dense', isCommonChipStyles = true, ...rest } = props;\n\n        const overrideStylesClass = isCommonChipStyles ? classes.chipGroupOverrideStyles : undefined;\n        const wrappedClass = isWrapped ? classes.wrap : undefined;\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                gap={gap}\n                className={cx(overrideStylesClass, wrappedClass, className)}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const chipGroupConfig = {\n    name: 'ChipGroup',\n    tag: 'div',\n    layout: chipGroupRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        gap: {\n            css: gapCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n        gap: 'dense',\n    },\n};\n"],"names":["chipGroupRoot","Root","forwardRef","props","ref","children","view","size","className","isWrapped","_props$gap","gap","_props$isCommonChipSt","isCommonChipStyles","rest","_objectWithoutProperties","_excluded","overrideStylesClass","classes","chipGroupOverrideStyles","undefined","wrappedClass","wrap","React","createElement","_extends","cx","chipGroupConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","gapCSS","defaults"],"mappings":";;;;;;;;;;IAYaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACzEC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACvD,IAAA,IAAQC,QAAQ,GAA0FF,KAAK,CAAvGE,QAAQ;MAAEC,IAAI,GAAoFH,KAAK,CAA7FG,IAAI;MAAEC,IAAI,GAA8EJ,KAAK,CAAvFI,IAAI;MAAEC,SAAS,GAAmEL,KAAK,CAAjFK,SAAS;MAAEC,SAAS,GAAwDN,KAAK,CAAtEM,SAAS;MAAAC,UAAA,GAAwDP,KAAK,CAA3DQ,GAAG;AAAHA,MAAAA,GAAG,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;MAAAE,qBAAA,GAAyCT,KAAK,CAA5CU,kBAAkB;AAAlBA,MAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;IAE/G,IAAMC,mBAAmB,GAAGJ,kBAAkB,GAAGK,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;IAC5F,IAAMC,YAAY,GAAGZ,SAAS,GAAGS,OAAO,CAACI,IAAI,GAAGF,SAAS,CAAA;AAEzD,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,QAAA,CAAA;AACDrB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,GAAG,EAAEA,GAAI;AACTH,MAAAA,SAAS,EAAEkB,EAAE,CAACT,mBAAmB,EAAEI,YAAY,EAAEb,SAAS,CAAA;KACtDM,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMsB,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,aAAa;AACrB+B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR1B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD3B,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDxB,IAAAA,GAAG,EAAE;AACDsB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/B,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTI,IAAAA,GAAG,EAAE,OAAA;AACT,GAAA;AACJ;;;;"}

package/es/components/ChipGroup/ChipGroup.styles.js

@@ -0,0 +1,5 @@
+import './ChipGroup.styles_1l3nd6v.css';
+var base = "bzgm0e4";
+
+export { base };
+//# sourceMappingURL=ChipGroup.styles.js.map

package/es/components/ChipGroup/ChipGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.styles.js","sources":["../../../src/components/ChipGroup/ChipGroup.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from './ChipGroup.tokens';\n\nexport const base = css`\n    display: inline-flex;\n\n    &.${classes.wrap} {\n        flex-wrap: wrap;\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}

package/es/components/ChipGroup/ChipGroup.styles_1l3nd6v.css

@@ -0,0 +1 @@
+.bzgm0e4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.bzgm0e4.chip-group-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

package/es/components/ChipGroup/ChipGroup.tokens.js

@@ -0,0 +1,45 @@
+var classes = {
+  chipGroupOverrideStyles: 'chip-group-override-styles',
+  dense: 'chip-group-gap-dense',
+  wide: 'chip-group-gap-wide',
+  wrap: 'chip-group-wrap'
+};
+var tokens = {
+  chipBackground: '--plasma-chip-group-items-background',
+  chipColor: '--plasma-chip-group-items-color',
+  chipBackgroundHover: '--plasma-chip-group-items-background-hover',
+  chipColorHover: '--plasma-chip-group-items-color-hover',
+  chipScaleHover: '--plasma-chip-group-items-scale-hover',
+  chipBackgroundActive: '--plasma-chip-group-items-background-active',
+  chipColorActive: '--plasma-chip-group-items-color-active',
+  chipScaleActive: '--plasma-chip-group-items-scale-active',
+  chipFocusColor: '--plasma-chip-group-items-focus-color',
+  chipOutlineSize: '--plasma-chip-group-items-outline-size',
+  chipCloseIconColor: '--plasma-chip-group-items-close-icon-color',
+  chipCloseIconColorHover: '--plasma-chip-group-items-close-icon-color-hover',
+  chipCloseIconColorActive: '--plasma-chip-group-items-close-icon-color-active',
+  chipGroupItemsGap: '--plasma-chip-group-items-gap',
+  chipBorderRadius: '--plasma-chip-group-items-border-radius',
+  chipHeight: '--plasma-chip-group-item-height',
+  chipWidth: '--plasma-chip-group-item-width',
+  chipPaddingTop: '--plasma-chip-group-item-padding-top',
+  chipPaddingRight: '--plasma-chip-group-item-padding-right',
+  chipPaddingBottom: '--plasma-chip-group-item-padding-bottom',
+  chipPaddingLeft: '--plasma-chip-group-item-padding-left',
+  chipCloseIconSize: '--plasma-chip-group-item-close-icon-size',
+  chipFontFamily: '--plasma-chip-group-item-font-family',
+  chipFontSize: '--plasma-chip-group-item-font-size',
+  chipFontStyle: '--plasma-chip-group-item-font-style',
+  chipFontWeight: '--plasma-chip-group-item-font-weight',
+  chipLetterSpacing: '--plasma-chip-group-item-letter-spacing',
+  chipLineHeight: '--plasma-chip-group-item-line-height',
+  chipLeftContentMarginLeft: '--plasma-chip-group-item-left-content-margin-left',
+  chipLeftContentMarginRight: '--plasma-chip-group-item-left-content-margin-right',
+  chipRightContentMarginLeft: '--plasma-chip-group-item-right-content-margin-left',
+  chipRightContentMarginRight: '--plasma-chip-group-item-right-content-margin-right',
+  chipClearContentMarginLeft: '--plasma-chip-group-item-clear-content-margin-left',
+  chipClearContentMarginRight: '--plasma-chip-group-item-clear-content-margin-right'
+};
+
+export { classes, tokens };
+//# sourceMappingURL=ChipGroup.tokens.js.map

package/es/components/ChipGroup/ChipGroup.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.tokens.js","sources":["../../../src/components/ChipGroup/ChipGroup.tokens.ts"],"sourcesContent":["export const classes = {\n    chipGroupOverrideStyles: 'chip-group-override-styles',\n\n    dense: 'chip-group-gap-dense',\n    wide: 'chip-group-gap-wide',\n\n    wrap: 'chip-group-wrap',\n};\n\nexport const tokens = {\n    chipBackground: '--plasma-chip-group-items-background',\n    chipColor: '--plasma-chip-group-items-color',\n    chipBackgroundHover: '--plasma-chip-group-items-background-hover',\n    chipColorHover: '--plasma-chip-group-items-color-hover',\n    chipScaleHover: '--plasma-chip-group-items-scale-hover',\n    chipBackgroundActive: '--plasma-chip-group-items-background-active',\n    chipColorActive: '--plasma-chip-group-items-color-active',\n    chipScaleActive: '--plasma-chip-group-items-scale-active',\n    chipFocusColor: '--plasma-chip-group-items-focus-color',\n    chipOutlineSize: '--plasma-chip-group-items-outline-size',\n    chipCloseIconColor: '--plasma-chip-group-items-close-icon-color',\n    chipCloseIconColorHover: '--plasma-chip-group-items-close-icon-color-hover',\n    chipCloseIconColorActive: '--plasma-chip-group-items-close-icon-color-active',\n\n    chipGroupItemsGap: '--plasma-chip-group-items-gap',\n    chipBorderRadius: '--plasma-chip-group-items-border-radius',\n    chipHeight: '--plasma-chip-group-item-height',\n    chipWidth: '--plasma-chip-group-item-width',\n    chipPaddingTop: '--plasma-chip-group-item-padding-top',\n    chipPaddingRight: '--plasma-chip-group-item-padding-right',\n    chipPaddingBottom: '--plasma-chip-group-item-padding-bottom',\n    chipPaddingLeft: '--plasma-chip-group-item-padding-left',\n    chipCloseIconSize: '--plasma-chip-group-item-close-icon-size',\n\n    chipFontFamily: '--plasma-chip-group-item-font-family',\n    chipFontSize: '--plasma-chip-group-item-font-size',\n    chipFontStyle: '--plasma-chip-group-item-font-style',\n    chipFontWeight: '--plasma-chip-group-item-font-weight',\n    chipLetterSpacing: '--plasma-chip-group-item-letter-spacing',\n    chipLineHeight: '--plasma-chip-group-item-line-height',\n\n    chipLeftContentMarginLeft: '--plasma-chip-group-item-left-content-margin-left',\n    chipLeftContentMarginRight: '--plasma-chip-group-item-left-content-margin-right',\n    chipRightContentMarginLeft: '--plasma-chip-group-item-right-content-margin-left',\n    chipRightContentMarginRight: '--plasma-chip-group-item-right-content-margin-right',\n    chipClearContentMarginLeft: '--plasma-chip-group-item-clear-content-margin-left',\n    chipClearContentMarginRight: '--plasma-chip-group-item-clear-content-margin-right',\n};\n"],"names":["classes","chipGroupOverrideStyles","dense","wide","wrap","tokens","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipOutlineSize","chipCloseIconColor","chipCloseIconColorHover","chipCloseIconColorActive","chipGroupItemsGap","chipBorderRadius","chipHeight","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipLeftContentMarginLeft","chipLeftContentMarginRight","chipRightContentMarginLeft","chipRightContentMarginRight","chipClearContentMarginLeft","chipClearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,uBAAuB,EAAE,4BAA4B;AAErDC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,IAAI,EAAE,qBAAqB;AAE3BC,EAAAA,IAAI,EAAE,iBAAA;AACV,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,SAAS,EAAE,iCAAiC;AAC5CC,EAAAA,mBAAmB,EAAE,4CAA4C;AACjEC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,oBAAoB,EAAE,6CAA6C;AACnEC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,wBAAwB,EAAE,mDAAmD;AAE7EC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,SAAS,EAAE,gCAAgC;AAC3CC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,iBAAiB,EAAE,0CAA0C;AAE7DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,YAAY,EAAE,oCAAoC;AAClDC,EAAAA,aAAa,EAAE,qCAAqC;AACpDC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,cAAc,EAAE,sCAAsC;AAEtDC,EAAAA,yBAAyB,EAAE,mDAAmD;AAC9EC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,2BAA2B,EAAE,qDAAqD;AAClFC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,2BAA2B,EAAE,qDAAA;AACjC;;;;"}

package/es/components/ChipGroup/variations/_gap/base.js

@@ -0,0 +1,5 @@
+import './base_vhoe9f.css';
+var base = "b5zwimg";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/ChipGroup/variations/_gap/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/ChipGroup/variations/_gap/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../ChipGroup.tokens';\n\nexport const base = css`\n    gap: var(${tokens.chipGroupItemsGap});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}

package/es/components/ChipGroup/variations/_gap/base_vhoe9f.css

@@ -0,0 +1 @@
+.b5zwimg{gap:var(--plasma-chip-group-items-gap);}

package/es/components/ChipGroup/variations/_size/base.js

@@ -0,0 +1,5 @@
+import './base_eu60ye.css';
+var base = "b8we6fx";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/ChipGroup/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/ChipGroup/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ChipGroup.tokens';\nimport { chipClasses, chipTokens } from '../../../Chip';\n\nexport const base = css`\n    &.${classes.chipGroupOverrideStyles} .${chipClasses.chipItem}  {\n        ${chipTokens.height}: var(${tokens.chipHeight});\n        ${chipTokens.width}: var(${tokens.chipWidth});\n        ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n        ${chipTokens.paddingTop}: var(${tokens.chipPaddingTop});\n        ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n        ${chipTokens.paddingBottom}: var(${tokens.chipPaddingBottom});\n        ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n        ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n\n        ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n        ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n        ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n        ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n        ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n        ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n\n        ${chipTokens.leftContentMarginLeft}: var(${tokens.chipLeftContentMarginLeft});\n        ${chipTokens.leftContentMarginRight}: var(${tokens.chipLeftContentMarginRight});\n        ${chipTokens.rightContentMarginLeft}: var(${tokens.chipRightContentMarginLeft});\n        ${chipTokens.rightContentMarginRight}: var(${tokens.chipRightContentMarginRight});\n        ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n        ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAyBhB;;;;"}

package/es/components/ChipGroup/variations/_size/base_eu60ye.css

@@ -0,0 +1 @@
+.b8we6fx.chip-group-override-styles .chip-item{--plasma-chip-height:var(--plasma-chip-group-item-height);--plasma-chip-width:var(--plasma-chip-group-item-width);--plasma-chip-border-radius:var(--plasma-chip-group-items-border-radius);--plasma-chip-padding-top:var(--plasma-chip-group-item-padding-top);--plasma-chip-padding-right:var(--plasma-chip-group-item-padding-right);--plasma-chip-padding-bottom:var(--plasma-chip-group-item-padding-bottom);--plasma-chip-padding-left:var(--plasma-chip-group-item-padding-left);--plasma-chip-close-icon-size:var(--plasma-chip-group-item-close-icon-size);--plasma-chip-font-family:var(--plasma-chip-group-item-font-family);--plasma-chip-font-size:var(--plasma-chip-group-item-font-size);--plasma-chip-font-style:var(--plasma-chip-group-item-font-style);--plasma-chip-font-weight:var(--plasma-chip-group-item-font-weight);--plasma-chip-letter-spacing:var(--plasma-chip-group-item-letter-spacing);--plasma-chip-lineheight:var(--plasma-chip-group-item-line-height);--plasma-chip-left-content-margin-left:var(--plasma-chip-group-item-left-content-margin-left);--plasma-chip-left-content-margin-right:var(--plasma-chip-group-item-left-content-margin-right);--plasma-chip-right-content-margin-left:var(--plasma-chip-group-item-right-content-margin-left);--plasma-chip-right-content-margin-right:var(--plasma-chip-group-item-right-content-margin-right);--plasma-chip-clear-content-margin-left:var(--plasma-chip-group-item-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-chip-group-item-clear-content-margin-right);}

package/es/components/ChipGroup/variations/_view/base.js

@@ -0,0 +1,5 @@
+import './base_122089q.css';
+var base = "brey5rj";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/ChipGroup/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/ChipGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ChipGroup.tokens';\nimport { chipClasses, chipTokens } from '../../../Chip';\n\nexport const base = css`\n    &.${classes.chipGroupOverrideStyles} .${chipClasses.chipItem} {\n        ${chipTokens.background}: var(${tokens.chipBackground});\n        ${chipTokens.color}: var(${tokens.chipColor});\n        ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n        ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n        ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n        ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n        ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n        ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n        ${chipTokens.focusColor}: var(${tokens.chipFocusColor});\n        ${chipTokens.outlineSize}: var(${tokens.chipOutlineSize});\n        ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n        ${chipTokens.closeIconColorHover}: var(${tokens.chipCloseIconColorHover});\n        ${chipTokens.closeIconColorActive}: var(${tokens.chipCloseIconColorActive});\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAgBhB;;;;"}

package/es/components/ChipGroup/variations/_view/base_122089q.css

@@ -0,0 +1 @@
+.brey5rj.chip-group-override-styles .chip-item{--plasma-chip-background:var(--plasma-chip-group-items-background);--plasma-chip-color:var(--plasma-chip-group-items-color);--plasma-chip-background-hover:var(--plasma-chip-group-items-background-hover);--plasma-chip-color-hover:var(--plasma-chip-group-items-color-hover);--plasma-chip-scale-hover:var(--plasma-chip-group-items-scale-hover);--plasma-chip-background-active:var(--plasma-chip-group-items-background-active);--plasma-chip-color-active:var(--plasma-chip-group-items-color-active);--plasma-chip-scale-active:var(--plasma-chip-group-items-scale-active);--plasma-chip-focus-color:var(--plasma-chip-group-items-focus-color);--plasma-chip-outline-size:var(--plasma-chip-group-items-outline-size);--plasma-chip-close-icon-color:var(--plasma-chip-group-items-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-chip-group-items-close-icon-color-hover);--plasma-chip-close-icon-color-active:var(--plasma-chip-group-items-close-icon-color-active);}

package/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,26 +1,27 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect, createContext } from 'react';
 import { useForkRef, safeUseId } from '@salutejs/plasma-core';
+import '../../../utils/react.js';
+import { isEmpty } from '../../../utils/isEmpty.js';
+import { useOutsideClick } from '../../../hooks/useOutsideClick.js';
+import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
 import { classes } from './Combobox.tokens.js';
 import { FloatingPopover } from './FloatingPopover.js';
 import { getItemByFocused, useKeyNavigation } from './hooks/useKeyboardNavigation.js';
-import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
-import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
-import { base as base$1 } from './variations/_view/base.js';
-import { base as base$2 } from './variations/_size/base.js';
 import { initialItemsTransform } from './utils/initialItemsTransform.js';
-import { filterItems } from './utils/filterItems.js';
-import { pathReducer } from './reducers/pathReducer.js';
-import { focusedPathReducer } from './reducers/focusedPathReducer.js';
-import { useOutsideClick } from '../../../hooks/useOutsideClick.js';
-import { isEmpty } from '../../../utils/isEmpty.js';
 import { updateDescendants } from './utils/updateDescendants.js';
 import { updateAncestors } from './utils/updateAncestors.js';
 import { updateSingleAncestors } from './utils/updateSingleAncestors.js';
-import { StyledTextField } from './ui/Target/Target.styles.js';
-import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
+import { filterItems } from './utils/filterItems.js';
 import { getItemId } from './utils/getItemId.js';
 import { Inner } from './ui/Inner/Inner.js';
+import { StyledTextField } from './ui/Target/Target.styles.js';
+import { pathReducer } from './reducers/pathReducer.js';
+import { focusedPathReducer } from './reducers/focusedPathReducer.js';
+import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
+import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
 
 var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect"];
 var Context = /*#__PURE__*/createContext({});