@salutejs/plasma-new-hope 0.195.2-canary.1580.11946918297.0 → 0.196.0-canary.1556.11950950085.0

package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -25,9 +25,10 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
     multiselect = _ref.multiselect,
     value = _ref.value,
     label = _ref.label,
+    labelPlacement = _ref.labelPlacement,
+    hasPlaceholder = _ref.hasPlaceholder,
     placeholder = _ref.placeholder,
     onKeyDown = _ref.onKeyDown,
-    labelPlacement = _ref.labelPlacement,
     size = _ref.size,
     view = _ref.view,
     handleClickArrow = _ref.handleClickArrow,
@@ -89,10 +90,16 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
     value: multiselect ? undefined : ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || '',
     size: size,
     view: view,
-    chipView: chipView,
+    chipView: chipView
+  }, labelPlacement === 'inner' ? {
+    label: label,
     labelPlacement: labelPlacement,
-    disabled: disabled,
+    hasPlaceholder: hasPlaceholder
+  } : {
     label: label,
+    labelPlacement: labelPlacement
+  }, {
+    disabled: disabled,
     placeholder: value instanceof Array && value.length ? '' : placeholder,
     contentLeft: contentLeft,
     contentRight: /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, {

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

@@ -23,7 +23,7 @@ var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
 var _ui = /*#__PURE__*/require("./ui");
 var _hooks2 = /*#__PURE__*/require("./hooks");
 var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "hasPlaceholder", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 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); }
@@ -48,6 +48,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       contentRight = _ref.contentRight,
       label = _ref.label,
       labelPlacement = _ref.labelPlacement,
+      hasPlaceholder = _ref.hasPlaceholder,
       textBefore = _ref.textBefore,
       textAfter = _ref.textAfter,
       placeholder = _ref.placeholder,
@@ -123,10 +124,10 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
     var hasLabelValue = Boolean(label);
     var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
     var hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;
-    var hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;
+    var innerHasPlaceholder = Boolean(placeholder) && (hasPlaceholder || !hasInnerLabel);
     var innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;
     var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
-    var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
+    var innerPlaceholderValue = innerHasPlaceholder ? placeholder : undefined;
     var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
     var clearClass = clear ? _TextField2.classes.clear : undefined;
     var hasDividerClass = hasDivider ? _TextField2.classes.hasDivider : undefined;
@@ -134,6 +135,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
     var requiredPlacementClass = requiredPlacement === 'right' ? _TextField2.classes.requiredAlignRight : undefined;
     var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
     var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
+    var hasPlaceholderClass = innerHasPlaceholder && placeholderShown && _TextField2.classes.forcePlaceholder;
     var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
     var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
     var hintRef = (0, _hooks.useOutsideClick)(function () {
@@ -342,7 +344,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       "aria-labelledby": labelId,
       "aria-describedby": helperTextId,
       placeholder: innerPlaceholderValue,
-      className: (0, _utils.cx)(hasValueClass),
+      className: (0, _utils.cx)(hasValueClass, hasPlaceholderClass),
       disabled: disabled,
       readOnly: !disabled && readOnly,
       onInput: handleInput,
@@ -351,7 +353,9 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
     }, rest)), hasInnerLabel && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
       id: labelId,
       htmlFor: innerId
-    }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/_react["default"].createElement(_TextField.InputPlaceholder, null, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/_react["default"].createElement(_TextField.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_TextField.LeftHelper, {
+    }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/_react["default"].createElement(_TextField.InputPlaceholder, {
+      hasPadding: hasPlaceholder && size !== 'xs'
+    }, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/_react["default"].createElement(_TextField.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_TextField.LeftHelper, {
       id: helperTextId
     }, leftHelper));
   });

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

@@ -31,11 +31,14 @@ var InputContainer = exports.InputContainer = /*#__PURE__*/_styledComponents["de
 })(["position:relative;flex:1;min-width:60%;"]);
 var InputPlaceholder = exports.InputPlaceholder = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-6"
-})(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");"], _TextField.tokens.placeholderColor);
+})(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");padding:", ";"], _TextField.tokens.placeholderColor, function (_ref) {
+  var hasPadding = _ref.hasPadding;
+  return hasPadding ? "var(".concat(_TextField.tokens.contentLabelInnerPadding, ")") : '0';
+});
 var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-7"
