@salutejs/plasma-new-hope 0.149.0-canary.1437.10948458812.0 → 0.149.0-canary.1445.10940405865.0

package/cjs/components/Cell/Cell.js

@@ -27,8 +27,7 @@ var cellRoot = function cellRoot(Root) {
       description = _ref.description,
       content = _ref.content,
       _ref$stretching = _ref.stretching,
-      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      className = _ref.className;
+      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
     var stretchingClass = Cell_tokens.classes["".concat(stretching, "Stretching")];
 
     // Импорт  старых свойств
@@ -38,7 +37,7 @@ var cellRoot = function cellRoot(Root) {
       ref: outerRootRef,
       size: size,
       view: view,
-      className: index.cx(stretchingClass, Cell_tokens.classes.cellRoot, className)
+      className: index.cx(stretchingClass, Cell_tokens.classes.cellRoot)
     }, contentLeftDeprecated && /*#__PURE__*/React.createElement(Cell_styles.CellLeft, {
       align: alignContentLeft
     }, contentLeftDeprecated), /*#__PURE__*/React.createElement(Cell_styles.CellContentWrapper, null, /*#__PURE__*/React.createElement(Cell_styles.CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox.CellTextbox, {

package/cjs/components/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n    forwardRef<HTMLDivElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n                className,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            // Импорт  старых свойств\n            const titleText = title || description;\n            const contentLeftDeprecated = contentLeft || content;\n\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.cellRoot, className)}\n                >\n                    {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {titleText || subtitle || label ? (\n                                <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n                            ) : (\n                                children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","className","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n    forwardRef<HTMLDivElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            // Импорт  старых свойств\n            const titleText = title || description;\n            const contentLeftDeprecated = contentLeft || content;\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {titleText || subtitle || label ? (\n                                <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n                            ) : (\n                                children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Chip/Chip.js

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

package/cjs/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/cjs/components/Chip/Chip.tokens.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var classes = {
-  pilled: 'chip-pilled'
+  pilled: 'chip-pilled',
+  chipItem: 'chip-item'
 };
 var tokens = {
   background: '--plasma-chip-background',

package/cjs/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/cjs/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/cjs/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../utils/index.js');
+var ChipGroup_styles = require('./ChipGroup.styles.js');
+var base = require('./variations/_view/base.js');
+var base$1 = require('./variations/_size/base.js');
+var base$2 = require('./variations/_gap/base.js');
+var ChipGroup_tokens = require('./ChipGroup.tokens.js');
+
+var _excluded = ["children", "view", "size", "className", "isWrapped", "gap", "isCommonChipStyles"];
+var chipGroupRoot = function chipGroupRoot(Root) {
+  return /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var overrideStylesClass = isCommonChipStyles ? ChipGroup_tokens.classes.chipGroupOverrideStyles : undefined;
+    var wrappedClass = isWrapped ? ChipGroup_tokens.classes.wrap : undefined;
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: ref,
+      view: view,
+      size: size,
+      gap: gap,
+      className: index.cx(overrideStylesClass, wrappedClass, className)
+    }, rest), children);
+  });
+};
+var chipGroupConfig = {
+  name: 'ChipGroup',
+  tag: 'div',
+  layout: chipGroupRoot,
+  base: ChipGroup_styles.base,
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    },
+    gap: {
+      css: base$2.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm',
+    gap: 'dense'
+  }
+};
+
+exports.chipGroupConfig = chipGroupConfig;
+exports.chipGroupRoot = chipGroupRoot;
+//# sourceMappingURL=ChipGroup.js.map

package/cjs/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,gBAAU,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,iDAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;IAE/G,IAAMC,mBAAmB,GAAGJ,kBAAkB,GAAGK,wBAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;IAC5F,IAAMC,YAAY,GAAGZ,SAAS,GAAGS,wBAAO,CAACI,IAAI,GAAGF,SAAS,CAAA;AAEzD,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,iCAAA,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,QAAE,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,qBAAI;AACJC,EAAAA,UAAU,EAAE;AACR1B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD3B,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDxB,IAAAA,GAAG,EAAE;AACDsB,MAAAA,GAAG,EAAEG,WAAAA;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/cjs/components/ChipGroup/ChipGroup.styles.js

