@salutejs/sdds-serv 0.352.0-next-sbcom.0 → 0.352.0

package/dist/css/es/index.js

@@ -5,6 +5,7 @@ export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { AvatarGroup } from './components/AvatarGroup/AvatarGroup.js';
 export { Badge } from './components/Badge/Badge.js';
+export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, H6, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
 export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
 export { Button } from './components/Button/Button.js';
 export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
@@ -31,9 +32,11 @@ export { File } from './components/File/File.js';
 export { Flow } from './components/Flow/Flow.js';
 export { Grid } from './components/Grid/Grid.js';
 export { IconButton } from './components/IconButton/IconButton.js';
+export { IconTabItem, TabItem } from './components/Tabs/TabItem.js';
 export { Image } from './components/Image/Image.js';
 export { Indicator } from './components/Indicator/Indicator.js';
 export { InformationWrapper } from './components/InformationWrapper/InformationWrapper.js';
+export { LineSkeleton, TextSkeleton } from './components/Skeleton/Skeleton.js';
 export { Link } from './components/Link/Link.js';
 export { LinkButton } from './components/LinkButton/LinkButton.js';
 export { List } from './components/List/List.js';
@@ -56,15 +59,13 @@ export { Rating } from './components/Rating/Rating.js';
 export { SegmentGroup, SegmentItem } from './components/Segment/Segment.js';
 export { Select } from './components/Select/Select.js';
 export { Sheet } from './components/Sheet/Sheet.js';
-export { LineSkeleton, TextSkeleton } from './components/Skeleton/Skeleton.js';
 export { Slider } from './components/Slider/Slider.js';
 export { Spinner } from './components/Spinner/Spinner.js';
 export { Steps } from './components/Steps/Steps.js';
 export { Switch } from './components/Switch/Switch.js';
 export { Table } from './components/Table/Table.js';
-export { TabsController } from './components/Tabs/TabsController.js';
 export { Tabs } from './components/Tabs/Tabs.js';
-export { IconTabItem, TabItem } from './components/Tabs/TabItem.js';
+export { TabsController } from './components/Tabs/TabsController.js';
 export { TextArea } from './components/TextArea/TextArea.js';
 export { TextField } from './components/TextField/TextField.js';
 export { TextFieldGroup } from './components/TextFieldGroup/TextFieldGroup.js';
@@ -75,6 +76,5 @@ export { Toolbar, ToolbarDivider } from './components/Toolbar/Toolbar.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
 export { Tour } from './components/Tour/Tour.js';
 export { Tree } from './components/Tree/Tree.js';
-export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, H6, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
 export { ViewContainer } from './components/ViewContainer/ViewContainer.js';
 //# sourceMappingURL=index.js.map

package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js

