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

package/styled-components/es/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: 'plasma_b2c/Popover',
+    title: 'b2c/Overlay/Popover',
     decorators: [WithTheme],
     component: Popover,
     argTypes: {

package/styled-components/es/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: 'plasma_b2c/Popup',
+    title: 'b2c/Overlay/Popup',
     decorators: [WithTheme],
     parameters: {
         docs: { story: { inline: false, iframeHeight: '30rem' } },

package/styled-components/es/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: 'plasma_b2c/Portal',
+    title: 'b2c/Data Entry/Portal',
     decorators: [WithTheme],
     args: {
         disabled: false,

package/styled-components/es/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: 'plasma_b2c/Price',
+    title: 'b2c/Data Display/Price',
     decorators: [WithTheme],
     argTypes: {
         currency: {

package/styled-components/es/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: 'plasma_b2c/Progress',
+    title: 'b2c/Overlay/Progress',
     component: Progress,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/es/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: 'plasma_b2c/Radiobox',
+    title: 'b2c/Data Entry/Radiobox',
     decorators: [WithTheme],
     component: Radiobox,
     argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),

package/styled-components/es/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: 'plasma_b2c/Range',
+    title: 'b2c/Data Entry/Range',
     component: Range,
     decorators: [WithTheme],
     argTypes: {

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

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

package/styled-components/es/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: 'plasma_b2c/Select',
+    title: 'b2c/Data Entry/Select',
     decorators: [WithTheme],
     component: Select,
     argTypes: {
@@ -104,11 +104,6 @@ const meta: Meta<StorySelectProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-            if: { arg: 'target', eq: 'textfield-like' },
-        },
     },
     args: {
         target: 'textfield-like',
@@ -126,7 +121,6 @@ const meta: Meta<StorySelectProps> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
-        chipType: 'default',
     },
     parameters: {
         controls: {
@@ -150,7 +144,6 @@ const meta: Meta<StorySelectProps> = {
                 'optional',
                 'required',
                 'requiredPlacement',
-                'chipType',
             ],
         },
     },
@@ -389,7 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
 export const Single: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['chipView', 'isTargetAmount', 'chipType'],
+            exclude: ['chipView', 'isTargetAmount'],
         },
     },
     render: (args) => <SingleStory {...args} />,

package/styled-components/es/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: 'plasma_b2c/Sheet',
+    title: 'b2c/Overlay/Select',
     decorators: [WithTheme],
     args: {
         withBlur: false,

package/styled-components/es/examples/plasma_b2c/components/Skeleton/Skeleton.stories.tsx

@@ -18,7 +18,7 @@ type StoryRectSkeletonProps = ComponentProps<typeof RectSkeleton>;
 type BasicButtonProps = ComponentProps<typeof BasicButton>;
 
 const meta: Meta = {
-    title: 'plasma_b2c/Skeleton',
+    title: 'b2c/Data Display/Skeleton',
     decorators: [WithTheme],
 };
 

package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx

@@ -18,7 +18,7 @@ const scaleAligns = ['side', 'bottom'];
 const orientations: Array<string> = ['vertical', 'horizontal'];
 
 const meta: Meta<typeof Slider> = {
-    title: 'plasma_b2c/Slider',
+    title: 'b2c/Data Entry/Slider',
     component: Slider,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/es/examples/plasma_b2c/components/Spinner/Spinner.stories.tsx

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

package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx

@@ -10,7 +10,7 @@ import { StepItemProps } from '../../../../components/Steps/ui';
 import { Steps, mergedConfig } from './Steps';
 
 const meta: Meta<typeof Steps> = {
-    title: 'plasma_b2c/Steps',
+    title: 'b2c/Navigation/Steps',
     decorators: [WithTheme],
     component: Steps,
     argTypes: {

package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx

@@ -14,7 +14,7 @@ import { Switch, SwitchOutline } from './Switch';
 type SwitchProps = ComponentProps<typeof Switch>;
 
 const meta: Meta<SwitchProps> = {
-    title: 'plasma_b2c/Switch',
+    title: 'b2c/Data Entry/Switch',
     decorators: [WithTheme],
     component: Switch,
     argTypes: {

package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx

@@ -56,7 +56,7 @@ type HorizontalStoryTabsProps = StoryTabsProps & { width: string };
 type VerticalStoryTabsProps = StoryTabsProps & { height: string };
 
 const meta: Meta<StoryTabsProps> = {
-    title: 'plasma_b2c/Tabs',
+    title: 'b2c/Navigation/Tabs',
     component: Tabs,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx

@@ -44,7 +44,7 @@ type StoryTextAreaPropsCustom = {
 type StoryTextAreaProps = ComponentProps<typeof TextArea> & StoryTextAreaPropsCustom;
 
 const meta: Meta<StoryTextAreaProps> = {
-    title: 'plasma_b2c/TextArea',
+    title: 'b2c/Data Entry/TextArea',
     decorators: [WithTheme],
     component: TextArea,
     argTypes: {

package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -42,7 +42,7 @@ const placements: Array<PopoverPlacement> = [
 ];
 
 const meta: Meta<typeof TextField> = {
-    title: 'plasma_b2c/TextField',
+    title: 'b2c/Data Entry/TextField',
     component: TextField,
     decorators: [WithTheme],
     argTypes: {
@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-        },
     },
 };
 
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         hintWidth: '10rem',
         hintHasArrow: true,
     },
-    parameters: {
-        controls: {
-            exclude: ['chipType'],
-        },
-    },
     render: (args) => <StoryDemo {...args} />,
 };
 
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
         chips: ['1 value', '2 value', '3 value', '4 value'],
-        chipType: 'default',
     },
     render: (args) => <StoryChips {...args} />,
 };

package/styled-components/es/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.stories.tsx

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

package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx

@@ -17,7 +17,7 @@ import { config } from './Toast.config';
 import { Toast, ToastController, ToastProvider, useToast } from './Toast';
 
 const meta: Meta<typeof ToastController> = {
-    title: 'plasma_b2c/Toast',
+    title: 'b2c/Overlay/Toast',
     decorators: [WithTheme],
 };
 

package/styled-components/es/examples/plasma_b2c/components/Toolbar/Toolbar.stories.tsx

@@ -25,7 +25,7 @@ const ToolbarWrapper = (props: ComponentProps<typeof Toolbar>) => {
 };
 
 const meta: Meta<typeof Toolbar> = {
-    title: 'plasma_b2c/Toolbar',
+    title: 'b2c/Overlay/Toolbar',
     component: ToolbarWrapper,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx

@@ -31,7 +31,7 @@ const placements: Array<PopoverPlacement> = [
 ];
 
 const meta: Meta<TooltipProps> = {
-    title: 'plasma_b2c/Tooltip',
+    title: 'b2c/Overlay/Tooltip',
     decorators: [WithTheme],
     component: Tooltip,
     parameters: {

package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx

@@ -10,7 +10,7 @@ import { ViewContainer } from './ViewContainer';
 type StoryViewProps = ComponentProps<typeof ViewContainer>;
 
 const meta: Meta<StoryViewProps> = {
-    title: 'plasma_b2c/ViewContainer',
+    title: 'b2c/Data Display/ViewContainer',
 };
 
 export default meta;

package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Attach/Attach.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx

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

package/styled-components/es/examples/plasma_web/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: 'plasma_web/Avatar',
+    title: 'web/Data Display/Avatar',
     decorators: [WithTheme],
     component: Avatar,
     argTypes: {

package/styled-components/es/examples/plasma_web/components/AvatarGroup/AvatarGroup.stories.tsx

@@ -10,7 +10,7 @@ import { AvatarGroup } from './AvatarGroup';
 type Story = StoryObj<ComponentProps<typeof AvatarGroup>>;
 
 const meta: Meta<typeof AvatarGroup> = {
-    title: 'plasma_web/AvatarGroup',
+    title: 'web/Data Display/AvatarGroup',
     decorators: [WithTheme],
     component: AvatarGroup,
 };

package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx

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

package/styled-components/es/examples/plasma_web/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: 'plasma_web/Calendar',
+    title: 'web/Data Entry/Calendar',
     decorators: [WithTheme],
     argTypes: {
         min: {

package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Chip/Chip.stories.tsx

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

package/styled-components/es/examples/plasma_web/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: 'plasma_web/ChipGroup',
+    title: 'web/Data Display/ChipGroup',
     decorators: [WithTheme],
     argTypes: {
         size: {

package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Combobox/Legacy/Combobox.stories.tsx

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

package/styled-components/es/examples/plasma_web/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: 'plasma_web/Counter',
+    title: 'web/Data Display/Counter',
     component: Counter,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Divider/Divider.stories.tsx

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

package/styled-components/es/examples/plasma_web/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: 'plasma_web/Drawer',
+    title: 'web/Overlay/Divider',
     decorators: [WithTheme],
     argTypes: {
         placement: {

package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx

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

package/styled-components/es/examples/plasma_web/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: 'plasma_web/Editable',
+    title: 'web/Data Entry/Editable',
     decorators: [WithTheme],
     component: Editable,
     argTypes: {

package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Grid/Grid.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx

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

package/styled-components/es/examples/plasma_web/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: 'plasma_web/Image',
+    title: 'web/Data Display/Image',
     component: Image,
     decorators: [InSpacingDecorator],
     argTypes: {

package/styled-components/es/examples/plasma_web/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: 'plasma_web/Indicator',
+    title: 'web/Data Display/Indicator',
     decorators: [WithTheme],
     component: Indicator,
     argTypes: {

package/styled-components/es/examples/plasma_web/components/Link/Link.stories.tsx

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

package/styled-components/es/examples/plasma_web/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: 'plasma_web/Mask',
+    title: 'web/Data Display/Mask',
     component: Mask,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx

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

package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx

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