@@ -0,0 +1,9 @@
+import './ChipGroup.styles_1l3nd6v.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bzgm0e4";
+
+exports.base = base;
+//# sourceMappingURL=ChipGroup.styles.js.map

package/cjs/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/cjs/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/cjs/components/ChipGroup/ChipGroup.tokens.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=ChipGroup.tokens.js.map

package/cjs/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/cjs/components/{Attach/variations/_size → ChipGroup/variations/_gap}/base.js

@@ -1,9 +1,9 @@
-import './base_eax0b8.css';
+import './base_vhoe9f.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1pj1390";
+var base = "b5zwimg";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/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/cjs/components/ChipGroup/variations/_gap/base_vhoe9f.css

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

package/cjs/components/{Attach/variations/_view → ChipGroup/variations/_size}/base.js

@@ -1,9 +1,9 @@
-import './base_1nvsg1b.css';
+import './base_eu60ye.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b438e2d";
+var base = "b8we6fx";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/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/cjs/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/cjs/components/ChipGroup/variations/_view/base.js

@@ -0,0 +1,9 @@
+import './base_122089q.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "brey5rj";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/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/cjs/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/cjs/index.css

@@ -57,6 +57,14 @@
 .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
 .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
+.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);}
+
 .Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
 
 .base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
@@ -680,18 +688,3 @@
 .base_11fpjfv_b14xop9w__3f9dd444 .base_11fpjfv_e1fh2i5t__3f9dd444{background:var( --plasma-editable-icon-background, linear-gradient(270deg,var(--plasma-editable-edit-button-background) 70%,rgba(0,0,0,0) 120%) );color:var(--plasma-editable-edit-button-color);}.base_11fpjfv_b14xop9w__3f9dd444:hover > .base_11fpjfv_e1fh2i5t__3f9dd444{color:var(--plasma-editable-edit-button-color-hover);}
 
 .base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_e1fh2i5t__a3c52690{padding-left:var(--plasma-editable-edit-button-padding-left);}.base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_editableTextBox__a3c52690{margin-right:var(--plasma-editable-text-box-margin-right);padding-right:var(--plasma-editable-text-box-padding-right);}
