@salutejs/plasma-web 1.401.0-canary.1437.10948458812.0 → 1.401.0-canary.1445.10940405865.0

package/api/plasma-web.api.md

@@ -35,7 +35,6 @@ import { AudioPlayerProps } from '@salutejs/plasma-hope';
 import { AvatarGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { AvatarProps } from '@salutejs/plasma-new-hope/styled-components';
 import { BadgeProps } from '@salutejs/plasma-new-hope/styled-components';
-import { BaseAttachProps } from '@salutejs/plasma-new-hope/types/components/Attach/Attach.types';
 import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
 import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
 import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
@@ -81,6 +80,7 @@ import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components
 import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
 import { ChangeEvent } from 'react';
 import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
+import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
 import { ChipProps } from '@salutejs/plasma-new-hope/styled-components';
 import { clearSelection } from '@salutejs/plasma-hope';
 import { closeNotification } from '@salutejs/plasma-new-hope/styled-components';
@@ -391,228 +391,6 @@ export { arrayItemSwapping }
 
 export { AsProps }
 
-// @public
-export const Attach: FunctionComponent<PropsType<    {
-view: {
-default: PolymorphicClassName;
-accent: PolymorphicClassName;
-secondary: PolymorphicClassName;
-clear: PolymorphicClassName;
-success: PolymorphicClassName;
-warning: PolymorphicClassName;
-critical: PolymorphicClassName;
-dark: PolymorphicClassName;
-black: PolymorphicClassName;
-white: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-}> & ((HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
-text?: string | undefined;
-contentLeft?: ReactNode;
-contentPlacing?: ("default" | "relaxed") | undefined;
-isLoading?: boolean | undefined;
-loader?: ReactNode;
-stretch?: boolean | undefined;
-stretching?: ("auto" | "fixed" | "filled") | undefined;
-square?: boolean | undefined;
-focused?: boolean | undefined;
-disabled?: boolean | undefined;
-pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
-view?: string | undefined;
-size?: string | undefined;
-outlined?: boolean | undefined;
-shiftLeft?: boolean | undefined;
-shiftRight?: boolean | undefined;
-blur?: "small" | "medium" | "large" | undefined;
-} & {
-value?: string | number | undefined;
-contentRight?: undefined;
-} & BaseAttachProps & {
-buttonType?: "button" | undefined;
-} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
-text?: string | undefined;
-contentLeft?: ReactNode;
-contentPlacing?: ("default" | "relaxed") | undefined;
-isLoading?: boolean | undefined;
-loader?: ReactNode;
-stretch?: boolean | undefined;
-stretching?: ("auto" | "fixed" | "filled") | undefined;
-square?: boolean | undefined;
-focused?: boolean | undefined;
-disabled?: boolean | undefined;
-pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
-view?: string | undefined;
-size?: string | undefined;
-outlined?: boolean | undefined;
-shiftLeft?: boolean | undefined;
-shiftRight?: boolean | undefined;
-blur?: "small" | "medium" | "large" | undefined;
-} & {
-value?: string | number | undefined;
-contentRight?: undefined;
-} & BaseAttachProps & {
-buttonType?: "button" | undefined;
-} & {
-value?: undefined;
-contentRight?: ReactNode;
-} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
-text?: string | undefined;
-contentLeft?: ReactNode;
-contentPlacing?: ("default" | "relaxed") | undefined;
-isLoading?: boolean | undefined;
-loader?: ReactNode;
-stretch?: boolean | undefined;
-stretching?: ("auto" | "fixed" | "filled") | undefined;
-square?: boolean | undefined;
-focused?: boolean | undefined;
-disabled?: boolean | undefined;
-pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
-view?: string | undefined;
-size?: string | undefined;
-outlined?: boolean | undefined;
-shiftLeft?: boolean | undefined;
-shiftRight?: boolean | undefined;
-blur?: "small" | "medium" | "large" | undefined;
-} & {
-value?: string | number | undefined;
-contentRight?: undefined;
-} & BaseAttachProps & {
-buttonType?: "iconButton" | undefined;
-icon?: ReactNode;
-} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
-text?: string | undefined;
-contentLeft?: ReactNode;
-contentPlacing?: ("default" | "relaxed") | undefined;
-isLoading?: boolean | undefined;
-loader?: ReactNode;
-stretch?: boolean | undefined;
-stretching?: ("auto" | "fixed" | "filled") | undefined;
-square?: boolean | undefined;
-focused?: boolean | undefined;
-disabled?: boolean | undefined;
-pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
-view?: string | undefined;
-size?: string | undefined;
-outlined?: boolean | undefined;
-shiftLeft?: boolean | undefined;
-shiftRight?: boolean | undefined;
-blur?: "small" | "medium" | "large" | undefined;
-} & {
-value?: string | number | undefined;
-contentRight?: undefined;
-} & BaseAttachProps & {
-buttonType?: "iconButton" | undefined;
-icon?: ReactNode;
-} & {
-value?: undefined;
-contentRight?: ReactNode;
-} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
-text?: string | undefined;
-contentLeft?: ReactNode;
-contentPlacing?: ("default" | "relaxed") | undefined;
-isLoading?: boolean | undefined;
-loader?: ReactNode;
-stretch?: boolean | undefined;
-stretching?: ("auto" | "fixed" | "filled") | undefined;
-square?: boolean | undefined;
-focused?: boolean | undefined;
-disabled?: boolean | undefined;
-pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
-view?: string | undefined;
-size?: string | undefined;
-outlined?: boolean | undefined;
-shiftLeft?: boolean | undefined;
-shiftRight?: boolean | undefined;
-blur?: "small" | "medium" | "large" | undefined;
-} & {
-value?: undefined;
-contentRight?: ReactNode;
-} & BaseAttachProps & {
-buttonType?: "button" | undefined;
-} & {
-value?: string | number | undefined;
-contentRight?: undefined;
-} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
-text?: string | undefined;
-contentLeft?: ReactNode;
-contentPlacing?: ("default" | "relaxed") | undefined;
-isLoading?: boolean | undefined;
-loader?: ReactNode;
-stretch?: boolean | undefined;
-stretching?: ("auto" | "fixed" | "filled") | undefined;
-square?: boolean | undefined;
-focused?: boolean | undefined;
-disabled?: boolean | undefined;
-pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
-view?: string | undefined;
-size?: string | undefined;
-outlined?: boolean | undefined;
-shiftLeft?: boolean | undefined;
-shiftRight?: boolean | undefined;
-blur?: "small" | "medium" | "large" | undefined;
-} & {
-value?: undefined;
-contentRight?: ReactNode;
-} & BaseAttachProps & {
-buttonType?: "button" | undefined;
-} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
-text?: string | undefined;
-contentLeft?: ReactNode;
-contentPlacing?: ("default" | "relaxed") | undefined;
-isLoading?: boolean | undefined;
-loader?: ReactNode;
-stretch?: boolean | undefined;
-stretching?: ("auto" | "fixed" | "filled") | undefined;
-square?: boolean | undefined;
-focused?: boolean | undefined;
-disabled?: boolean | undefined;
-pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
-view?: string | undefined;
-size?: string | undefined;
-outlined?: boolean | undefined;
-shiftLeft?: boolean | undefined;
-shiftRight?: boolean | undefined;
-blur?: "small" | "medium" | "large" | undefined;
-} & {
-value?: undefined;
-contentRight?: ReactNode;
-} & BaseAttachProps & {
-buttonType?: "iconButton" | undefined;
-icon?: ReactNode;
-} & {
-value?: string | number | undefined;
-contentRight?: undefined;
-} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
-text?: string | undefined;
-contentLeft?: ReactNode;
-contentPlacing?: ("default" | "relaxed") | undefined;
-isLoading?: boolean | undefined;
-loader?: ReactNode;
-stretch?: boolean | undefined;
-stretching?: ("auto" | "fixed" | "filled") | undefined;
-square?: boolean | undefined;
-focused?: boolean | undefined;
-disabled?: boolean | undefined;
-pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
-view?: string | undefined;
-size?: string | undefined;
-outlined?: boolean | undefined;
-shiftLeft?: boolean | undefined;
-shiftRight?: boolean | undefined;
-blur?: "small" | "medium" | "large" | undefined;
-} & {
-value?: undefined;
-contentRight?: ReactNode;
-} & BaseAttachProps & {
-buttonType?: "iconButton" | undefined;
-icon?: ReactNode;
-} & RefAttributes<HTMLDivElement>))>;
-
 export { AudioPlayer }
 
 export { AudioPlayerProps }
