@salutejs/plasma-new-hope 0.239.0-canary.1696.12711678920.0 → 0.239.0-canary.1699.12742131493.0

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

@@ -17,7 +17,8 @@ var _base3 = /*#__PURE__*/require("./variations/_shape/base");
 var _base4 = /*#__PURE__*/require("./variations/_background-type/base");
 var _base5 = /*#__PURE__*/require("./variations/_segmentation/base");
 var _base6 = /*#__PURE__*/require("./variations/_disabled/base");
-var _excluded = ["className", "style", "width", "value", "min", "max", "step", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
+var _utils2 = /*#__PURE__*/require("./utils");
+var _excluded = ["className", "style", "width", "value", "min", "max", "step", "precision", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -45,6 +46,8 @@ var numberInputRoot = exports.numberInputRoot = function numberInputRoot(Root) {
       max = _ref.max,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 1 : _ref$step,
+      _ref$precision = _ref.precision,
+      precision = _ref$precision === void 0 ? 2 : _ref$precision,
       isLoading = _ref.isLoading,
       loader = _ref.loader,
       size = _ref.size,
@@ -98,7 +101,8 @@ var numberInputRoot = exports.numberInputRoot = function numberInputRoot(Root) {
       if (isLoading || disabled || isAnimationRun) {
         return;
       }
-      var diffValue = Number(innerValue) - step;
+      var preciseDiff = (0, _utils2.getPreciseValue)(Number(innerValue) - step, precision);
+      var diffValue = Number(preciseDiff);
       var resValue = min !== undefined && diffValue <= min ? min : diffValue;
       setInnerValue(resValue);
       if (onDecrement) {
@@ -112,7 +116,8 @@ var numberInputRoot = exports.numberInputRoot = function numberInputRoot(Root) {
       if (isLoading || disabled || isAnimationRun) {
         return;
       }
-      var diffValue = Number(innerValue) + step;
+      var preciseDiff = (0, _utils2.getPreciseValue)(Number(innerValue) + step, precision);
+      var diffValue = Number(preciseDiff);
       var resValue = max !== undefined && diffValue >= max ? max : diffValue;
       setInnerValue(resValue);
       if (onIncrement) {
@@ -156,6 +161,7 @@ var numberInputRoot = exports.numberInputRoot = function numberInputRoot(Root) {
       ref: ref,
       segmentation: segmentation,
       value: innerValue,
+      precision: precision,
       min: min,
       max: max,
       isManualInput: isManualInput,

package/styled-components/cjs/components/NumberInput/ui/Input/Input.js

@@ -14,7 +14,7 @@ var _utils2 = /*#__PURE__*/require("../../utils");
 var _constants = /*#__PURE__*/require("../../../../utils/constants");
 var _Input = /*#__PURE__*/require("./Input.styles");
 var _StyledSpinner;
-var _excluded = ["value", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "isInputFocused", "setIsInputFocused", "setIsAnimationRun", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
+var _excluded = ["value", "precision", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "isInputFocused", "setIsInputFocused", "setIsAnimationRun", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -28,6 +28,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var value = _ref.value,
+    precision = _ref.precision,
     min = _ref.min,
     max = _ref.max,
     isLoading = _ref.isLoading,
@@ -93,11 +94,6 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)(func
       setIsAnimationRun(false);
       return;
     }
-    if (String(newValue).endsWith('.')) {
-      setValues(null, Number(newValue));
-      setIsAnimationRun(false);
-      return;
-    }
     var resValue = Number(newValue);
     if (max !== undefined && resValue > max) {
       setErrorClass(_NumberInput.classes.errorAnimation);
@@ -109,6 +105,16 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)(func
       setErrorClass(_NumberInput.classes.errorAnimation);
       setErrorValue(min);
       setIsAnimationRun(true);
+      return;
+    }
+    if (String(newValue).endsWith('.')) {
+      setValues(null, Number(newValue));
+      setIsAnimationRun(false);
+      return;
+    }
+    if (precision !== undefined) {
+      var preciseNewValue = Number((0, _utils2.getPreciseValue)(newValue, precision));
+      setValues(null, preciseNewValue);
     }
     setIsAnimationRun(false);
   };

package/styled-components/cjs/components/NumberInput/utils/index.js

@@ -3,7 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.numberSchema = exports.excludingNumberSchema = exports.defaultCharacterWidth = void 0;
+exports.numberSchema = exports.getPreciseValue = exports.excludingNumberSchema = exports.defaultCharacterWidth = void 0;
 var defaultCharacterWidth = exports.defaultCharacterWidth = '1ch';
 var numberSchema = exports.numberSchema = /^(-)?\d+(\.\d+)?$/;
-var excludingNumberSchema = exports.excludingNumberSchema = /[^-.\d]/g;
+var excludingNumberSchema = exports.excludingNumberSchema = /[^-.\d]/g;
+var getPreciseValue = exports.getPreciseValue = function getPreciseValue(value, precision) {
+  var innerValue = String(value);
+  if (precision !== undefined) {
+    return Number(innerValue).toFixed(precision);
+  }
+  return innerValue;
+};

package/styled-components/cjs/examples/plasma_b2c/components/Avatar/Avatar.config.js

@@ -16,32 +16,14 @@ var config = exports.config = {
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent-gradient);", ":linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);", ":var(--surface-positive);", ":var(--surface-solid-tertiary);", ":1.02;"], _Avatar.tokens.color, _Avatar.tokens.backgroundColor, _Avatar.tokens.statusOnlineColor, _Avatar.tokens.statusOfflineColor, _Avatar.tokens.scaleHover)
     },
     size: {
-      xxl: /*#__PURE__*/(0, _styledComponents.css)(["", ":6.25rem;", ":2rem;", ":600;", ":2rem;", ":0.75rem;", ":0.5rem;", ":1.75rem;", ":0 0.6875rem;", ":0 0.375rem;", ":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-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;", ":1.25rem;", ":1rem;", ":1.75rem;", ":0 0.625rem;", ":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-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize, _Avatar.tokens.badgeBorderRadius, _Avatar.tokens.badgeHeight, _Avatar.tokens.badgePadding, _Avatar.tokens.badgePaddingIconOnly, _Avatar.tokens.badgeFontFamily, _Avatar.tokens.badgeFontSize, _Avatar.tokens.badgeFontStyle, _Avatar.tokens.badgeFontWeight, _Avatar.tokens.badgeLetterSpacing, _Avatar.tokens.badgeLineHeight, _Avatar.tokens.badgeLeftContentMarginLeft, _Avatar.tokens.badgeLeftContentMarginRight, _Avatar.tokens.badgeRightContentMarginLeft, _Avatar.tokens.badgeRightContentMarginRight, _Avatar.tokens.badgePilledBorderRadius, _Avatar.tokens.counterBorderRadius, _Avatar.tokens.counterHeight, _Avatar.tokens.counterPadding, _Avatar.tokens.counterFontFamily, _Avatar.tokens.counterFontSize, _Avatar.tokens.counterFontStyle, _Avatar.tokens.counterFontWeight, _Avatar.tokens.counterLetterSpacing, _Avatar.tokens.counterLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":1.25rem;", ":600;", ":1.25rem;", ":0.5rem;", ":2;", ":0.375rem;", ":1.25rem;", ":0 0.4375rem;", ":0 0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;", ":1.25rem;", ":1rem;", ":1.25rem;", ":0 0.375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize, _Avatar.tokens.extraPlacementFactor, _Avatar.tokens.badgeBorderRadius, _Avatar.tokens.badgeHeight, _Avatar.tokens.badgePadding, _Avatar.tokens.badgePaddingIconOnly, _Avatar.tokens.badgeFontFamily, _Avatar.tokens.badgeFontSize, _Avatar.tokens.badgeFontStyle, _Avatar.tokens.badgeFontWeight, _Avatar.tokens.badgeLetterSpacing, _Avatar.tokens.badgeLineHeight, _Avatar.tokens.badgeLeftContentMarginLeft, _Avatar.tokens.badgeLeftContentMarginRight, _Avatar.tokens.badgeRightContentMarginLeft, _Avatar.tokens.badgeRightContentMarginRight, _Avatar.tokens.badgePilledBorderRadius, _Avatar.tokens.counterBorderRadius, _Avatar.tokens.counterHeight, _Avatar.tokens.counterPadding, _Avatar.tokens.counterFontFamily, _Avatar.tokens.counterFontSize, _Avatar.tokens.counterFontStyle, _Avatar.tokens.counterFontWeight, _Avatar.tokens.counterLetterSpacing, _Avatar.tokens.counterLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.25rem;", ":0.875rem;", ":600;", ":0.875rem;", ":0.5rem;", ":2;", ":0.25rem;", ":1rem;", ":0 0.25rem;", ":0 0.188rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;", ":1.25rem;", ":1rem;", ":1rem;", ":0 0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize, _Avatar.tokens.extraPlacementFactor, _Avatar.tokens.badgeBorderRadius, _Avatar.tokens.badgeHeight, _Avatar.tokens.badgePadding, _Avatar.tokens.badgePaddingIconOnly, _Avatar.tokens.badgeFontFamily, _Avatar.tokens.badgeFontSize, _Avatar.tokens.badgeFontStyle, _Avatar.tokens.badgeFontWeight, _Avatar.tokens.badgeLetterSpacing, _Avatar.tokens.badgeLineHeight, _Avatar.tokens.badgeLeftContentMarginLeft, _Avatar.tokens.badgeLeftContentMarginRight, _Avatar.tokens.badgeRightContentMarginLeft, _Avatar.tokens.badgeRightContentMarginRight, _Avatar.tokens.badgePilledBorderRadius, _Avatar.tokens.counterBorderRadius, _Avatar.tokens.counterHeight, _Avatar.tokens.counterPadding, _Avatar.tokens.counterFontFamily, _Avatar.tokens.counterFontSize, _Avatar.tokens.counterFontStyle, _Avatar.tokens.counterFontWeight, _Avatar.tokens.counterLetterSpacing, _Avatar.tokens.counterLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.5rem;", ":600;", ":0.5rem;", ":0.375rem;", ":1;", ":1rem;", ":0.75rem;", ":0 0.125rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize, _Avatar.tokens.extraPlacementFactor, _Avatar.tokens.counterBorderRadius, _Avatar.tokens.counterHeight, _Avatar.tokens.counterPadding, _Avatar.tokens.counterFontFamily, _Avatar.tokens.counterFontSize, _Avatar.tokens.counterFontStyle, _Avatar.tokens.counterFontWeight, _Avatar.tokens.counterLetterSpacing, _Avatar.tokens.counterLineHeight),
+      xxl: /*#__PURE__*/(0, _styledComponents.css)(["", ":6.25rem;", ":2rem;", ":600;", ":2rem;", ":0.75rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":1.25rem;", ":600;", ":1.25rem;", ":0.5rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.25rem;", ":0.875rem;", ":600;", ":0.875rem;", ":0.5rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.5rem;", ":600;", ":0.5rem;", ":0.375rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
       fit: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":0;", ":0;", ":0;", ":0;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize)
     },
     focused: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.1rem;", ":-0.2rem;", ":var(--surface-accent);"], _Avatar.tokens.outlineSize, _Avatar.tokens.outlineOffset, _Avatar.tokens.outlineColor)
-    },
-    badgeView: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-clear);"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);", ":var(--text-accent);", ":var(--surface-clear)"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--text-positive);", ":var(--surface-clear)"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--text-warning);", ":var(--surface-clear)"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-negative);", ":var(--surface-clear)"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-text-pri ", ":var(--surface-clear)mary);"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);", ":var(--on-dark-text-prima ", ":var(--surface-clear)ry);"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear)
-    },
-    counterView: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground)
     }
   }
 };

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
@@ -7,11 +6,6 @@ import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 
 import { Avatar, mergedConfig } from './Avatar';
 
