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

package/styled-components/cjs/examples/typograpy/components/Heading/Heading.stories.tsx

@@ -9,7 +9,7 @@ import { Heading } from './Heading';
 import { config } from './Heading.config';
 
 const meta: Meta<typeof Heading> = {
-    title: 'Data Display/Typography/Heading',
+    title: 'typography/Heading',
     decorators: [WithTheme],
     component: Heading,
     argTypes: argTypesFromConfig(mergeConfig(dsplConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Old/Body/Body.stories.tsx

@@ -9,7 +9,7 @@ import { OldBody } from './Body';
 import { config } from './Body.config';
 
 const meta: Meta<typeof OldBody> = {
-    title: 'Data Display/Typography/Old/Body',
+    title: 'typography/Old/Body',
     decorators: [WithTheme],
     component: OldBody,
     argTypes: argTypesFromConfig(mergeConfig(oldBodyConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Old/Button/Button.stories.tsx

@@ -9,7 +9,7 @@ import { Button } from './Button';
 import { config } from './Button.config';
 
 const meta: Meta<typeof Button> = {
-    title: 'Data Display/Typography/Old/Button',
+    title: 'typography/Old/Button',
     decorators: [WithTheme],
     component: Button,
     argTypes: argTypesFromConfig(mergeConfig(buttonTypographyConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Old/Caption/Caption.stories.tsx

@@ -9,7 +9,7 @@ import { Caption } from './Caption';
 import { config } from './Caption.config';
 
 const meta: Meta<typeof Caption> = {
-    title: 'Data Display/Typography/Old/Caption',
+    title: 'typography/Old/Caption',
     decorators: [WithTheme],
     component: Caption,
     argTypes: argTypesFromConfig(mergeConfig(captionConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Old/Display/Display.stories.tsx

@@ -9,7 +9,7 @@ import { Display } from './Display';
 import { config } from './Display.config';
 
 const meta: Meta<typeof Display> = {
-    title: 'Data Display/Typography/Old/Display',
+    title: 'typography/Old/Display',
     decorators: [WithTheme],
     component: Display,
     argTypes: argTypesFromConfig(mergeConfig(displayConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Old/Footnote/Footnote.stories.tsx

@@ -9,7 +9,7 @@ import { Footnote } from './Footnote';
 import { config } from './Footnote.config';
 
 const meta: Meta<typeof Footnote> = {
-    title: 'Data Display/Typography/Old/Footnote',
+    title: 'typography/Old/Footnote',
     decorators: [WithTheme],
     component: Footnote,
     argTypes: argTypesFromConfig(mergeConfig(footnoteConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Old/Headline/Headline.stories.tsx

@@ -9,7 +9,7 @@ import { Headline } from './Headline';
 import { config } from './Headline.config';
 
 const meta: Meta<typeof Headline> = {
-    title: 'Data Display/Typography/Old/Headline',
+    title: 'typography/Old/Headline',
     decorators: [WithTheme],
     component: Headline,
     argTypes: argTypesFromConfig(mergeConfig(headlineConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Old/Paragraph/Paragraph.stories.tsx

@@ -9,7 +9,7 @@ import { Paragraph } from './Paragraph';
 import { config } from './Paragraph.config';
 
 const meta: Meta<typeof Paragraph> = {
-    title: 'Data Display/Typography/Old/Paragraph',
+    title: 'typography/Old/Paragraph',
     decorators: [WithTheme],
     component: Paragraph,
     argTypes: argTypesFromConfig(mergeConfig(paragraphConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Old/Subtitle/Subtitle.stories.tsx

@@ -9,7 +9,7 @@ import { Subtitle } from './Subtitle';
 import { config } from './Subtitle.config';
 
 const meta: Meta<typeof Subtitle> = {
-    title: 'Data Display/Typography/Old/Subtitle',
+    title: 'typography/Old/Subtitle',
     decorators: [WithTheme],
     component: Subtitle,
     argTypes: argTypesFromConfig(mergeConfig(subtitleConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Old/Underline/Underline.stories.tsx

@@ -9,7 +9,7 @@ import { Underline } from './Underline';
 import { config } from './Underline.config';
 
 const meta: Meta<typeof Underline> = {
-    title: 'Data Display/Typography/Old/Underline',
+    title: 'typography/Old/Underline',
     decorators: [WithTheme],
     component: Underline,
     argTypes: argTypesFromConfig(mergeConfig(underlineConfig, config)),

package/styled-components/cjs/examples/typograpy/components/Text/Text.stories.tsx

@@ -9,7 +9,7 @@ import { Text } from './Text';
 import { config } from './Text.config';
 
 const meta: Meta<typeof Text> = {
-    title: 'Data Display/Typography/Text',
+    title: 'typography/Text',
     decorators: [WithTheme],
     component: Text,
     argTypes: argTypesFromConfig(mergeConfig(textConfig, config)),

package/styled-components/es/components/Calendar/Calendar.tokens.js

@@ -123,5 +123,6 @@ export var tokens = {
   calendarRangeBackground: '--plasma-calendar-range-background',
   calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
   calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
-  calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
+  calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
+  calendarDisabledOpacity: '--plasma-calendar-disabled-opacity'
 };

package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js

@@ -18,7 +18,7 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   return "".concat(offset, "px");
 });
 var disabledItem = function disabledItem() {
-  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n";
+  return "\n    cursor: not-allowed;\n    opacity: var(".concat(tokens.calendarDisabledOpacity, ");\n");
 };
 var disabledCurrentItem = function disabledCurrentItem() {
   return "\n    ".concat(disabledItem(), ";\n");

package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -48,7 +48,10 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isTargetAsFunction = typeof target === 'function';
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    id: wrappedId
+    id: wrappedId,
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     ref: isTargetAsFunction ? undefined : refs.setReference,
     onClick: handleClick

package/styled-components/es/components/Dropdown/FloatingPopover.js

@@ -64,11 +64,12 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
     id: wrappedId,
     style: {
+      position: 'relative',
       display: isInner ? 'block' : 'inline-block'
-    },
-    ref: ref
+    }
   }, /*#__PURE__*/React.createElement("div", {
     ref: refs.setReference,
     onClick: handleTargetClick,

package/styled-components/es/components/Select/FloatingPopover.js

@@ -49,7 +49,10 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isTargetAsFunction = typeof target === 'function';
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    id: wrappedId
+    id: wrappedId,
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     ref: isTargetAsFunction ? undefined : refs.setReference,
     onClick: handleClick

package/styled-components/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js

@@ -7,7 +7,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/css(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.calendarDisabledOpacity, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/css(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterItemWidth, calendarBaseTokens.calendarQuarterItemHeight, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarCurrentItemBorderWidth, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),

package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js

@@ -7,7 +7,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarDoubleTokens.calendarSeparatorBackground, calendarDoubleTokens.calendarBackgroundColor, calendarDoubleTokens.calendarSelectedItemBackground, calendarDoubleTokens.calendarSelectedItemColor, calendarDoubleTokens.calendarSelectableItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemBorderColor, calendarDoubleTokens.calendarCurrentItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemColorHover, calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, calendarDoubleTokens.calendarActiveItemBackground, calendarDoubleTokens.calendarActiveItemColor, calendarDoubleTokens.calendarHoveredItemBackground, calendarDoubleTokens.calendarHoveredItemColor, calendarDoubleTokens.calendarRangeBackground, calendarDoubleTokens.calendarOutlineFocusColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarHeaderArrowColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarContentSecondaryColor, calendarDoubleTokens.iconButtonColor, calendarDoubleTokens.iconButtonBackgroundColor, calendarDoubleTokens.iconButtonColorHover, calendarDoubleTokens.iconButtonBackgroundColorHover, calendarDoubleTokens.iconButtonColorActive, calendarDoubleTokens.iconButtonBackgroundColorActive, calendarDoubleTokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarDoubleTokens.calendarSeparatorBackground, calendarDoubleTokens.calendarBackgroundColor, calendarDoubleTokens.calendarSelectedItemBackground, calendarDoubleTokens.calendarSelectedItemColor, calendarDoubleTokens.calendarSelectableItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemBorderColor, calendarDoubleTokens.calendarCurrentItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemColorHover, calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, calendarDoubleTokens.calendarActiveItemBackground, calendarDoubleTokens.calendarActiveItemColor, calendarDoubleTokens.calendarHoveredItemBackground, calendarDoubleTokens.calendarHoveredItemColor, calendarDoubleTokens.calendarRangeBackground, calendarDoubleTokens.calendarOutlineFocusColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarHeaderArrowColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarContentSecondaryColor, calendarDoubleTokens.calendarDisabledOpacity, calendarDoubleTokens.iconButtonColor, calendarDoubleTokens.iconButtonBackgroundColor, calendarDoubleTokens.iconButtonColorHover, calendarDoubleTokens.iconButtonBackgroundColorHover, calendarDoubleTokens.iconButtonColorActive, calendarDoubleTokens.iconButtonBackgroundColorActive, calendarDoubleTokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/css(["", ":51.063rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarQuartersPadding, calendarDoubleTokens.calendarQuarterItemBorderRadius, calendarDoubleTokens.calendarQuarterItemWidth, calendarDoubleTokens.calendarQuarterItemHeight, calendarDoubleTokens.calendarQuarterFontFamily, calendarDoubleTokens.calendarQuarterFontSize, calendarDoubleTokens.calendarQuarterFontStyle, calendarDoubleTokens.calendarQuarterFontLetterSpacing, calendarDoubleTokens.calendarQuarterFontLineHeight, calendarDoubleTokens.calendarQuarterFontWeight, calendarDoubleTokens.calendarQuarterSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarCurrentItemBorderWidth, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius),

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