@@ -1082,7 +860,7 @@ xs: PolymorphicClassName;
 };
 }> & (({
 size?: string | undefined;
-view?: string | undefined;
+view: string;
 contentLeft?: ReactNode;
 contentRight?: ReactNode;
 alignContentLeft?: AlignProp | undefined;
@@ -1097,7 +875,7 @@ label?: string | undefined;
 children?: undefined;
 } & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>) | ({
 size?: string | undefined;
-view?: string | undefined;
+view: string;
 contentLeft?: ReactNode;
 contentRight?: ReactNode;
 alignContentLeft?: AlignProp | undefined;
@@ -1178,6 +956,25 @@ true: PolymorphicClassName;
 };
 }> & ChipProps & RefAttributes<HTMLButtonElement>>;
 
+// @public (undocumented)
+export const ChipGroup: FunctionComponent<PropsType<    {
+view: {
+default: PolymorphicClassName;
+secondary: PolymorphicClassName;
+accent: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+gap: {
+dense: PolymorphicClassName;
+wide: PolymorphicClassName;
+};
+}> & ChipGroupProps & RefAttributes<HTMLDivElement>>;
+
 export { ChipProps }
 
 export { clearSelection }

package/components/Cell/Cell.d.ts

@@ -14,7 +14,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
     };
 }> & (({
     size?: string | undefined;
-    view?: string | undefined;
+    view: string;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
     alignContentLeft?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp | undefined;
@@ -29,7 +29,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
     children?: undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     size?: string | undefined;
-    view?: string | undefined;
+    view: string;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
     alignContentLeft?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp | undefined;

package/components/{Attach/Attach.config.d.ts → ChipGroup/ChipGroup.config.d.ts}

@@ -1,21 +1,13 @@
 export declare const config: {
     defaults: {
         view: string;
-        focused: string;
         size: string;
     };
     variations: {
         view: {
             default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            success: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            critical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            black: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            white: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
         size: {
             l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -23,5 +15,9 @@ export declare const config: {
             s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
+        gap: {
+            dense: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            wide: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
     };
 };

package/components/ChipGroup/ChipGroup.config.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default-active);\n            "])), _styledComponents.chipGroupTokens.chipColor, _styledComponents.chipGroupTokens.chipBackground, _styledComponents.chipGroupTokens.chipColorHover, _styledComponents.chipGroupTokens.chipBackgroundHover, _styledComponents.chipGroupTokens.chipColorActive, _styledComponents.chipGroupTokens.chipBackgroundActive),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n            "])), _styledComponents.chipGroupTokens.chipColor, _styledComponents.chipGroupTokens.chipBackground, _styledComponents.chipGroupTokens.chipColorHover, _styledComponents.chipGroupTokens.chipBackgroundHover, _styledComponents.chipGroupTokens.chipColorActive, _styledComponents.chipGroupTokens.chipBackgroundActive),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent-active);\n            "])), _styledComponents.chipGroupTokens.chipColor, _styledComponents.chipGroupTokens.chipBackground, _styledComponents.chipGroupTokens.chipColorHover, _styledComponents.chipGroupTokens.chipBackgroundHover, _styledComponents.chipGroupTokens.chipColorActive, _styledComponents.chipGroupTokens.chipBackgroundActive)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": auto;\n                ", ": 3rem;\n                ", ": 1rem;\n                ", ": 1rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": -0.125rem;\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n                ", ": -0.25rem;\n\n                ", ": 1.02;\n                ", ": 0.98;\n\n                ", ": 1.5rem;\n            "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": auto;\n                ", ": 2.5rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": -0.125rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n                ", ": -0.25rem;\n\n                ", ": 1.02;\n                ", ": 0.98;\n\n                ", ": 1rem;\n            "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.125rem;\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": -0.25rem;\n\n                ", ": 1.02;\n                ", ": 0.98;\n\n                ", ": 1rem;\n            "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 1.5rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.125rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": -0.25rem;\n\n                ", ": 1.02;\n                ", ": 0.98;\n\n                ", ": 1rem;\n            "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize)
+    },
+    gap: {
+      dense: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n            "])), _styledComponents.chipGroupTokens.chipGroupItemsGap),
+      wide: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n            "])), _styledComponents.chipGroupTokens.chipGroupItemsGap)
+    }
+  }
+};