-const extraPlacements = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
-const extraType = ['', 'badge', 'counter'];
-const counterViews = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
-const badgeViews = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
-
 const meta: Meta<typeof Avatar> = {
     title: 'b2c/Data Display/Avatar',
     decorators: [WithTheme],
@@ -19,69 +13,12 @@ const meta: Meta<typeof Avatar> = {
     argTypes: {
         ...argTypesFromConfig(mergedConfig),
         status: { control: 'select', options: ['active', 'inactive'] },
-        type: {
-            control: 'select',
-            options: extraType,
-            if: { arg: 'hasExtra', truthy: true },
-        },
-        extraPlacement: {
-            control: 'select',
-            options: extraPlacements,
-            if: { arg: 'hasExtra', truthy: true },
-        },
-        counterView: {
-            control: 'select',
-            options: counterViews,
-            if: { arg: 'type', eq: 'counter' },
-        },
-        count: {
-            control: 'number',
-            if: { arg: 'type', eq: 'counter' },
-        },
-        maxCount: {
-            control: 'number',
-            if: { arg: 'type', eq: 'counter' },
-        },
-        badgeView: {
-            control: 'select',
-            options: badgeViews,
-            if: { arg: 'type', eq: 'badge' },
-        },
-        text: {
-            control: 'text',
-            if: { arg: 'type', eq: 'badge' },
-        },
-        customColor: {
-            control: 'color',
-            if: { arg: 'type', eq: 'badge' },
-        },
-        customBackgroundColor: {
-            control: 'color',
-            if: { arg: 'type', eq: 'badge' },
-        },
-        pilled: {
-            control: 'boolean',
-            if: { arg: 'type', eq: 'badge' },
-        },
     },
 };
 
 export default meta;
 
-type StoryProps = ComponentProps<typeof Avatar> & {
-    enableContentLeft: boolean;
-    enableContentRight: boolean;
-};
-type Story = StoryObj<StoryProps>;
-
-const BellIcon = (props) => (
-    <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
-        <path
-            d="M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z"
-            fill="currentColor"
-        />
-    </svg>
-);
+type Story = StoryObj<ComponentProps<typeof Avatar>>;
 
 export const Default: Story = {
     args: {
@@ -90,56 +27,10 @@ export const Default: Story = {
         name: 'Иван Фадеев',
         url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
         isScalable: false,
-        hasExtra: false,
-        extraPlacement: 'top-right',
-        type: undefined,
-        counterView: 'accent',
-        count: 3,
-        maxCount: 10,
-        badgeView: 'accent',
-        text: '31',
-        pilled: true,
-        enableContentLeft: false,
-        enableContentRight: false,
     },
     argTypes: {
-        enableContentLeft: {
-            control: { type: 'boolean' },
-            if: { arg: 'type', eq: 'badge' },
-        },
-        enableContentRight: {
-            control: { type: 'boolean' },
-            if: { arg: 'type', eq: 'badge' },
-        },
         ...disableProps(['focused']),
     },
-    render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
-        const iconSize = () => {
-            switch (size) {
-                case 'xxl':
-                    return '1rem';
-                case 'm':
-                    return '0.625rem';
-                default:
-                    return '0.75rem';
-            }
-        };
-
-        return (
-            <>
-                <Avatar
-                    contentLeft={enableContentLeft ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined}
-                    contentRight={
-                        !enableContentLeft && enableContentRight ? (
-                            <BellIcon width={iconSize()} height={iconSize()} />
-                        ) : undefined
-                    }
-                    size={size}
-                    {...rest}
-                />
-            </>
-        );
-    },
 };
 
 export const Accessibility: Story = {
@@ -151,14 +42,6 @@ export const Accessibility: Story = {
         size: 'xxl',
         status: 'active',
         focused: true,
-        hasExtra: false,
-        extraPlacement: 'top-right',
-        type: undefined,
-        counterView: 'accent',
-        count: 3,
-        maxCount: 10,
-        badgeView: 'accent',
-        text: '31',
     },
 };
 
@@ -172,14 +55,6 @@ export const AccessibilityWithURL: Story = {
         focused: true,
         name: 'Микула Селянинович',
         url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
-        hasExtra: false,
-        extraPlacement: 'top-right',
-        type: undefined,
-        counterView: 'accent',
-        count: 3,
-        maxCount: 10,
-        badgeView: 'accent',
-        text: '31',
     },
 };
 
