@salutejs/plasma-new-hope 0.151.1-canary.30.11048447180.0 → 0.152.0-canary.1445.11027864145.0

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/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;}

package/es/index.js

@@ -27,7 +27,9 @@ export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './co
 export { breadcrumbsConfig, breadcrumbsRoot } from './components/Breadcrumbs/Breadcrumbs.js';
 export { classes as breadcrumbsClasses, tokens as breadcrumbsTokens } from './components/Breadcrumbs/Breadcrumbs.tokens.js';
 export { chipConfig, chipRoot } from './components/Chip/Chip.js';
-export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
+export { classes as chipClasses, tokens as chipTokens } from './components/Chip/Chip.tokens.js';
+export { chipGroupConfig, chipGroupRoot } from './components/ChipGroup/ChipGroup.js';
+export { classes as chipGroupClasses, tokens as chipGroupTokens } from './components/ChipGroup/ChipGroup.tokens.js';
 export { CellTextboxLabel } from './components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js';
 export { CellTextboxTitle } from './components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js';
 export { CellTextboxSubtitle } from './components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js';

package/es/index.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.151.1-canary.30.11048447180.0",
-  "description": "Salute Design System blueprint ",
+  "version": "0.152.0-canary.1445.11027864145.0",
+  "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
   "types": "types/index.d.ts",
@@ -80,7 +80,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.178.1-canary.30.11048447180.0",
+    "@salutejs/plasma-sb-utils": "0.178.0",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addons": "^7.6.17",
@@ -114,7 +114,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.180.1-canary.30.11048447180.0",
+    "@salutejs/plasma-core": "1.180.0",
     "@salutejs/react-maskinput": "3.2.6",
     "dayjs": "1.11.11",
     "focus-visible": "5.2.0",
@@ -123,5 +123,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "6d2db3d645cfd4ad9a15f887293f7276ca75587f"
+  "gitHead": "029cc3002364c519c00c93d8e08191947ecdaba6"
 }

package/styled-components/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/styled-components/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/styled-components/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() {

package/styled-components/cjs/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,65 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chipGroupRoot = exports.chipGroupConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../utils");
+var _ChipGroup = /*#__PURE__*/require("./ChipGroup.styles");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _base3 = /*#__PURE__*/require("./variations/_gap/base");
+var _ChipGroup2 = /*#__PURE__*/require("./ChipGroup.tokens");
+var _excluded = ["children", "view", "size", "className", "isWrapped", "gap", "isCommonChipStyles"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var chipGroupRoot = exports.chipGroupRoot = function chipGroupRoot(Root) {
+  return /*#__PURE__*/(0, _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 = _objectWithoutProperties(props, _excluded);
+    var overrideStylesClass = isCommonChipStyles ? _ChipGroup2.classes.chipGroupOverrideStyles : undefined;
+    var wrappedClass = isWrapped ? _ChipGroup2.classes.wrap : undefined;
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: ref,
+      view: view,
+      size: size,
+      gap: gap,
+      className: (0, _utils.cx)(overrideStylesClass, wrappedClass, className)
+    }, rest), children);
+  });
+};
+var chipGroupConfig = exports.chipGroupConfig = {
+  name: 'ChipGroup',
+  tag: 'div',
+  layout: chipGroupRoot,
+  base: _ChipGroup.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    },
+    gap: {
+      css: _base3.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm',
+    gap: 'dense'
+  }
+};

package/styled-components/cjs/components/ChipGroup/ChipGroup.styles.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _ChipGroup = /*#__PURE__*/require("./ChipGroup.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-flex;&.", "{flex-wrap:wrap;}"], _ChipGroup.classes.wrap);

package/styled-components/cjs/components/ChipGroup/ChipGroup.template-doc.mdx

@@ -0,0 +1,93 @@
+---
+id: chipGroup
+title: ChipGroup
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+# ChipGroup
+<Description name="ChipGroup" />
+<PropsTable name="ChipGroup" exclude={['css']} />
+
+## Использование
+Компонент `ChipGroup` - это обертка для Chip. Принимает в себя группу элементов.
+
+```tsx live
+import React from 'react';
+import { ChipGroup, Chip } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <ChipGroup>
+            {Array(5)
+                .fill(true)
+                .map((_, i) => (
+                    <Chip text={`Chip ${i}`} />
+                ))}
+        </ChipGroup>
+    );
+}
+```
+
+## Примеры
+
+### Размер и вид группы Chip
+Размер и вид группы элементов задается с помощью свойств `size` и `view` соответственно.
+С помощью свойства `isCommonChipStyles` можно отключить переопределение стилей для всех элементов внутри группы. 
+Тогда каждый элемент будет иметь настраиваемый размер и вид. 
+
+```tsx live
+import React from 'react';
+import { ChipGroup, Chip } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <ChipGroup size="s" view="secondary">
+                {Array(5)
+                    .fill(true)
+                    .map((_, i) => (
+                        <Chip text={`Chip ${i}`} />
+                    ))}
+            </ChipGroup>
+            
+            <ChipGroup isCommonChipStyles={false}>
+                <Chip size="m" text="Default" />
+                <Chip size="s" text="Secondary" view="secondary" />
+                <Chip size="xs" text="Accent" view="accent" />
+            </ChipGroup>
+        </div>
+    );
+}
+```
+
+### Отступы между Chip
+
+Группа элементов имеет два вида отступов:
+
+```tsx live
+import React from 'react';
+import { ChipGroup, Chip } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <ChipGroup size="xs" gap="dense">
+                {Array(5)
+                    .fill(true)
+                    .map((_, i) => (
+                        <Chip text={`Chip ${i}`} />
+                    ))}
+            </ChipGroup>
+
+            <ChipGroup size="xs" gap="wide">
+                {Array(5)
+                    .fill(true)
+                    .map((_, i) => (
+                        <Chip text={`Chip ${i}`} />
+                    ))}
+            </ChipGroup>
+        </div>
+    );
+}
+```