-
-.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_horizontal__bf96e72c{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_vertical__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_auto__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}
-
-.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_horizontal__83d45116{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_vertical__83d45116{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_auto__83d45116{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-
-.Attach_styles_fl8wha_by826kf__6f4ae4c2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Attach_styles_fl8wha_sw7vb9c__6f4ae4c2{display:none;}
-.Attach_styles_fl8wha_suojwhg__6f4ae4c2{position:absolute;visibility:hidden;font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}
-
-.Cell_styles_69w962_si1k6gv__a96d6b9b{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_69w962_si1k6gv__a96d6b9b.Cell_styles_69w962_cellHidden__a96d6b9b{visibility:hidden;}
-
-.Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
-
-.IconButton_styles_1q2jfs2_s15ptif0__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
-.IconButton_styles_1q2jfs2_shuaj1a__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}

package/cjs/index.js

@@ -32,6 +32,8 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
 var Breadcrumbs_tokens = require('./components/Breadcrumbs/Breadcrumbs.tokens.js');
 var Chip = require('./components/Chip/Chip.js');
 var Chip_tokens = require('./components/Chip/Chip.tokens.js');
+var ChipGroup = require('./components/ChipGroup/ChipGroup.js');
+var ChipGroup_tokens = require('./components/ChipGroup/ChipGroup.tokens.js');
 var CellTextboxLabel = require('./components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js');
 var CellTextboxTitle = require('./components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js');
 var CellTextboxSubtitle = require('./components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js');
@@ -189,8 +191,6 @@ var EmptyState = require('./components/EmptyState/EmptyState.js');
 var EmptyState_tokens = require('./components/EmptyState/EmptyState.tokens.js');
 var Editable = require('./components/Editable/Editable.js');
 var Editable_tokens = require('./components/Editable/Editable.tokens.js');
-var Attach = require('./components/Attach/Attach.js');
-var Attach_tokens = require('./components/Attach/Attach.tokens.js');
 var common = require('./engines/common.js');
 var canUseDOM = require('./utils/canUseDOM.js');
 var extractTextFrom = require('./utils/extractTextFrom.js');
@@ -304,7 +304,12 @@ exports.breadcrumbsClasses = Breadcrumbs_tokens.classes;
 exports.breadcrumbsTokens = Breadcrumbs_tokens.tokens;
 exports.chipConfig = Chip.chipConfig;
 exports.chipRoot = Chip.chipRoot;
+exports.chipClasses = Chip_tokens.classes;
 exports.chipTokens = Chip_tokens.tokens;
+exports.chipGroupConfig = ChipGroup.chipGroupConfig;
+exports.chipGroupRoot = ChipGroup.chipGroupRoot;
+exports.chipGroupClasses = ChipGroup_tokens.classes;
+exports.chipGroupTokens = ChipGroup_tokens.tokens;
 exports.CellTextboxLabel = CellTextboxLabel.CellTextboxLabel;
 exports.CellTextboxTitle = CellTextboxTitle.CellTextboxTitle;
 exports.CellTextboxSubtitle = CellTextboxSubtitle.CellTextboxSubtitle;
@@ -561,9 +566,6 @@ exports.emptyStateTokens = EmptyState_tokens.tokens;
 exports.editableConfig = Editable.editableConfig;
 exports.editableRoot = Editable.editableRoot;
 exports.editableTokens = Editable_tokens.tokens;
-exports.attachConfig = Attach.attachConfig;
-exports.attachRoot = Attach.attachRoot;
-exports.attachTokens = Attach_tokens.tokens;
 exports.component = common.component;
 exports.mergeConfig = common.mergeConfig;
 exports.canUseDOM = canUseDOM.canUseDOM;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/emotion/cjs/components/Cell/Cell.js

@@ -31,8 +31,7 @@ var cellRoot = exports.cellRoot = function cellRoot(Root) {
       description = _ref.description,
       content = _ref.content,
       _ref$stretching = _ref.stretching,
-      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      className = _ref.className;
+      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
     var stretchingClass = _Cell2.classes["".concat(stretching, "Stretching")];
 
     // Импорт  старых свойств
@@ -42,7 +41,7 @@ var cellRoot = exports.cellRoot = function cellRoot(Root) {
       ref: outerRootRef,
       size: size,
       view: view,
-      className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot, className)
+      className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot)
     }, contentLeftDeprecated && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
       align: alignContentLeft
     }, contentLeftDeprecated), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, titleText || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextbox, {

package/emotion/cjs/components/Chip/Chip.js

@@ -60,7 +60,7 @@ var chipRoot = exports.chipRoot = function chipRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       type: "button",
       ref: ref,
-      className: (0, _utils.cx)(pilledClass, className),
+      className: (0, _utils.cx)(pilledClass, _Chip2.classes.chipItem, className),
       tabIndex: readOnly ? -1 : 0,
       onClick: handleClick,
       disabled: disabled,

package/emotion/cjs/components/Chip/Chip.tokens.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
-  pilled: 'chip-pilled'
+  pilled: 'chip-pilled',
+  chipItem: 'chip-item'
 };
 var tokens = exports.tokens = {
   background: '--plasma-chip-background',

package/emotion/cjs/components/Chip/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "chipClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Chip2.classes;
+  }
+});
 Object.defineProperty(exports, "chipConfig", {
   enumerable: true,
   get: function get() {