-})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
-  var isInnerLabel = _ref.isInnerLabel;
+})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref2) {
+  var isInnerLabel = _ref2.isInnerLabel;
   return isInnerLabel ? "var(".concat(_TextField.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextField.tokens.labelOffset, ")");
 });
 var TitleCaption = exports.TitleCaption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
@@ -49,9 +52,9 @@ var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.with
 })(["display:inline-flex;"]);
 var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-11"
-})(["margin:var(", ");color:", ";line-height:0;"], _TextField.tokens.leftContentMargin, function (_ref2) {
-  var isDefaultView = _ref2.isDefaultView,
-    isClear = _ref2.isClear;
+})(["margin:var(", ");color:", ";line-height:0;"], _TextField.tokens.leftContentMargin, function (_ref3) {
+  var isDefaultView = _ref3.isDefaultView,
+    isClear = _ref3.isClear;
   return !isDefaultView && isClear ? "var(".concat(_TextField.tokens.clearColor, ")") : "var(".concat(_TextField.tokens.contentSlotColor, ")");
 });
 var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({

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

@@ -7,6 +7,7 @@ exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
   hasChips: 'has-chips',
   hasValue: 'has-value',
+  forcePlaceholder: 'force-placeholder',
   hasEmptyContentLeft: 'has-empty-content-left',
   hasEmptyContentRight: 'has-empty-content-right',
   innerLabelPlacement: 'label-placement-inner',

package/styled-components/cjs/components/TextField/variations/_label-placement/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.forcePlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);

package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx

@@ -24,7 +24,7 @@ type AccordionItemCustomProps = {
 type AccordionProps = ComponentProps<typeof Accordion> & AccordionItemCustomProps;
 
 const meta: Meta<AccordionProps> = {
-    title: 'b2c/Data Display/Accordion',
+    title: 'plasma_b2c/Accordion',
     decorators: [WithTheme],
     component: Accordion,
     args: {

package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx

@@ -47,7 +47,7 @@ type StoryAttachProps = ComponentProps<typeof Attach> & {
 };
 
 const meta: Meta<StoryAttachProps> = {
-    title: 'b2c/Data Entry/Attach',
+    title: 'plasma_b2c/Attach',
     decorators: [WithTheme],
     component: Attach,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx

@@ -70,7 +70,7 @@ type StoryProps = ComponentProps<typeof Autocomplete> & {
 };
 
 const meta: Meta<StoryProps> = {
-    title: 'b2c/Data Entry/Autocomplete',
+    title: 'plasma_b2c/Autocomplete',
     decorators: [WithTheme],
     component: Autocomplete,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx

@@ -7,7 +7,7 @@ import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 import { Avatar, mergedConfig } from './Avatar';
 
 const meta: Meta<typeof Avatar> = {
-    title: 'b2c/Data Display/Avatar',
+    title: 'plasma_b2c/Avatar',
     decorators: [WithTheme],
     component: Avatar,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/AvatarGroup/AvatarGroup.stories.tsx

@@ -11,7 +11,7 @@ type Story = StoryObj<ComponentProps<typeof AvatarGroup>>;
 type Avatar = ComponentProps<typeof Avatar>;
 
 const meta: Meta<typeof AvatarGroup> = {
-    title: 'b2c/Data Display/AvatarGroup',
+    title: 'plasma_b2c/AvatarGroup',
     decorators: [WithTheme],
     component: AvatarGroup,
 };

package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx

@@ -7,7 +7,7 @@ import { WithTheme } from '../../../_helpers';
 import { Badge } from './Badge';
 
 const meta: Meta<typeof Badge> = {
-    title: 'b2c/Data Display/Badge',
+    title: 'plasma_b2c/Badge',
     component: Badge,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -13,7 +13,7 @@ import { Breadcrumbs } from './Breadcrumbs';
 type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
 
 const meta: Meta<BreadcrumbsProps> = {
-    title: 'b2c/Navigation/Breadcrumbs',
+    title: 'plasma_b2c/Breadcrumbs',
     decorators: [WithTheme],
     component: Breadcrumbs,
     args: {

package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx

@@ -24,7 +24,7 @@ const pinValues = [
 const contentPlacinValues = ['default', 'relaxed'];
 
 const meta: Meta<typeof Button> = {
-    title: 'b2c/Data Entry/Button',
+    title: 'plasma_b2c/Button',
     decorators: [WithTheme],
     component: Button,
     args: {

package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx

@@ -19,7 +19,7 @@ const shapeValues = ['segmented', 'default'];
 const stretchingValues = ['auto', 'filled'];
 
 const meta: Meta<typeof ButtonGroup> = {
-    title: 'b2c/Data Entry/ButtonGroup',
+    title: 'plasma_b2c/ButtonGroup',
     decorators: [WithTheme],
     argTypes: {
         size: {

package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx

@@ -13,7 +13,7 @@ import { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoub
 const onChangeValue = action('onChangeValue');
 
 const meta: Meta<typeof CalendarBase> = {
-    title: 'b2c/Data Entry/Calendar',
+    title: 'plasma_b2c/Calendar',
     decorators: [WithTheme],
     argTypes: {
         min: {

package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx

@@ -33,7 +33,7 @@ const getSize = (size: SizesCell): SizesAvatar => {
 };
 
 const meta: Meta<typeof Cell> = {
-    title: 'b2c/Data Display/Cell',
+    title: 'plasma_b2c/Cell',
     decorators: [WithTheme],
     argTypes: {
         size: {

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx

@@ -16,7 +16,7 @@ const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 
 const meta: Meta<typeof Checkbox> = {
-    title: 'b2c/Data Entry/Checkbox',
+    title: 'plasma_b2c/Checkbox',
     decorators: [WithTheme],
     component: Checkbox,
     argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),

package/styled-components/cjs/examples/plasma_b2c/components/Chip/Chip.stories.tsx

@@ -13,7 +13,7 @@ import { Chip } from './Chip';
 const onClear = action('onClear');
 
 const meta: Meta<typeof Chip> = {
-    title: 'b2c/Data Display/Chip',
+    title: 'plasma_b2c/Chip',
     decorators: [WithTheme],
     component: Chip,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx

@@ -16,7 +16,7 @@ const sizes = ['l', 'm', 's', 'xs'];
 const gapValues = ['dense', 'wide'];
 
 const meta: Meta<typeof ChipGroup> = {
-    title: 'b2c/Data Display/ChipGroup',
+    title: 'plasma_b2c/ChipGroup',
     decorators: [WithTheme],
     argTypes: {
         size: {

package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx

@@ -17,7 +17,7 @@ const labelPlacement = ['inner', 'outer'];
 const variant = ['normal', 'tight'];
 
 const meta: Meta<StorySelectProps> = {
-    title: 'b2c/Data Entry/Combobox',
+    title: 'plasma_b2c/Combobox',
     decorators: [WithTheme],
     component: Combobox,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.stories.tsx

@@ -25,7 +25,7 @@ type StorySelectPropsCustom = {
 type StorySelectProps = ComponentProps<typeof Combobox> & StorySelectPropsCustom;
 
 const meta: Meta<StorySelectProps> = {
-    title: 'b2c/Data Entry/Combobox',
+    title: 'plasma_b2c/Combobox',
     decorators: [WithTheme],
     component: Combobox,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Counter/Counter.stories.tsx

@@ -9,7 +9,7 @@ const sizes = ['l', 'm', 's', 'xs', 'xxs'];
 const views = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
 
 const meta: Meta<typeof Counter> = {
-    title: 'b2c/Data Display/Counter',
+    title: 'plasma_b2c/Counter',
     component: Counter,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -22,7 +22,7 @@ const dividers = ['none', 'dash', 'icon'];
 const labelPlacements = ['outer', 'inner'];
 
 const meta: Meta = {
-    title: 'b2c/Data Entry/DatePicker',
+    title: 'plasma_b2c/DatePicker',
     decorators: [WithTheme],
     argTypes: {
         view: {

package/styled-components/cjs/examples/plasma_b2c/components/Divider/Divider.stories.tsx

@@ -9,7 +9,7 @@ import { bodyS } from '../../../../mixins';
 import { Divider } from './Divider';
 
 const meta: Meta<typeof Divider> = {
-    title: 'b2c/Data Display/Divider',
+    title: 'plasma_b2c/Divider',
     decorators: [WithTheme],
     argTypes: {
         orientation: {

package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx

@@ -14,7 +14,7 @@ import type { ClosePlacementType } from '../../../../components/Drawer';
 import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
 
 export default {
-    title: 'b2c/Overlay/Divider',
+    title: 'plasma_b2c/Drawer',
     decorators: [WithTheme],
     argTypes: {
         placement: {

package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx

@@ -17,7 +17,7 @@ const size = ['xs', 's', 'm', 'l'];
 const variant = ['normal', 'tight'];
 
 const meta: Meta<StoryDropdownProps> = {
-    title: 'b2c/Data Entry/Dropdown',
+    title: 'plasma_b2c/Dropdown',
     decorators: [WithTheme],
     component: Dropdown,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx

@@ -11,7 +11,7 @@ import { Editable, typographyVariants } from './Editable';
 const iconSizes = ['s', 'xs'] as const;
 
 const meta: Meta<typeof Editable> = {
-    title: 'b2c/Data Entry/Editable',
+    title: 'plasma_b2c/Editable',
     decorators: [WithTheme],
     component: Editable,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx

@@ -14,7 +14,7 @@ type StoryProps = ComponentProps<typeof EmptyState> & {
 };
 
 const meta: Meta<StoryProps> = {
-    title: 'b2c/Data Entry/EmptyState',
+    title: 'plasma_b2c/EmptyState',
     decorators: [WithTheme],
     component: EmptyState,
     args: {

package/styled-components/cjs/examples/plasma_b2c/components/Grid/Grid.stories.tsx

@@ -7,7 +7,7 @@ import { WithTheme } from '../../../_helpers';
 import { Col, Grid, Row } from './Grid';
 
 const meta: Meta = {
-    title: 'b2c/Layout/Grid',
+    title: 'plasma_b2c/Grid',
     decorators: [WithTheme],
 };
 

package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx

@@ -11,7 +11,7 @@ import { config } from './IconButton.config';
 import { IconButton } from './IconButton';
 
 const meta: Meta<typeof IconButton> = {
-    title: 'b2c/Data Entry/IconButton',
+    title: 'plasma_b2c/IconButton',
     decorators: [WithTheme],
     component: IconButton,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Image/Image.stories.tsx

@@ -10,7 +10,7 @@ const bases = ['div', 'img'];
 const ratios = ['1/1', '3/4', '4/3', '9/16', '16/9', '1/2', '2/1'];
 
 const meta: Meta<ImageProps> = {
-    title: 'b2c/Data Display/Image',
+    title: 'plasma_b2c/Image',
     component: Image,
     decorators: [InSpacingDecorator],
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Indicator/Indicator.stories.tsx

@@ -6,7 +6,7 @@ import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 import { Indicator, mergedConfig } from './Indicator';
 
 const meta: Meta<typeof Indicator> = {
-    title: 'b2c/Data Display/Indicator',
+    title: 'plasma_b2c/Indicator',
     decorators: [WithTheme],
     component: Indicator,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.stories.tsx

@@ -10,7 +10,7 @@ import { config } from './Link.config';
 import { Link } from './Link';
 
 const meta: Meta<typeof Link> = {
-    title: 'b2c/Navigation/Link',
+    title: 'plasma_b2c/Link',
     decorators: [WithTheme],
     component: Link,
     argTypes: argTypesFromConfig(mergeConfig(linkConfig, config)),

package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx

@@ -13,7 +13,7 @@ const sizes = ['l', 'm', 's', 'xs'];
 const views = ['default', 'positive', 'warning', 'negative'];
 
 const meta: Meta<typeof Mask> = {
-    title: 'b2c/Data Display/Mask',
+    title: 'plasma_b2c/Mask',
     component: Mask,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx

@@ -12,7 +12,7 @@ import { WithTheme } from '../../../_helpers';
 import { Modal, modalClasses } from './Modal';
 
 export default {
-    title: 'b2c/Overlay/Modal',
+    title: 'plasma_b2c/Modal',
     decorators: [WithTheme],
     parameters: {
         docs: { story: { inline: false, iframeHeight: '30rem' } },

package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx

@@ -37,7 +37,7 @@ const getNotificationProps = (i: number) => ({
 const placements = ['top', 'left'];
 
 const meta: Meta<NotificationProps> = {
-    title: 'b2c/Overlay/Notification',
+    title: 'plasma_b2c/Notification',
     decorators: [WithTheme],
 };
 

package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx

@@ -17,7 +17,7 @@ const inputBackgroundTypes = ['fill', 'clear'];
 const segmentation = ['default', 'segmented', 'solid'];
 
 const meta: Meta<typeof NumberInput> = {
-    title: 'b2c/Data Entry/NumberInput',
+    title: 'plasma_b2c/NumberInput',
     component: NumberInput,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx

@@ -14,7 +14,7 @@ const onOverlayClick = action('onOverlayClick');
 type StoryOverlayProps = ComponentProps<typeof Overlay>;
 
 const meta: Meta<StoryOverlayProps> = {
-    title: 'b2c/Overlay/Overlay',
+    title: 'plasma_b2c/Overlay',
     decorators: [WithTheme],
     argTypes: {
         isClickable: {

package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx

@@ -8,7 +8,7 @@ import { Button } from '../Button/Button';
 import { Pagination } from './Pagination';
 
 const meta: Meta<typeof Pagination> = {
-    title: 'b2c/Navigation/Pagination',
+    title: 'plasma_b2c/Pagination',
     component: Pagination,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Panel/Panel.stories.tsx

@@ -13,7 +13,7 @@ import { SSRProvider } from '../../../../components/SSRProvider';
 import { Panel, PanelContent, PanelFooter, PanelHeader } from './Panel';
 
 export default {
-    title: 'b2c/Overlay/Panel',
+    title: 'plasma_b2c/Panel',
     decorators: [WithTheme],
     argTypes: {
         borderRadius: {

package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx

@@ -9,7 +9,7 @@ import { WithTheme } from '../../../_helpers';
 import { Popover } from './Popover';
 
 const meta: Meta<typeof Popover> = {
-    title: 'b2c/Overlay/Popover',
+    title: 'plasma_b2c/Popover',
     decorators: [WithTheme],
     component: Popover,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx

@@ -10,7 +10,7 @@ import { WithTheme } from '../../../_helpers';
 import { Popup, popupClasses, PopupProvider } from './Popup';
 
 const meta: Meta<typeof Popup> = {
-    title: 'b2c/Overlay/Popup',
+    title: 'plasma_b2c/Popup',
     decorators: [WithTheme],
     parameters: {
         docs: { story: { inline: false, iframeHeight: '30rem' } },

package/styled-components/cjs/examples/plasma_b2c/components/Portal/Portal.stories.tsx

@@ -9,7 +9,7 @@ import { Body } from '../../../typograpy/components/Body/Body';
 import { Portal } from '../../../../components/Portal';
 
 const meta: Meta<typeof Portal> = {
-    title: 'b2c/Data Entry/Portal',
+    title: 'plasma_b2c/Portal',
     decorators: [WithTheme],
     args: {
         disabled: false,

package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx

@@ -9,7 +9,7 @@ import { Price } from './Price';
 const currencies = ['rub', 'usd', 'eur', 'inr'];
 
 const meta: Meta<typeof Price> = {
-    title: 'b2c/Data Display/Price',
+    title: 'plasma_b2c/Price',
     decorators: [WithTheme],
     argTypes: {
         currency: {

package/styled-components/cjs/examples/plasma_b2c/components/Progress/Progress.stories.tsx

@@ -9,7 +9,7 @@ import { Progress } from './Progress';
 const views = ['default', 'secondary', 'primary', 'accent', 'success', 'warning', 'error'];
 
 const meta: Meta<typeof Progress> = {
-    title: 'b2c/Overlay/Progress',
+    title: 'plasma_b2c/Progress',
     component: Progress,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx

@@ -16,7 +16,7 @@ const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 
 const meta: Meta<typeof Radiobox> = {
-    title: 'b2c/Data Entry/Radiobox',
+    title: 'plasma_b2c/Radiobox',
     decorators: [WithTheme],
     component: Radiobox,
     argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),

package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx

@@ -23,7 +23,7 @@ const views = ['default'];
 const dividers = ['none', 'dash', 'icon'];
 
 const meta: Meta<typeof Range> = {
-    title: 'b2c/Data Entry/Range',
+    title: 'plasma_b2c/Range',
     component: Range,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx

@@ -52,7 +52,7 @@ const getContentRight = (contentRightOption: string, size: Size) => {
 };
 
 const meta: Meta<StorySegmentProps> = {
-    title: 'b2c/Data Entry/Segment',
+    title: 'plasma_b2c/Segment',
     decorators: [WithTheme],
     component: SegmentGroup,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx

@@ -20,7 +20,7 @@ const chip = ['default', 'secondary', 'accent'];
 const variant = ['normal', 'tight'];
 
 const meta: Meta<StorySelectProps> = {
-    title: 'b2c/Data Entry/Select',
+    title: 'plasma_b2c/Select',
     decorators: [WithTheme],
     component: Select,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx

@@ -10,7 +10,7 @@ import { Body } from '../../../typograpy/components/Body/Body';
 import { Sheet } from './Sheet';
 
 const meta: Meta<typeof Sheet> = {
-    title: 'b2c/Overlay/Select',
+    title: 'plasma_b2c/Sheet',
     decorators: [WithTheme],
     args: {
         withBlur: false,