package/styled-components/cjs/components/ChipGroup/ChipGroup.tokens.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  chipGroupOverrideStyles: 'chip-group-override-styles',
+  dense: 'chip-group-gap-dense',
+  wide: 'chip-group-gap-wide',
+  wrap: 'chip-group-wrap'
+};
+var tokens = exports.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'
+};

package/styled-components/cjs/components/ChipGroup/ChipGroup.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/ChipGroup/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "chipGroupClasses", {
+  enumerable: true,
+  get: function get() {
+    return _ChipGroup2.classes;
+  }
+});
+Object.defineProperty(exports, "chipGroupConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ChipGroup.chipGroupConfig;
+  }
+});
+Object.defineProperty(exports, "chipGroupRoot", {
+  enumerable: true,
+  get: function get() {
+    return _ChipGroup.chipGroupRoot;
+  }
+});
+Object.defineProperty(exports, "chipGroupTokens", {
+  enumerable: true,
+  get: function get() {
+    return _ChipGroup2.tokens;
+  }
+});
+var _ChipGroup = /*#__PURE__*/require("./ChipGroup");
+var _ChipGroup2 = /*#__PURE__*/require("./ChipGroup.tokens");

package/styled-components/cjs/components/ChipGroup/variations/_gap/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _ChipGroup = /*#__PURE__*/require("../../ChipGroup.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["gap:var(", ");"], _ChipGroup.tokens.chipGroupItemsGap);

package/styled-components/cjs/components/ChipGroup/variations/_gap/tokens.json

@@ -0,0 +1 @@
+["--plasma-chip-group-items-gap"]

package/styled-components/cjs/components/ChipGroup/variations/_size/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _ChipGroup = /*#__PURE__*/require("../../ChipGroup.tokens");
+var _Chip = /*#__PURE__*/require("../../../Chip");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _ChipGroup.classes.chipGroupOverrideStyles, _Chip.chipClasses.chipItem, _Chip.chipTokens.height, _ChipGroup.tokens.chipHeight, _Chip.chipTokens.width, _ChipGroup.tokens.chipWidth, _Chip.chipTokens.borderRadius, _ChipGroup.tokens.chipBorderRadius, _Chip.chipTokens.paddingTop, _ChipGroup.tokens.chipPaddingTop, _Chip.chipTokens.paddingRight, _ChipGroup.tokens.chipPaddingRight, _Chip.chipTokens.paddingBottom, _ChipGroup.tokens.chipPaddingBottom, _Chip.chipTokens.paddingLeft, _ChipGroup.tokens.chipPaddingLeft, _Chip.chipTokens.closeIconSize, _ChipGroup.tokens.chipCloseIconSize, _Chip.chipTokens.fontFamily, _ChipGroup.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _ChipGroup.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _ChipGroup.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _ChipGroup.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _ChipGroup.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _ChipGroup.tokens.chipLineHeight, _Chip.chipTokens.leftContentMarginLeft, _ChipGroup.tokens.chipLeftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _ChipGroup.tokens.chipLeftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _ChipGroup.tokens.chipRightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _ChipGroup.tokens.chipRightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _ChipGroup.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _ChipGroup.tokens.chipClearContentMarginRight);

package/styled-components/cjs/components/ChipGroup/variations/_size/tokens.json

@@ -0,0 +1,22 @@
+[
+    "--plasma-chip-group-item-height",
+    "--plasma-chip-group-item-width",
+    "--plasma-chip-group-item-border-radius",
+    "--plasma-chip-group-item-padding-top",
+    "--plasma-chip-group-item-padding-right",
+    "--plasma-chip-group-item-padding-bottom",
+    "--plasma-chip-group-item-padding-left",
+    "--plasma-chip-group-item-close-icon-size",
+    "--plasma-chip-group-item-font-family",
+    "--plasma-chip-group-item-font-size",
+    "--plasma-chip-group-item-font-style",
+    "--plasma-chip-group-item-font-weight",
+    "--plasma-chip-group-item-letter-spacing",
+    "--plasma-chip-group-item-line-height",
+    "--plasma-chip-group-item-left-content-margin-left",
+    "--plasma-chip-group-item-left-content-margin-right",
+    "--plasma-chip-group-item-right-content-margin-left",
+    "--plasma-chip-group-item-right-content-margin-right",
+    "--plasma-chip-group-item-clear-content-margin-left",
+    "--plasma-chip-group-item-clear-content-margin-right"
+]