@@ -192,13 +67,5 @@ export const AccessibilityWithCustomText: Story = {
         status: 'inactive',
         focused: true,
         customText: 'ФИО',
-        hasExtra: false,
-        extraPlacement: 'top-right',
-        type: undefined,
-        counterView: 'accent',
-        count: 3,
-        maxCount: 10,
-        badgeView: 'accent',
-        text: '31',
     },
 };

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

@@ -96,6 +96,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         segmentation: 'default',
         min: 0,
         max: 9,
+        precision: 2,
         step: 1,
         width: 188,
         isManualInput: false,

package/styled-components/cjs/examples/plasma_web/components/Avatar/Avatar.config.js

@@ -16,32 +16,14 @@ var config = exports.config = {
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent-gradient);", ":linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);", ":var(--surface-positive);", ":var(--surface-solid-tertiary);", ":1.02;"], _Avatar.tokens.color, _Avatar.tokens.backgroundColor, _Avatar.tokens.statusOnlineColor, _Avatar.tokens.statusOfflineColor, _Avatar.tokens.scaleHover)
     },
     size: {
-      xxl: /*#__PURE__*/(0, _styledComponents.css)(["", ":6.25rem;", ":2rem;", ":600;", ":2rem;", ":0.75rem;", ":0.5rem;", ":1.75rem;", ":0 0.6875rem;", ":0 0.375rem;", ":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-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;", ":1.25rem;", ":1rem;", ":1.75rem;", ":0 0.625rem;", ":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-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize, _Avatar.tokens.badgeBorderRadius, _Avatar.tokens.badgeHeight, _Avatar.tokens.badgePadding, _Avatar.tokens.badgePaddingIconOnly, _Avatar.tokens.badgeFontFamily, _Avatar.tokens.badgeFontSize, _Avatar.tokens.badgeFontStyle, _Avatar.tokens.badgeFontWeight, _Avatar.tokens.badgeLetterSpacing, _Avatar.tokens.badgeLineHeight, _Avatar.tokens.badgeLeftContentMarginLeft, _Avatar.tokens.badgeLeftContentMarginRight, _Avatar.tokens.badgeRightContentMarginLeft, _Avatar.tokens.badgeRightContentMarginRight, _Avatar.tokens.badgePilledBorderRadius, _Avatar.tokens.counterBorderRadius, _Avatar.tokens.counterHeight, _Avatar.tokens.counterPadding, _Avatar.tokens.counterFontFamily, _Avatar.tokens.counterFontSize, _Avatar.tokens.counterFontStyle, _Avatar.tokens.counterFontWeight, _Avatar.tokens.counterLetterSpacing, _Avatar.tokens.counterLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":1.25rem;", ":600;", ":1.25rem;", ":0.5rem;", ":2;", ":0.375rem;", ":1.25rem;", ":0 0.4375rem;", ":0 0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;", ":1.25rem;", ":1rem;", ":1.25rem;", ":0 0.375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize, _Avatar.tokens.extraPlacementFactor, _Avatar.tokens.badgeBorderRadius, _Avatar.tokens.badgeHeight, _Avatar.tokens.badgePadding, _Avatar.tokens.badgePaddingIconOnly, _Avatar.tokens.badgeFontFamily, _Avatar.tokens.badgeFontSize, _Avatar.tokens.badgeFontStyle, _Avatar.tokens.badgeFontWeight, _Avatar.tokens.badgeLetterSpacing, _Avatar.tokens.badgeLineHeight, _Avatar.tokens.badgeLeftContentMarginLeft, _Avatar.tokens.badgeLeftContentMarginRight, _Avatar.tokens.badgeRightContentMarginLeft, _Avatar.tokens.badgeRightContentMarginRight, _Avatar.tokens.badgePilledBorderRadius, _Avatar.tokens.counterBorderRadius, _Avatar.tokens.counterHeight, _Avatar.tokens.counterPadding, _Avatar.tokens.counterFontFamily, _Avatar.tokens.counterFontSize, _Avatar.tokens.counterFontStyle, _Avatar.tokens.counterFontWeight, _Avatar.tokens.counterLetterSpacing, _Avatar.tokens.counterLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.25rem;", ":0.875rem;", ":600;", ":0.875rem;", ":0.5rem;", ":2;", ":0.25rem;", ":1rem;", ":0 0.25rem;", ":0 0.188rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;", ":1.25rem;", ":1rem;", ":1rem;", ":0 0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize, _Avatar.tokens.extraPlacementFactor, _Avatar.tokens.badgeBorderRadius, _Avatar.tokens.badgeHeight, _Avatar.tokens.badgePadding, _Avatar.tokens.badgePaddingIconOnly, _Avatar.tokens.badgeFontFamily, _Avatar.tokens.badgeFontSize, _Avatar.tokens.badgeFontStyle, _Avatar.tokens.badgeFontWeight, _Avatar.tokens.badgeLetterSpacing, _Avatar.tokens.badgeLineHeight, _Avatar.tokens.badgeLeftContentMarginLeft, _Avatar.tokens.badgeLeftContentMarginRight, _Avatar.tokens.badgeRightContentMarginLeft, _Avatar.tokens.badgeRightContentMarginRight, _Avatar.tokens.badgePilledBorderRadius, _Avatar.tokens.counterBorderRadius, _Avatar.tokens.counterHeight, _Avatar.tokens.counterPadding, _Avatar.tokens.counterFontFamily, _Avatar.tokens.counterFontSize, _Avatar.tokens.counterFontStyle, _Avatar.tokens.counterFontWeight, _Avatar.tokens.counterLetterSpacing, _Avatar.tokens.counterLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.5rem;", ":600;", ":0.5rem;", ":0.375rem;", ":1;", ":1rem;", ":0.75rem;", ":0 0.125rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize, _Avatar.tokens.extraPlacementFactor, _Avatar.tokens.counterBorderRadius, _Avatar.tokens.counterHeight, _Avatar.tokens.counterPadding, _Avatar.tokens.counterFontFamily, _Avatar.tokens.counterFontSize, _Avatar.tokens.counterFontStyle, _Avatar.tokens.counterFontWeight, _Avatar.tokens.counterLetterSpacing, _Avatar.tokens.counterLineHeight),
+      xxl: /*#__PURE__*/(0, _styledComponents.css)(["", ":6.25rem;", ":2rem;", ":600;", ":2rem;", ":0.75rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":1.25rem;", ":600;", ":1.25rem;", ":0.5rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.25rem;", ":0.875rem;", ":600;", ":0.875rem;", ":0.5rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.5rem;", ":600;", ":0.5rem;", ":0.375rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
       fit: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":0;", ":0;", ":0;", ":0;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize)
     },
     focused: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.1rem;", ":-0.2rem;", ":var(--surface-accent);"], _Avatar.tokens.outlineSize, _Avatar.tokens.outlineOffset, _Avatar.tokens.outlineColor)
-    },
-    badgeView: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-clear);"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);", ":var(--text-accent);", ":var(--surface-clear)"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--text-positive);", ":var(--surface-clear)"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--text-warning);", ":var(--surface-clear)"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-negative);", ":var(--surface-clear)"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-text-pri ", ":var(--surface-clear)mary);"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear),
-      light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);", ":var(--on-dark-text-prima ", ":var(--surface-clear)ry);"], _Avatar.tokens.badgeColor, _Avatar.tokens.badgeBackground, _Avatar.tokens.badgeColorTransparent, _Avatar.tokens.badgeBackgroundTransparent, _Avatar.tokens.badgeColorClear, _Avatar.tokens.badgeBackgroundClear)
-    },
-    counterView: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground),
-      light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);"], _Avatar.tokens.counterColor, _Avatar.tokens.counterBackground)
     }
   }
 };

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
@@ -7,11 +6,6 @@ import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 
 import { Avatar, mergedConfig } from './Avatar';
 