package/components/ChipGroup/ChipGroup.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const ChipGroup: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    gap: {
+        dense: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        wide: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChipGroup = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _ChipGroup = /*#__PURE__*/require("./ChipGroup.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.chipGroupConfig, _ChipGroup.config);
+var ChipGroup = exports.ChipGroup = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);

package/components/ChipGroup/index.d.ts

@@ -0,0 +1 @@
+export { ChipGroup } from './ChipGroup';

package/components/{Attach → ChipGroup}/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Attach", {
+Object.defineProperty(exports, "ChipGroup", {
   enumerable: true,
   get: function get() {
-    return _Attach.Attach;
+    return _ChipGroup.ChipGroup;
   }
 });
-var _Attach = /*#__PURE__*/require("./Attach");
+var _ChipGroup = /*#__PURE__*/require("./ChipGroup");

package/css/cjs/components/ChipGroup/ChipGroup.config.js

@@ -0,0 +1,31 @@
+import './ChipGroup.config_o3u1bd.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": "d1ypmiwn",
+      secondary: "sxaw5dt",
+      accent: "aimo9hk"
+    },
+    size: {
+      l: "l1ecjycw",
+      m: "m9yz770",
+      s: "s9y7l64",
+      xs: "x1v0c462"
+    },
+    gap: {
+      dense: "dp6l87u",
+      wide: "wug1gkx"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=ChipGroup.config.js.map

package/css/cjs/components/ChipGroup/ChipGroup.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.config.js","sources":["../../../../src-css/components/ChipGroup/ChipGroup.config.ts"],"sourcesContent":["import { css, chipGroupTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.chipColor}: var(--inverse-text-primary);\n                ${tokens.chipBackground}: var(--surface-solid-default);\n                ${tokens.chipColorHover}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n                ${tokens.chipColorActive}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n            `,\n            secondary: css`\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n            `,\n            accent: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-accent);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.chipBorderRadius}: 0.75rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 3rem;\n                ${tokens.chipPaddingRight}: 1rem;\n                ${tokens.chipPaddingLeft}: 1rem;\n\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n                ${tokens.chipLeftContentMarginRight}: 0.5rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n                ${tokens.chipScaleHover}: 1.02;\n                ${tokens.chipScaleActive}: 0.98;\n\n                ${tokens.chipCloseIconSize}: 1.5rem;\n            `,\n            m: css`\n                ${tokens.chipBorderRadius}: 0.625rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.5rem;\n                ${tokens.chipPaddingRight}: 0.875rem;\n                ${tokens.chipPaddingLeft}: 0.875rem;\n\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n                ${tokens.chipLeftContentMarginRight}: 0.375rem;\n                ${tokens.chipClearContentMarginLeft}: 0.5rem;\n                ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n                ${tokens.chipScaleHover}: 1.02;\n                ${tokens.chipScaleActive}: 0.98;\n\n                ${tokens.chipCloseIconSize}: 1rem;\n            `,\n            s: css`\n                ${tokens.chipBorderRadius}: 0.5rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2rem;\n                ${tokens.chipPaddingRight}: 0.875rem;\n                ${tokens.chipPaddingLeft}: 0.875rem;\n\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n                ${tokens.chipLeftContentMarginRight}: 0.25rem;\n                ${tokens.chipClearContentMarginLeft}: 0.375rem;\n                ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n                ${tokens.chipScaleHover}: 1.02;\n                ${tokens.chipScaleActive}: 0.98;\n\n                ${tokens.chipCloseIconSize}: 1rem;\n            `,\n            xs: css`\n                ${tokens.chipBorderRadius}: 0.375rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.5rem;\n                ${tokens.chipPaddingRight}: 0.625rem;\n                ${tokens.chipPaddingLeft}: 0.625rem;\n\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n                ${tokens.chipLeftContentMarginRight}: 0.25rem;\n                ${tokens.chipClearContentMarginLeft}: 0.25rem;\n                ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n                ${tokens.chipScaleHover}: 1.02;\n                ${tokens.chipScaleActive}: 0.98;\n\n                ${tokens.chipCloseIconSize}: 1rem;\n            `,\n        },\n        gap: {\n            dense: css`\n                ${tokens.chipGroupItemsGap}: 0.125rem;\n            `,\n            wide: css`\n                ${tokens.chipGroupItemsGap}: 0.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","l","m","s","xs","gap","dense","wide"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAOC,UAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAQT;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAuBA,SAAA;AACDC,MAAAA,CAAC,EAuBA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAwBL;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/cjs/components/ChipGroup/ChipGroup.config_o3u1bd.css

@@ -0,0 +1,9 @@
+.d1ypmiwn{--plasma-chip-group-items-color:var(--inverse-text-primary);--plasma-chip-group-items-background:var(--surface-solid-default);--plasma-chip-group-items-color-hover:var(--inverse-text-primary);--plasma-chip-group-items-background-hover:var(--surface-solid-default-hover);--plasma-chip-group-items-color-active:var(--inverse-text-primary);--plasma-chip-group-items-background-active:var(--surface-solid-default-active);}
+.sxaw5dt{--plasma-chip-group-items-color:var(--text-primary);--plasma-chip-group-items-background:var(--surface-transparent-secondary);--plasma-chip-group-items-color-hover:var(--text-primary);--plasma-chip-group-items-background-hover:var(--surface-transparent-secondary-hover);--plasma-chip-group-items-color-active:var(--text-primary);--plasma-chip-group-items-background-active:var(--surface-transparent-secondary-active);}
+.aimo9hk{--plasma-chip-group-items-color:var(--on-dark-text-primary);--plasma-chip-group-items-background:var(--surface-accent);--plasma-chip-group-items-color-hover:var(--on-dark-text-primary);--plasma-chip-group-items-background-hover:var(--surface-accent-hover);--plasma-chip-group-items-color-active:var(--on-dark-text-primary);--plasma-chip-group-items-background-active:var(--surface-accent-active);}
+.l1ecjycw{--plasma-chip-group-items-border-radius:0.75rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:3rem;--plasma-chip-group-item-padding-right:1rem;--plasma-chip-group-item-padding-left:1rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.5rem;--plasma-chip-group-item-clear-content-margin-left:0.625rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1.5rem;}
+.m9yz770{--plasma-chip-group-items-border-radius:0.625rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:2.5rem;--plasma-chip-group-item-padding-right:0.875rem;--plasma-chip-group-item-padding-left:0.875rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.375rem;--plasma-chip-group-item-clear-content-margin-left:0.5rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
+.s9y7l64{--plasma-chip-group-items-border-radius:0.5rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:2rem;--plasma-chip-group-item-padding-right:0.875rem;--plasma-chip-group-item-padding-left:0.875rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.25rem;--plasma-chip-group-item-clear-content-margin-left:0.375rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
+.x1v0c462{--plasma-chip-group-items-border-radius:0.375rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:1.5rem;--plasma-chip-group-item-padding-right:0.625rem;--plasma-chip-group-item-padding-left:0.625rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.25rem;--plasma-chip-group-item-clear-content-margin-left:0.25rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
+.dp6l87u{--plasma-chip-group-items-gap:0.125rem;}
+.wug1gkx{--plasma-chip-group-items-gap:0.5rem;}

package/css/cjs/components/ChipGroup/ChipGroup.css

@@ -0,0 +1,9 @@
+.ChipGroup_config_o3u1bd_d1ypmiwn__e56ee064{--plasma-chip-group-items-color:var(--inverse-text-primary);--plasma-chip-group-items-background:var(--surface-solid-default);--plasma-chip-group-items-color-hover:var(--inverse-text-primary);--plasma-chip-group-items-background-hover:var(--surface-solid-default-hover);--plasma-chip-group-items-color-active:var(--inverse-text-primary);--plasma-chip-group-items-background-active:var(--surface-solid-default-active);}
+.ChipGroup_config_o3u1bd_sxaw5dt__e56ee064{--plasma-chip-group-items-color:var(--text-primary);--plasma-chip-group-items-background:var(--surface-transparent-secondary);--plasma-chip-group-items-color-hover:var(--text-primary);--plasma-chip-group-items-background-hover:var(--surface-transparent-secondary-hover);--plasma-chip-group-items-color-active:var(--text-primary);--plasma-chip-group-items-background-active:var(--surface-transparent-secondary-active);}
+.ChipGroup_config_o3u1bd_aimo9hk__e56ee064{--plasma-chip-group-items-color:var(--on-dark-text-primary);--plasma-chip-group-items-background:var(--surface-accent);--plasma-chip-group-items-color-hover:var(--on-dark-text-primary);--plasma-chip-group-items-background-hover:var(--surface-accent-hover);--plasma-chip-group-items-color-active:var(--on-dark-text-primary);--plasma-chip-group-items-background-active:var(--surface-accent-active);}
+.ChipGroup_config_o3u1bd_l1ecjycw__e56ee064{--plasma-chip-group-items-border-radius:0.75rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:3rem;--plasma-chip-group-item-padding-right:1rem;--plasma-chip-group-item-padding-left:1rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.5rem;--plasma-chip-group-item-clear-content-margin-left:0.625rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1.5rem;}
+.ChipGroup_config_o3u1bd_m9yz770__e56ee064{--plasma-chip-group-items-border-radius:0.625rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:2.5rem;--plasma-chip-group-item-padding-right:0.875rem;--plasma-chip-group-item-padding-left:0.875rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.375rem;--plasma-chip-group-item-clear-content-margin-left:0.5rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
+.ChipGroup_config_o3u1bd_s9y7l64__e56ee064{--plasma-chip-group-items-border-radius:0.5rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:2rem;--plasma-chip-group-item-padding-right:0.875rem;--plasma-chip-group-item-padding-left:0.875rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.25rem;--plasma-chip-group-item-clear-content-margin-left:0.375rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
+.ChipGroup_config_o3u1bd_x1v0c462__e56ee064{--plasma-chip-group-items-border-radius:0.375rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:1.5rem;--plasma-chip-group-item-padding-right:0.625rem;--plasma-chip-group-item-padding-left:0.625rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.25rem;--plasma-chip-group-item-clear-content-margin-left:0.25rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
+.ChipGroup_config_o3u1bd_dp6l87u__e56ee064{--plasma-chip-group-items-gap:0.125rem;}
+.ChipGroup_config_o3u1bd_wug1gkx__e56ee064{--plasma-chip-group-items-gap:0.5rem;}

package/css/cjs/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var plasmaNewHope = require('@salutejs/plasma-new-hope');
+var ChipGroup_config = require('./ChipGroup.config.js');
+
+var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.chipGroupConfig, ChipGroup_config.config);
+var ChipGroup = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
+
+exports.ChipGroup = ChipGroup;
+//# sourceMappingURL=ChipGroup.js.map

package/css/cjs/components/ChipGroup/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.js","sources":["../../../../src-css/components/ChipGroup/ChipGroup.ts"],"sourcesContent":["import { chipGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ChipGroup.config';\n\nconst mergedConfig = mergeConfig(chipGroupConfig, config);\n\nexport const ChipGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","chipGroupConfig","config","ChipGroup","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;IAE5CC,SAAS,gBAAGC,uBAAS,CAACL,YAAY;;;;"}