@salutejs/plasma-new-hope 0.74.1-canary.1178.8685845322.0 → 0.75.0-canary.1170.8685945511.0

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

@@ -11,7 +11,7 @@ import { ButtonGroup } from './ButtonGroup';
 type StoryProps = ComponentProps<typeof ButtonGroup> & { itemsCount?: number };
 type Story = StoryObj<StoryProps>;
 
-const views = ['accent', 'primary', 'secondary', 'success', 'warning', 'critical', 'clear'];
+const views = ['accent', 'default', 'secondary', 'success', 'warning', 'critical', 'clear'];
 const sizes = ['l', 'm', 's', 'xs', 'xxs'];
 const orientationValues = ['horizontal', 'vertical'];
 const gapValues = ['none', 'dense', 'wide'];
@@ -65,7 +65,7 @@ export default meta;
 
 export const Default: Story = {
     args: {
-        view: 'primary',
+        view: 'default',
         size: 'm',
         gap: 'dense',
         orientation: 'horizontal',
@@ -99,7 +99,7 @@ export const CustomButtons: Story = {
             <>
                 <h3>Группа кнопок с разными темами</h3>
                 <ButtonGroup {...args}>
-                    <Button text="Primary" view="primary" />
+                    <Button text="Primary" view="default" />
                     <Button text="Negative" view="negative" />
                     <Button text="Positive" view="positive" />
                     <Button text="Clear" view="clear" />
@@ -107,7 +107,7 @@ export const CustomButtons: Story = {
 
                 <h3>Группа кнопок с разными размерами</h3>
                 <ButtonGroup {...args}>
-                    <Button text="Primary" view="primary" size="l" />
+                    <Button text="Primary" view="default" size="l" />
                     <Button text="Negative" view="negative" size="m" />
                     <Button text="Positive" view="positive" size="s" />
                     <Button text="Clear" view="clear" size="l" />

package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js

@@ -2,12 +2,12 @@ import { css } from 'styled-components';
 import { tokens as calendarBaseTokens } from '../../../../components/Calendar/Calendar.tokens';
 export var config = {
   defaults: {
-    view: 'primary',
+    view: 'default',
     size: 'm'
   },
   variations: {
     view: {
-      primary: /*#__PURE__*/css(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], calendarBaseTokens.calendarBackgroundColor, 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)
+      "default": /*#__PURE__*/css(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], calendarBaseTokens.calendarBackgroundColor, 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)
     },
     size: {
       m: /*#__PURE__*/css(["", ":5.5rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);"], calendarBaseTokens.calendarHeaderArrowContainerWidth, calendarBaseTokens.calendarItemBorderRadius, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight)

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

@@ -2,12 +2,12 @@ import { css } from 'styled-components';
 import { tokens as calendarDoubleTokens } from '../../../../components/Calendar/Calendar.tokens';
 export var config = {
   defaults: {
-    view: 'primary',
+    view: 'default',
     size: 'm'
   },
   variations: {
     view: {
-      primary: /*#__PURE__*/css(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], 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.calendarSeparatorBackground, calendarDoubleTokens.calendarRangeBackground, calendarDoubleTokens.calendarOutlineFocusColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarContentSecondaryColor)
+      "default": /*#__PURE__*/css(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], 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.calendarSeparatorBackground, calendarDoubleTokens.calendarRangeBackground, calendarDoubleTokens.calendarOutlineFocusColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarContentSecondaryColor)
     },
     size: {
       m: /*#__PURE__*/css(["", ":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);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);"], calendarDoubleTokens.calendarItemBorderRadius, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight)

package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js

@@ -16,7 +16,7 @@ export var config = {
      * Вид контрола.
      */
     view: {
-      primary: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-primary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      "default": /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-primary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
       secondary: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-secondary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
       tertiary: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-tertiary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
       paragraph: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-paragraph);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),

package/styled-components/es/examples/sds_engineer/components/Counter/Counter.config.js

@@ -2,12 +2,12 @@ import { css } from 'styled-components';
 import { counterTokens } from '../../../../components/Counter';
 export var config = {
   defaults: {
-    view: 'primary',
+    view: 'default',
     size: 'xs'
   },
   variations: {
     view: {
-      primary: /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);"], counterTokens.color, counterTokens.background),
+      "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);"], counterTokens.color, counterTokens.background),
       accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);"], counterTokens.color, counterTokens.background),
       positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);"], counterTokens.color, counterTokens.background),
       warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);"], counterTokens.color, counterTokens.background),

package/styled-components/es/examples/sds_engineer/components/Counter/Counter.stories.tsx

@@ -18,7 +18,7 @@ const meta: Meta<typeof Counter> = {
             },
         },
         view: {
-            options: ['primary', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
+            options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
             control: {
                 type: 'select',
             },
@@ -35,7 +35,7 @@ export const Default: Story = {
     args: {
         count: 25,
         maxCount: 100,
-        view: 'primary',
+        view: 'default',
         size: 'xs',
     },
 };

package/styled-components/es/examples/sds_engineer/components/Link/Link.config.js

@@ -6,7 +6,7 @@ export var config = {
   },
   variations: {
     view: {
-      primary: /*#__PURE__*/css(["--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;"]),
+      "default": /*#__PURE__*/css(["--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;"]),
       secondary: /*#__PURE__*/css(["--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;"]),
       tertiary: /*#__PURE__*/css(["--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;"]),
       paragraph: /*#__PURE__*/css(["--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;"]),

package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js

@@ -16,7 +16,7 @@ export var config = {
      * Вид контрола.
      */
     view: {
-      primary: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-primary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      "default": /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-primary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
       secondary: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-secondary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
       tertiary: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-tertiary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
       paragraph: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-paragraph);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),

package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.config.js

@@ -12,7 +12,7 @@ export var config = {
       l: /*#__PURE__*/css(["", ":36px;"], spinnerTokens.size)
     },
     view: {
-      primary: /*#__PURE__*/css(["", ":var(--text-primary);"], spinnerTokens.color),
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);"], spinnerTokens.color),
       secondary: /*#__PURE__*/css(["", ":var(--text-secondary);"], spinnerTokens.color),
       tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);"], spinnerTokens.color),
       paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);"], spinnerTokens.color),

package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.config.js

@@ -2,7 +2,7 @@ import { css } from 'styled-components';
 import { textAreaTokens } from '../../../../components/TextArea';
 export var config = {
   defaults: {
-    view: 'primary',
+    view: 'default',
     focused: 'true'
   },
   variations: {
@@ -12,7 +12,7 @@ export var config = {
       m: /*#__PURE__*/css(["", ":100%;", ":5.825rem;", ":1.125rem;", ":0.125rem;", ":0.25rem;", ":0.438rem;", ":0.5rem;", ":0.563rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderSize, textAreaTokens.borderRadius, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight)
     },
     view: {
-      primary: /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);", ":var(--surface-accent-active);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], textAreaTokens.inputBorderColor, textAreaTokens.inputBorderColorHover, textAreaTokens.inputBorderColorActive, textAreaTokens.inputBorderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus),
+      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);", ":var(--surface-accent-active);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], textAreaTokens.inputBorderColor, textAreaTokens.inputBorderColorHover, textAreaTokens.inputBorderColorActive, textAreaTokens.inputBorderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus),
       negative: /*#__PURE__*/css(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-tertiary);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);", ":var(--surface-accent-active);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--plasma-colors-secondary);"], textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.inputBorderColor, textAreaTokens.inputBorderColorHover, textAreaTokens.inputBorderColorActive, textAreaTokens.inputBorderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus)
     },
     disabled: {

package/styled-components/es/examples/sds_engineer/components/Toast/Toast.config.js

@@ -2,12 +2,12 @@ import { css } from 'styled-components';
 import { toastTokens } from '../../../../components/Toast';
 export var config = {
   defaults: {
-    view: 'primary',
+    view: 'default',
     size: 'm'
   },
   variations: {
     view: {
-      primary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
       dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
       light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
     },

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

@@ -57,7 +57,7 @@ const Container = styled.div`
 export const ToastComponent: StoryComponent = {
     args: {
         text: 'Текст всплывающего уведомления',
-        view: 'primary',
+        view: 'default',
         size: 'm',
         hasClose: true,
         enableContentLeft: true,
@@ -196,7 +196,7 @@ const StoryComplex = ({
                 <Button text="Открыть модальное окно" onClick={() => setIsModalOpen(true)} />
                 <Modal frame="theme-root" isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
                     <div>Hello!</div>
-                    <Button view="primary" text="Add notification" onClick={handleShowNotification} />
+                    <Button view="default" text="Add notification" onClick={handleShowNotification} />
                 </Modal>
             </PopupProvider>
         </NotificationsProvider>

package/styled-components/es/index.js

@@ -22,7 +22,6 @@ export * from './components/Typography';
 export * from './components/Popup';
 export * from './components/Modal';
 export * from './components/Notification';
-export * from './components/Popover';
 export * from './components/Drawer';
 export * from './components/Dropdown';
 export * from './components/Header';

package/types/components/Badge/Badge.types.d.ts

@@ -33,7 +33,7 @@ declare type CustomBadgeProps = {
     /**
      * Вид Badge
      * @default
-     * primary
+     * default
      */
     view?: string;
 } & PropsWithChildren;

package/types/components/Counter/Counter.types.d.ts

@@ -17,7 +17,7 @@ declare type CustomCounterProps = {
     /**
      * Вид Counter
      * @default
-     * primary
+     * default
      */
     view?: string;
 };

package/types/components/Indicator/Indicator.d.ts

@@ -2,15 +2,15 @@ import React from 'react';
 import { RootProps } from '../../engines';
 import { IndicatorProps } from './Indicator.types';
 export declare const indicatorRoot: (Root: RootProps<HTMLDivElement, IndicatorProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    size: "m" | "s" | "l";
-    view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+    size: string;
+    view: string;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const indicatorConfig: {
     name: string;
     tag: string;
     layout: (Root: RootProps<HTMLDivElement, IndicatorProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        size: "m" | "s" | "l";
-        view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+        size: string;
+        view: string;
     } & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {

package/types/components/Indicator/Indicator.types.d.ts

@@ -1,7 +1,17 @@
 import { HTMLAttributes } from 'react';
 declare type CustomIndicatorProps = {
-    size: 'l' | 'm' | 's';
-    view: 'default' | 'accent' | 'inactive' | 'positive' | 'warning' | 'negative' | 'black' | 'white';
+    /**
+     * Размер индикатора
+     * @default
+     * m
+     */
+    size: string;
+    /**
+     * Вид индикатора
+     * @default
+     * default
+     */
+    view: string;
 };
 export declare type IndicatorProps = HTMLAttributes<HTMLDivElement> & CustomIndicatorProps;
 export {};

package/types/components/Indicator/Indicator.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.types.d.ts","sourceRoot":"","sources":["../../../src/components/Indicator/Indicator.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,oBAAoB,GAAG;IAExB,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAEtB,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;CACrG,CAAC;AAEF,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"Indicator.types.d.ts","sourceRoot":"","sources":["../../../src/components/Indicator/Indicator.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,oBAAoB,GAAG;IACxB;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,oBAAoB,CAAC"}

package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts

@@ -5,7 +5,7 @@ export declare const config: {
     };
     variations: {
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
             accent: import("@linaria/core").LinariaClassName;
             positive: import("@linaria/core").LinariaClassName;
             warning: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Badge: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
         accent: import("@linaria/core").LinariaClassName;
         positive: import("@linaria/core").LinariaClassName;
         warning: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Button/Button.config.d.ts

@@ -6,7 +6,7 @@ export declare const config: {
     };
     variations: {
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
             accent: import("@linaria/core").LinariaClassName;
             secondary: import("@linaria/core").LinariaClassName;
             clear: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Button/Button.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Button: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
         accent: import("@linaria/core").LinariaClassName;
         secondary: import("@linaria/core").LinariaClassName;
         clear: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts

@@ -5,13 +5,16 @@ export declare const config: {
     };
     variations: {
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
             accent: import("@linaria/core").LinariaClassName;
             secondary: import("@linaria/core").LinariaClassName;
             clear: import("@linaria/core").LinariaClassName;
             positive: import("@linaria/core").LinariaClassName;
             warning: import("@linaria/core").LinariaClassName;
             negative: import("@linaria/core").LinariaClassName;
+            dark: import("@linaria/core").LinariaClassName;
+            black: import("@linaria/core").LinariaClassName;
+            white: import("@linaria/core").LinariaClassName;
         };
         size: {
             l: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqPlB,CAAC"}
+{"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiPlB,CAAC"}

package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,13 +1,16 @@
 /// <reference types="react" />
 export declare const ButtonGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
         accent: import("@linaria/core").LinariaClassName;
         secondary: import("@linaria/core").LinariaClassName;
         clear: import("@linaria/core").LinariaClassName;
         positive: import("@linaria/core").LinariaClassName;
         warning: import("@linaria/core").LinariaClassName;
         negative: import("@linaria/core").LinariaClassName;
+        dark: import("@linaria/core").LinariaClassName;
+        black: import("@linaria/core").LinariaClassName;
+        white: import("@linaria/core").LinariaClassName;
     };
     size: {
         l: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mHAA0B,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mHAA0B,CAAC"}

package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts

@@ -2,7 +2,7 @@
 import type { CalendarBaseProps, CalendarDoubleProps } from '../../../../components/Calendar';
 export declare const CalendarBase: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
     };
     size: {
         m: import("@linaria/core").LinariaClassName;
@@ -12,7 +12,7 @@ export declare const CalendarBase: import("react").FunctionComponent<import("../
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const CalendarDouble: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
     };
     size: {
         m: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts

@@ -5,7 +5,7 @@ export declare const config: {
     };
     variations: {
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
         };
         size: {
             m: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts

@@ -5,7 +5,7 @@ export declare const config: {
     };
     variations: {
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
         };
         size: {
             m: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts

@@ -15,7 +15,7 @@ export declare const config: {
          * Вид контрола.
          */
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
             secondary: import("@linaria/core").LinariaClassName;
             tertiary: import("@linaria/core").LinariaClassName;
             paragraph: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts

@@ -5,7 +5,7 @@ export declare const Checkbox: import("react").FunctionComponent<import("../../.
         m: import("@linaria/core").LinariaClassName;
     };
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
         secondary: import("@linaria/core").LinariaClassName;
         tertiary: import("@linaria/core").LinariaClassName;
         paragraph: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Counter/Counter.config.d.ts

@@ -5,7 +5,7 @@ export declare const config: {
     };
     variations: {
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
             accent: import("@linaria/core").LinariaClassName;
             positive: import("@linaria/core").LinariaClassName;
             warning: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Counter/Counter.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Counter: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
         accent: import("@linaria/core").LinariaClassName;
         positive: import("@linaria/core").LinariaClassName;
         warning: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Header/Header.config.d.ts

@@ -5,7 +5,7 @@ export declare const config: {
     };
     variations: {
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
         };
         size: {
             m: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Header/Header.d.ts

@@ -2,7 +2,7 @@
 export { HeaderContent, HeaderTitle } from '../../../../components/Header';
 export declare const HeaderRoot: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
     };
     size: {
         m: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Indicator/Indicator.d.ts

@@ -32,8 +32,8 @@ declare const mergedConfig: import("../../../../engines").ComponentConfig<string
         s: import("@linaria/core").LinariaClassName;
     };
 }>, import("react").HTMLAttributes<HTMLDivElement> & {
-    size: "m" | "s" | "l";
-    view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+    size: string;
+    view: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
 declare const Indicator: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
@@ -52,8 +52,8 @@ declare const Indicator: import("react").FunctionComponent<import("../../../../e
         s: import("@linaria/core").LinariaClassName;
     };
 }> & import("react").HTMLAttributes<HTMLDivElement> & {
-    size: "m" | "s" | "l";
-    view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+    size: string;
+    view: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export { Indicator, mergedConfig };
 //# sourceMappingURL=Indicator.d.ts.map

package/types/examples/plasma_b2c/components/Link/Link.config.d.ts

@@ -5,7 +5,7 @@ export declare const config: {
     };
     variations: {
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
             secondary: import("@linaria/core").LinariaClassName;
             tertiary: import("@linaria/core").LinariaClassName;
             paragraph: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Link/Link.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Link: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
         secondary: import("@linaria/core").LinariaClassName;
         tertiary: import("@linaria/core").LinariaClassName;
         paragraph: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Pagination/Pagination.config.d.ts

@@ -8,10 +8,10 @@ export declare const config: {
         view: {
             secondary: import("@linaria/core").LinariaClassName;
             clear: import("@linaria/core").LinariaClassName;
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
         };
         viewCurrentPage: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
             secondary: import("@linaria/core").LinariaClassName;
             clear: import("@linaria/core").LinariaClassName;
         };

package/types/examples/plasma_b2c/components/Pagination/Pagination.d.ts

@@ -3,10 +3,10 @@ export declare const Pagination: import("react").FunctionComponent<import("../..
     view: {
         secondary: import("@linaria/core").LinariaClassName;
         clear: import("@linaria/core").LinariaClassName;
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
     };
     viewCurrentPage: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
         secondary: import("@linaria/core").LinariaClassName;
         clear: import("@linaria/core").LinariaClassName;
     };

package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts

@@ -15,7 +15,7 @@ export declare const config: {
          * Вид контрола.
          */
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
             secondary: import("@linaria/core").LinariaClassName;
             tertiary: import("@linaria/core").LinariaClassName;
             paragraph: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts

@@ -5,7 +5,7 @@ export declare const Radiobox: import("react").FunctionComponent<import("../../.
         m: import("@linaria/core").LinariaClassName;
     };
     view: {
-        primary: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
         secondary: import("@linaria/core").LinariaClassName;
         tertiary: import("@linaria/core").LinariaClassName;
         paragraph: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Spinner/Spinner.config.d.ts

@@ -10,7 +10,7 @@ export declare const config: {
             l: import("@linaria/core").LinariaClassName;
         };
         view: {
-            primary: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
             secondary: import("@linaria/core").LinariaClassName;
             tertiary: import("@linaria/core").LinariaClassName;
             paragraph: import("@linaria/core").LinariaClassName;