@salutejs/plasma-new-hope 0.178.0-canary.1514.11575933383.0 → 0.178.0-dev.0

package/styled-components/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
 import React, { forwardRef } from 'react';
-import { useUniqId } from '@salutejs/plasma-core';
+import { safeUseId } from '../../../../utils';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { StyledDropdownGroup, StyledDropdownLabel } from './DropdownGroup.styles';
@@ -21,7 +21,7 @@ export var dropdownGroupRoot = function dropdownGroupRoot(Root) {
       view = _ref.view,
       size = _ref.size,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var uniqId = useUniqId();
+    var uniqId = safeUseId();
     var innerId = id || uniqId;
     return /*#__PURE__*/React.createElement(Root, {
       id: innerId,

package/styled-components/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
 import React, { forwardRef } from 'react';
-import { useUniqId } from '@salutejs/plasma-core';
+import { safeUseId } from '../../../../utils';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { StyledDropdownHeader } from './DropdownHeader.styles';
@@ -18,7 +18,7 @@ export var dropdownHeaderRoot = function dropdownHeaderRoot(Root) {
       size = _ref.size,
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var uniqId = useUniqId();
+    var uniqId = safeUseId();
     var innerId = id || uniqId;
     return /*#__PURE__*/React.createElement(Root, {
       id: innerId,

package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js

@@ -3,7 +3,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
 import React, { forwardRef, useRef } from 'react';
-import { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';
+import { useForkRef } from '@salutejs/plasma-core';
+import { useFocusTrap } from '../../../../hooks';
+import { safeUseId } from '../../../../utils';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { StyledDropdown, StyledPopover } from './Dropdown.styles';
@@ -42,7 +44,7 @@ export var dropdownOldRoot = function dropdownOldRoot(Root) {
       closeOnEsc = _ref$closeOnEsc === void 0 ? false : _ref$closeOnEsc,
       rest = _objectWithoutProperties(_ref, _excluded);
     var innerIsOpen = Boolean(isOpen || opened);
-    var uniqId = useUniqId();
+    var uniqId = safeUseId();
     var innerId = id || uniqId;
     var rootRef = useRef(null);
     var dropdownRef = useRef(null);

package/styled-components/es/components/Popover/Popover.js

@@ -16,7 +16,8 @@ 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; }
 import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react';
 import { usePopper } from 'react-popper';
-import { useFocusTrap, useForkRef } from '@salutejs/plasma-core';
+import { useForkRef } from '@salutejs/plasma-core';
+import { useFocusTrap } from '../../hooks';
 import { cx } from '../../utils';
 import { Portal } from '../Portal';
 import { base as viewCSS } from './variations/_view/base';

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

@@ -16,11 +16,8 @@ export var config = {
       light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);"], counterTokens.color, counterTokens.background)
     },
     size: {
-      l: /*#__PURE__*/css(["", ":1rem;", ":1.75rem;", ":0.625rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
-      m: /*#__PURE__*/css(["", ":1rem;", ":1.5rem;", ":0.5rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
-      s: /*#__PURE__*/css(["", ":1rem;", ":1.25rem;", ":0.375rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
-      xs: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":0.25rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
-      xxs: /*#__PURE__*/css(["", ":1rem;", ":0.75rem;", ":0.125rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight)
+      xs: /*#__PURE__*/css(["", ":0.5rem;", ":1rem;", ":0.25rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
+      xxs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight)
     }
   }
 };

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 import type { StoryObj, Meta } from '@storybook/react';
 
@@ -5,22 +6,19 @@ import { WithTheme } from '../../../_helpers';
 
 import { Counter } from './Counter';
 
-const sizes = ['l', 'm', 's', 'xs', 'xxs'];
-const views = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
-
 const meta: Meta<typeof Counter> = {
     title: 'plasma_b2c/Counter',
     component: Counter,
     decorators: [WithTheme],
     argTypes: {
         size: {
-            options: sizes,
+            options: ['xs', 'xxs'],
             control: {
                 type: 'select',
             },
         },
         view: {
-            options: views,
+            options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
             control: {
                 type: 'select',
             },
@@ -35,8 +33,8 @@ type Story = StoryObj<typeof Counter>;
 
 export const Default: Story = {
     args: {
-        count: 123,
-        maxCount: 200,
+        count: 25,
+        maxCount: 100,
         view: 'default',
         size: 'xs',
     },

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

@@ -37,6 +37,7 @@ const placements: Array<PopoverPlacement> = [
 ];
 
 type StoryTextAreaPropsCustom = {
+    hasHint?: boolean;
     enableContentRight?: boolean;
 };
 
@@ -92,43 +93,44 @@ const meta: Meta<StoryTextAreaProps> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
     },
     args: {
@@ -152,6 +154,7 @@ const meta: Meta<StoryTextAreaProps> = {
         requiredPlacement: 'right',
         clear: false,
         hasDivider: false,
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',

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

@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
     },
 };
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         requiredPlacement: 'right',
         clear: false,
         hasDivider: false,
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
     | 'minLength'
     | 'enumerationType'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };

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

@@ -16,11 +16,8 @@ export var config = {
       light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);"], counterTokens.color, counterTokens.background)
     },
     size: {
-      l: /*#__PURE__*/css(["", ":1rem;", ":1.75rem;", ":0.625rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
-      m: /*#__PURE__*/css(["", ":1rem;", ":1.5rem;", ":0.5rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
-      s: /*#__PURE__*/css(["", ":1rem;", ":1.25rem;", ":0.375rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
-      xs: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":0.25rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
-      xxs: /*#__PURE__*/css(["", ":1rem;", ":0.75rem;", ":0.125rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight)
+      xs: /*#__PURE__*/css(["", ":0.5rem;", ":1rem;", ":0.25rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
+      xxs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight)
     }
   }
 };

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 import type { StoryObj, Meta } from '@storybook/react';
 
@@ -5,22 +6,19 @@ import { WithTheme } from '../../../_helpers';
 
 import { Counter } from './Counter';
 
-const sizes = ['l', 'm', 's', 'xs', 'xxs'];
-const views = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
-
 const meta: Meta<typeof Counter> = {
     title: 'plasma_web/Counter',
     component: Counter,
     decorators: [WithTheme],
     argTypes: {
         size: {
-            options: sizes,
+            options: ['xs', 'xxs'],
             control: {
                 type: 'select',
             },
         },
         view: {
-            options: views,
+            options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
             control: {
                 type: 'select',
             },
@@ -35,8 +33,8 @@ type Story = StoryObj<typeof Counter>;
 
 export const Default: Story = {
     args: {
-        count: 123,
-        maxCount: 200,
+        count: 25,
+        maxCount: 100,
         view: 'default',
         size: 'xs',
     },

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

@@ -37,6 +37,7 @@ const placements: Array<PopoverPlacement> = [
 ];
 
 type StoryTextAreaPropsCustom = {
+    hasHint?: boolean;
     enableContentRight?: boolean;
 };
 
@@ -92,43 +93,44 @@ const meta: Meta<StoryTextAreaProps> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
     },
     args: {
@@ -152,6 +154,7 @@ const meta: Meta<StoryTextAreaProps> = {
         requiredPlacement: 'right',
         clear: false,
         hasDivider: false,
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',

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

@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', truthy: true },
         },
     },
 };
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
     | 'minLength'
     | 'enumerationType'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAMpD,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;wCAmBnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBArBQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;;;;;;CAsCxE,CAAC"}
+{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;wCAWnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBAbQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;;;;;;CA8BxE,CAAC"}

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

@@ -1,6 +1,3 @@
-export declare const classes: {
-    round: string;
-};
 export declare const tokens: {
     background: string;
     color: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAiBlB,CAAC"}
+{"version":3,"file":"Counter.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAiBlB,CAAC"}

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

@@ -1,11 +1,11 @@
 import type { HTMLAttributes } from 'react';
 declare type CustomCounterProps = {
     /**
-     * Отображаемое число. Не может быть меньше 1.
+     * Отображаемое число
      */
     count: number;
     /**
-     * Максимальное отображаемое число. Не может быть меньше 1.
+     * Максимальное отображаемое число
      */
     maxCount?: number;
     /**

package/types/components/Counter/variations/_size/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Counter/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAoBhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Counter/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAgBhB,CAAC"}

package/types/components/Dropdown/ui/DropdownDivider/DropdownDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownDivider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownDivider/DropdownDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,mBAAmB,SAAU,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;wCAUnF,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBAZQ,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;CA6BxF,CAAC"}
+{"version":3,"file":"DropdownDivider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownDivider/DropdownDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,mBAAmB,SAAU,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;wCAUnF,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBAZQ,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;CA6BxF,CAAC"}

package/types/components/Dropdown/ui/DropdownFooter/DropdownFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownFooter/DropdownFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;wCAclF,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAhBQ,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;CAiCtF,CAAC"}
+{"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownFooter/DropdownFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;wCAclF,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAhBQ,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;CAiCtF,CAAC"}

package/types/components/Dropdown/ui/DropdownGroup/DropdownGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownGroup/DropdownGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,iBAAiB,SAAU,UAAU,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;wCAehF,CAAC;AAEN,eAAO,MAAM,mBAAmB;;;mBAjBQ,UAAU,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;CAkCpF,CAAC"}
+{"version":3,"file":"DropdownGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownGroup/DropdownGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,iBAAiB,SAAU,UAAU,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;wCAehF,CAAC;AAEN,eAAO,MAAM,mBAAmB;;;mBAjBQ,UAAU,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;CAkCpF,CAAC"}

package/types/components/Dropdown/ui/DropdownHeader/DropdownHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownHeader/DropdownHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;wCAclF,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAhBQ,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;CAiCtF,CAAC"}
+{"version":3,"file":"DropdownHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownHeader/DropdownHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;wCAclF,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAhBQ,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;CAiCtF,CAAC"}

package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOld.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/DropdownOld.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKAgEzE,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAlEQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAmF7E,CAAC"}
+{"version":3,"file":"DropdownOld.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/DropdownOld.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKAgEzE,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAlEQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAmF7E,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAKpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JA2PpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA7PQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA0QxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAKpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JA2PpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA7PQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA0QxE,CAAC"}

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

@@ -14,9 +14,6 @@ export declare const config: {
             light: import("@linaria/core").LinariaClassName;
         };
         size: {
-            l: import("@linaria/core").LinariaClassName;
-            m: import("@linaria/core").LinariaClassName;
-            s: import("@linaria/core").LinariaClassName;
             xs: import("@linaria/core").LinariaClassName;
             xxs: import("@linaria/core").LinariaClassName;
         };

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

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

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

@@ -10,9 +10,6 @@ export declare const Counter: import("react").FunctionComponent<import("../../..
         light: import("@linaria/core").LinariaClassName;
     };
     size: {
-        l: import("@linaria/core").LinariaClassName;
-        m: import("@linaria/core").LinariaClassName;
-        s: import("@linaria/core").LinariaClassName;
         xs: import("@linaria/core").LinariaClassName;
         xxs: import("@linaria/core").LinariaClassName;
     };

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

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

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

@@ -14,9 +14,6 @@ export declare const config: {
             light: import("@linaria/core").LinariaClassName;
         };
         size: {
-            l: import("@linaria/core").LinariaClassName;
-            m: import("@linaria/core").LinariaClassName;
-            s: import("@linaria/core").LinariaClassName;
             xs: import("@linaria/core").LinariaClassName;
             xxs: import("@linaria/core").LinariaClassName;
         };

package/types/examples/plasma_web/components/Counter/Counter.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Counter/Counter.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAmGlB,CAAC"}
+{"version":3,"file":"Counter.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Counter/Counter.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CA+DlB,CAAC"}

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

@@ -10,9 +10,6 @@ export declare const Counter: import("react").FunctionComponent<import("../../..
         light: import("@linaria/core").LinariaClassName;
     };
     size: {
-        l: import("@linaria/core").LinariaClassName;
-        m: import("@linaria/core").LinariaClassName;
-        s: import("@linaria/core").LinariaClassName;
         xs: import("@linaria/core").LinariaClassName;
         xxs: import("@linaria/core").LinariaClassName;
     };

package/types/examples/plasma_web/components/Counter/Counter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Counter/Counter.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC"}
+{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Counter/Counter.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC"}