@@ -223,13 +223,13 @@ const config = {
                 ${_emotion.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${_emotion.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
-                ${_emotion.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.autocompleteTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${_emotion.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -298,13 +298,13 @@ const config = {
                 ${_emotion.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_emotion.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_emotion.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.autocompleteTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${_emotion.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -373,13 +373,13 @@ const config = {
                 ${_emotion.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_emotion.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_emotion.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.autocompleteTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -448,13 +448,13 @@ const config = {
                 ${_emotion.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${_emotion.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
-                ${_emotion.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.autocompleteTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;

package/dist/emotion/cjs/components/Combobox/Combobox.config.js

@@ -14,6 +14,7 @@ const config = {
         view: 'default',
         size: 'm',
         labelPlacement: 'outer',
+        chipView: 'secondary',
         hintView: 'default',
         hintSize: 'm'
     },
@@ -274,13 +275,13 @@ const config = {
                 ${_emotion.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${_emotion.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
-                ${_emotion.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.comboboxTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${_emotion.comboboxTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -395,13 +396,13 @@ const config = {
                 ${_emotion.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_emotion.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_emotion.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.comboboxTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${_emotion.comboboxTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -516,13 +517,13 @@ const config = {
                 ${_emotion.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_emotion.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_emotion.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.comboboxTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.comboboxTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -637,13 +638,13 @@ const config = {
                 ${_emotion.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${_emotion.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
-                ${_emotion.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.comboboxTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.comboboxTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -735,6 +736,53 @@ const config = {
             `,
             outer: (0, _emotion.css)``
         },
+        chipView: {
+            default: (0, _emotion.css)`
+                ${_emotion.comboboxTokens.textFieldChipColor}: var(--inverse-text-primary);
+                ${_emotion.comboboxTokens.textFieldChipColorHover}: var(--inverse-text-primary);
+                ${_emotion.comboboxTokens.textFieldChipBackground}: var(--surface-solid-default);
+                ${_emotion.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
+                ${_emotion.comboboxTokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
+                ${_emotion.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--inverse-text-secondary);
+                ${_emotion.comboboxTokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
+
+                ${_emotion.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);
+                ${_emotion.comboboxTokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);
+                ${_emotion.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);
+                ${_emotion.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);
+                ${_emotion.comboboxTokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            secondary: (0, _emotion.css)`
+                ${_emotion.comboboxTokens.textFieldChipColor}: var(--text-primary);
+                ${_emotion.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
+                ${_emotion.comboboxTokens.textFieldChipBackground}: var(--surface-transparent-secondary);
+                ${_emotion.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${_emotion.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
+                ${_emotion.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
+                ${_emotion.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
+
+                ${_emotion.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${_emotion.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
+                ${_emotion.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${_emotion.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
+                ${_emotion.comboboxTokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            accent: (0, _emotion.css)`
+                ${_emotion.comboboxTokens.textFieldChipColor}: var(--on-dark-text-primary);
+                ${_emotion.comboboxTokens.textFieldChipColorHover}: var(--on-dark-text-primary);
+                ${_emotion.comboboxTokens.textFieldChipBackground}: var(--surface-accent);
+                ${_emotion.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);
+                ${_emotion.comboboxTokens.textFieldChipCloseIconColor}: var(--on-dark-text-secondary);
+                ${_emotion.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--on-dark-text-secondary);
+                ${_emotion.comboboxTokens.textFieldChipCloseIconColorHover}: var(--on-dark-text-primary);
+
+                ${_emotion.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);
+                ${_emotion.comboboxTokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);
+                ${_emotion.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);
+                ${_emotion.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);
+                ${_emotion.comboboxTokens.textFieldChipOpacityReadonly}: 1;
+            `
+        },
         hintView: {
             default: (0, _emotion.css)`
                 ${_emotion.comboboxTokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);

package/dist/emotion/cjs/components/DateTimePicker/DateTimePicker.clear.config.js

@@ -117,6 +117,8 @@ const config = {
 
                 ${_emotion.dateTimePickerTokens.shortcutColor}: var(--text-primary);
                 ${_emotion.dateTimePickerTokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
+
+                ${_emotion.dateTimePickerTokens.timeGridDisabledOpacity}: 0.4;
             `
         },
         size: {

package/dist/emotion/cjs/components/DateTimePicker/DateTimePicker.config.js

@@ -104,6 +104,8 @@ const config = {
 
                 ${_emotion.dateTimePickerTokens.shortcutColor}: var(--text-primary);
                 ${_emotion.dateTimePickerTokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
+
+                ${_emotion.dateTimePickerTokens.timeGridDisabledOpacity}: 0.4;
             `
         },
         size: {

package/dist/emotion/cjs/components/LinkButton/LinkButton.config.js

@@ -81,6 +81,17 @@ const config = {
                 ${_emotion.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${_emotion.linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);
                 ${_emotion.linkButtonTokens.linkButtonTextColorActive}: var(--text-negative-active);
+            `,
+            info: (0, _emotion.css)`
+                ${_emotion.linkButtonTokens.linkButtonColor}: var(--text-info);
+                ${_emotion.linkButtonTokens.linkButtonIconColor}: var(--text-info);
+                ${_emotion.linkButtonTokens.linkButtonTextColor}: var(--text-info);
+                ${_emotion.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${_emotion.linkButtonTokens.linkButtonColorHover}: var(--text-info-hover);
+                ${_emotion.linkButtonTokens.linkButtonColorActive}: var(--text-info-active);
+                ${_emotion.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
+                ${_emotion.linkButtonTokens.linkButtonTextColorHover}: var(--text-info-hover);
+                ${_emotion.linkButtonTokens.linkButtonTextColorActive}: var(--text-info-active);
             `
         },
         size: {

package/dist/emotion/cjs/components/Note/Note.config.js

@@ -12,7 +12,8 @@ const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
         view: 'default',
-        size: 'l'
+        size: 'l',
+        orientation: 'vertical'
     },
     variations: {
         view: {
@@ -51,6 +52,8 @@ const config = {
                 ${_emotion.noteTokens.gapScalable}: 1rem;
                 ${_emotion.noteTokens.contentGap}: 0.25rem;
 
+                ${_emotion.noteTokens.paddingBottomWithActionContent}: 0.4375rem;
+
                 ${_emotion.noteTokens.closeIconTop}: 1rem;
                 ${_emotion.noteTokens.closeIconRight}: 1rem;
                 ${_emotion.noteTokens.closeIconColor}: var(--text-secondary);
@@ -60,7 +63,7 @@ const config = {
 
                 ${_emotion.noteTokens.fixedContentBeforeWidth}: 1.5rem;
                 ${_emotion.noteTokens.fixedContentBeforeHeight}: 2rem;
-                ${_emotion.noteTokens.fixedContentBeforePadding}: 0.25rem 0;
+                ${_emotion.noteTokens.fixedContentBeforePadding}: 0.25rem 0rem;
 
                 ${_emotion.noteTokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);
                 ${_emotion.noteTokens.titleFontSize}: var(--plasma-typo-text-l-font-size);
@@ -85,6 +88,8 @@ const config = {
                 ${_emotion.noteTokens.gapScalable}: 0.75rem;
                 ${_emotion.noteTokens.contentGap}: 0.125rem;
 
+                ${_emotion.noteTokens.paddingBottomWithActionContent}: 0.5rem;
+
                 ${_emotion.noteTokens.closeIconTop}: 0.75rem;
                 ${_emotion.noteTokens.closeIconRight}: 0.75rem;
                 ${_emotion.noteTokens.closeIconColor}: var(--text-secondary);
@@ -93,8 +98,8 @@ const config = {
                 ${_emotion.noteTokens.closeIconButtonSize}: 1.5rem;
 
                 ${_emotion.noteTokens.fixedContentBeforeWidth}: 1.5rem;
-                ${_emotion.noteTokens.fixedContentBeforeHeight}: 1.5rem;
-                ${_emotion.noteTokens.fixedContentBeforePadding}: 0;
+                ${_emotion.noteTokens.fixedContentBeforeHeight}: 1.625rem;
+                ${_emotion.noteTokens.fixedContentBeforePadding}: 0rem;
 
                 ${_emotion.noteTokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);
                 ${_emotion.noteTokens.titleFontSize}: var(--plasma-typo-text-m-font-size);
@@ -119,6 +124,8 @@ const config = {
                 ${_emotion.noteTokens.gapScalable}: 0.75rem;
                 ${_emotion.noteTokens.contentGap}: 0.125rem;
 
+                ${_emotion.noteTokens.paddingBottomWithActionContent}: 0.3125rem;
+
                 ${_emotion.noteTokens.closeIconTop}: 0.625rem;
                 ${_emotion.noteTokens.closeIconRight}: 0.625rem;
                 ${_emotion.noteTokens.closeIconColor}: var(--text-secondary);
@@ -128,7 +135,7 @@ const config = {
 
                 ${_emotion.noteTokens.fixedContentBeforeWidth}: 1rem;
                 ${_emotion.noteTokens.fixedContentBeforeHeight}: 1.125rem;
-                ${_emotion.noteTokens.fixedContentBeforePadding}: 0.063rem 0;
+                ${_emotion.noteTokens.fixedContentBeforePadding}: 0.063rem 0rem;
 
                 ${_emotion.noteTokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);
                 ${_emotion.noteTokens.titleFontSize}: var(--plasma-typo-text-s-font-size);
@@ -153,6 +160,8 @@ const config = {
                 ${_emotion.noteTokens.gapScalable}: 0.5rem;
                 ${_emotion.noteTokens.contentGap}: 0.125rem;
 
+                ${_emotion.noteTokens.paddingBottomWithActionContent}: 0.1875rem;
+
                 ${_emotion.noteTokens.closeIconTop}: 0.625rem;
                 ${_emotion.noteTokens.closeIconRight}: 0.625rem;
                 ${_emotion.noteTokens.closeIconColor}: var(--text-secondary);
@@ -162,7 +171,7 @@ const config = {
 
                 ${_emotion.noteTokens.fixedContentBeforeWidth}: 1rem;
                 ${_emotion.noteTokens.fixedContentBeforeHeight}: 1rem;
-                ${_emotion.noteTokens.fixedContentBeforePadding}: 0;
+                ${_emotion.noteTokens.fixedContentBeforePadding}: 0rem;
 
                 ${_emotion.noteTokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);
                 ${_emotion.noteTokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);
@@ -179,6 +188,44 @@ const config = {
                 ${_emotion.noteTokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
                 ${_emotion.noteTokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);
             `
+        },
+        orientation: {
+            vertical: (0, _emotion.css)``,
+            horizontal: (0, _emotion.css)``
         }
-    }
+    },
+    intersections: [
+        {
+            size: 'l',
+            orientation: 'horizontal',
+            style: (0, _emotion.css)`
+                ${_emotion.noteTokens.actionContentMargin}: -0.5rem 0rem 0rem 1rem;
+                ${_emotion.noteTokens.closeIconMargin}: 0.4375rem 0rem 0rem 1.25rem;
+            `
+        },
+        {
+            size: 'm',
+            orientation: 'horizontal',
+            style: (0, _emotion.css)`
+                ${_emotion.noteTokens.actionContentMargin}: -0.6875rem 0rem 0rem 1rem;
+                ${_emotion.noteTokens.closeIconMargin}: 0.0625rem 0rem 0rem 1.25rem;
+            `
+        },
+        {
+            size: 's',
+            orientation: 'horizontal',
+            style: (0, _emotion.css)`
+                ${_emotion.noteTokens.actionContentMargin}: -0.625rem 0rem 0rem 0.75rem;
+                ${_emotion.noteTokens.closeIconMargin}: -0.125rem 0rem 0rem 0.875rem;
+            `
+        },
+        {
+            size: 'xs',
+            orientation: 'horizontal',
+            style: (0, _emotion.css)`
+                ${_emotion.noteTokens.actionContentMargin}: -0.5rem 0rem 0rem 0.75rem;
+                ${_emotion.noteTokens.closeIconMargin}: -0.0625rem 0rem 0rem 0.875rem;
+            `
+        }
+    ]
 };

package/dist/emotion/cjs/components/Select/Select.config.js

@@ -402,13 +402,13 @@ const config = {
                 ${_emotion.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${_emotion.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
-                ${_emotion.selectTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.selectTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${_emotion.selectTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -527,13 +527,13 @@ const config = {
                 ${_emotion.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_emotion.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_emotion.selectTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.selectTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${_emotion.selectTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -652,13 +652,13 @@ const config = {
                 ${_emotion.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_emotion.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_emotion.selectTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.selectTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.selectTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -777,13 +777,13 @@ const config = {
                 ${_emotion.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${_emotion.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
-                ${_emotion.selectTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${_emotion.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_emotion.selectTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.selectTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;

package/dist/emotion/cjs/components/Slider/Slider.config.js

@@ -12,7 +12,8 @@ const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
         view: 'default',
-        size: 'm'
+        size: 'm',
+        pointerSize: 'small'
     },
     variations: {
         view: {
@@ -122,10 +123,6 @@ const config = {
                 ${_emotion.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${_emotion.sliderTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);
 
-                ${_emotion.sliderTokens.thumbSize}: 1rem;
-                ${_emotion.sliderTokens.thumbSizeLarge}: 1.25rem;
-                ${_emotion.sliderTokens.thumbBorder}: 0.0625rem solid;
-
                 ${_emotion.sliderTokens.tickSize}: 0.5rem;
 
                 ${_emotion.sliderTokens.currentValueTopOffset}: 1.625rem;
@@ -175,10 +172,6 @@ const config = {
                 ${_emotion.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_emotion.sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${_emotion.sliderTokens.thumbSize}: 1rem;
-                ${_emotion.sliderTokens.thumbSizeLarge}: 1.25rem;
-                ${_emotion.sliderTokens.thumbBorder}: 0.0625rem solid;
-
                 ${_emotion.sliderTokens.tickSize}: 0.5rem;
 
                 ${_emotion.sliderTokens.currentValueTopOffset}: 1.75rem;
@@ -228,10 +221,6 @@ const config = {
                 ${_emotion.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_emotion.sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_emotion.sliderTokens.thumbSize}: 1rem;
-                ${_emotion.sliderTokens.thumbSizeLarge}: 1.25rem;
-                ${_emotion.sliderTokens.thumbBorder}: 0.0625rem solid;
-
                 ${_emotion.sliderTokens.tickSize}: 0.5rem;
 
                 ${_emotion.sliderTokens.currentValueTopOffset}: 1.25rem;
@@ -253,6 +242,21 @@ const config = {
                 ${_emotion.sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
             `
         },
+        pointerSize: {
+            small: (0, _emotion.css)`
+                ${_emotion.sliderTokens.thumbSize}: 1rem;
+                ${_emotion.sliderTokens.thumbBorderStyle}: solid;
+                ${_emotion.sliderTokens.thumbBorderWidth}: 0.0625rem;
+            `,
+            large: (0, _emotion.css)`
+                ${_emotion.sliderTokens.thumbSize}: 1.25rem;
+                ${_emotion.sliderTokens.thumbBorderStyle}: solid;
+                ${_emotion.sliderTokens.thumbBorderWidth}: 0.0625rem;
+            `,
+            none: (0, _emotion.css)`
+                ${_emotion.sliderTokens.thumbSize}: 0rem;
+            `
+        },
         disabled: {
             true: (0, _emotion.css)`
                 ${_emotion.sliderTokens.disabledOpacity}: 0.4;