-const extraPlacements = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
-const extraType = ['', 'badge', 'counter'];
-const counterViews = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
-const badgeViews = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
-
 const meta: Meta<typeof Avatar> = {
     title: 'web/Data Display/Avatar',
     decorators: [WithTheme],
@@ -19,69 +13,12 @@ const meta: Meta<typeof Avatar> = {
     argTypes: {
         ...argTypesFromConfig(mergedConfig),
         status: { control: 'select', options: ['active', 'inactive'] },
-        type: {
-            control: 'select',
-            options: extraType,
-            if: { arg: 'hasExtra', truthy: true },
-        },
-        extraPlacement: {
-            control: 'select',
-            options: extraPlacements,
-            if: { arg: 'hasExtra', truthy: true },
-        },
-        counterView: {
-            control: 'select',
-            options: counterViews,
-            if: { arg: 'type', eq: 'counter' },
-        },
-        count: {
-            control: 'number',
-            if: { arg: 'type', eq: 'counter' },
-        },
-        maxCount: {
-            control: 'number',
-            if: { arg: 'type', eq: 'counter' },
-        },
-        badgeView: {
-            control: 'select',
-            options: badgeViews,
-            if: { arg: 'type', eq: 'badge' },
-        },
-        text: {
-            control: 'text',
-            if: { arg: 'type', eq: 'badge' },
-        },
-        customColor: {
-            control: 'color',
-            if: { arg: 'type', eq: 'badge' },
-        },
-        customBackgroundColor: {
-            control: 'color',
-            if: { arg: 'type', eq: 'badge' },
-        },
-        pilled: {
-            control: 'boolean',
-            if: { arg: 'type', eq: 'badge' },
-        },
     },
 };
 
 export default meta;
 
-type StoryProps = ComponentProps<typeof Avatar> & {
-    enableContentLeft: boolean;
-    enableContentRight: boolean;
-};
-type Story = StoryObj<StoryProps>;
-
-const BellIcon = (props) => (
-    <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
-        <path
-            d="M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z"
-            fill="currentColor"
-        />
-    </svg>
-);
+type Story = StoryObj<ComponentProps<typeof Avatar>>;
 
 export const Default: Story = {
     args: {
@@ -90,56 +27,10 @@ export const Default: Story = {
         name: 'Иван Фадеев',
         url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
         isScalable: false,
-        hasExtra: false,
-        extraPlacement: 'top-right',
-        type: undefined,
-        counterView: 'accent',
-        count: 3,
-        maxCount: 10,
-        badgeView: 'accent',
-        text: '31',
-        pilled: true,
-        enableContentLeft: false,
-        enableContentRight: false,
     },
     argTypes: {
-        enableContentLeft: {
-            control: { type: 'boolean' },
-            if: { arg: 'type', eq: 'badge' },
-        },
-        enableContentRight: {
-            control: { type: 'boolean' },
-            if: { arg: 'type', eq: 'badge' },
-        },
         ...disableProps(['focused']),
     },
-    render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
-        const iconSize = () => {
-            switch (size) {
-                case 'xxl':
-                    return '1rem';
-                case 'm':
-                    return '0.625rem';
-                default:
-                    return '0.75rem';
-            }
-        };
-
-        return (
-            <>
-                <Avatar
-                    contentLeft={enableContentLeft ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined}
-                    contentRight={
-                        !enableContentLeft && enableContentRight ? (
-                            <BellIcon width={iconSize()} height={iconSize()} />
-                        ) : undefined
-                    }
-                    size={size}
-                    {...rest}
-                />
-            </>
-        );
-    },
 };
 
 export const Accessibility: Story = {
@@ -151,14 +42,6 @@ export const Accessibility: Story = {
         size: 'xxl',
         status: 'active',
         focused: true,
-        hasExtra: false,
-        extraPlacement: 'top-right',
-        type: undefined,
-        counterView: 'accent',
-        count: 3,
-        maxCount: 10,
-        badgeView: 'accent',
-        text: '31',
     },
 };
 
@@ -172,14 +55,6 @@ export const AccessibilityWithURL: Story = {
         focused: true,
         name: 'Микула Селянинович',
         url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
-        hasExtra: false,
-        extraPlacement: 'top-right',
-        type: undefined,
-        counterView: 'accent',
-        count: 3,
-        maxCount: 10,
-        badgeView: 'accent',
-        text: '31',
     },
 };
 
@@ -192,13 +67,5 @@ export const AccessibilityWithCustomText: Story = {
         status: 'inactive',
         focused: true,
         customText: 'ФИО',
-        hasExtra: false,
-        extraPlacement: 'top-right',
-        type: undefined,
-        counterView: 'accent',
-        count: 3,
-        maxCount: 10,
-        badgeView: 'accent',
-        text: '31',
     },
 };

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

@@ -96,6 +96,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         segmentation: 'default',
         min: 0,
         max: 9,
+        precision: 2,
         step: 1,
         width: 188,
         isManualInput: false,