@salutejs/plasma-web 1.503.0 → 1.504.0-canary.1718.12929142809.0

package/CHANGELOG.md

@@ -1,3 +1,160 @@
+# 1.503.0 (23 января 2025)
+
+## Функциональные изменения в компонентах
+
+### Rating
+
+* исправлена логика расчета отображаемого значения
+
+**Before**: <img width="521" alt="image" src="https://github.com/user-attachments/assets/187e7764-1a7d-440a-a027-66d9ab131401" />
+
+**After**: <img width="517" alt="image" src="https://github.com/user-attachments/assets/23f56b4f-3ead-45fd-9d6b-3a0d3c8cba3f" />
+
+[PR](https://github.com/salute-developers/plasma/pull/1685)
+
+### Note
+
+* добавлен новый компонент Note
+
+<img width="454" alt="image" src="https://github.com/user-attachments/assets/01230e8f-117c-46ec-b50f-8427e648049a" />
+
+[PR](https://github.com/salute-developers/plasma/pull/1681)
+
+### Flow
+
+Универсальный контейнер для упорядоченного размещения вложенных компонентов (например, медиафайлы, карточки или блоки текста).
+
+[PR](https://github.com/salute-developers/plasma/pull/1657)
+
+### NumberInput
+
+* исправлен баг, позволявший ввести число с точкой в конце, больше максимального значения или ниже минимального значения
+* добавлено свойство `precision`, определяющее кол-во знаков после запятой
+* добавлены тесты на эти кейсы
+
+[PR](https://github.com/salute-developers/plasma/pull/1699)
+
+### DatePicker
+
+* добавлена возможность указать место раскрытия календаря
+
+**After**: <img width="620" alt="image" src="https://github.com/user-attachments/assets/06764c3a-c58d-46a9-a027-49715ebe91e4" />
+
+[PR](https://github.com/salute-developers/plasma/pull/1697)
+
+### Avatar
+
+* добавлен блок для отображения дополнительного контента в виде badge или counter
+
+**After**: <img width="127" alt="image" src="https://github.com/user-attachments/assets/9e795ffb-4d81-44d5-8959-63234db209b8" /> <img width="116" alt="image" src="https://github.com/user-attachments/assets/452d8c47-44a4-4a75-b3a7-d7a43381469b" />
+
+[PR](https://github.com/salute-developers/plasma/pull/1696)
+
+* поля ввода даты становятся независимыми после выбора полной даты в DatePickerRange
+* добавлено свойство `closeAfterDateSelect`, позволяющее закрыть календарь после выбора даты
+
+[PR](https://github.com/salute-developers/plasma/pull/1702)
+
+### Slider
+
+* Изменен отступ между иконкой слева и label при горизонтальном слайдере
+
+[PR](https://github.com/salute-developers/plasma/pull/1703)
+
+### ThemeBuilder
+
+Добавлена валидация при создании токена / редактировании токена:
+
+* Проверка, что токен называется в CamelCase нотации
+* Название токена не должно превышвать 32 символа
+* Название не должно начинаться с название подгруппы, в которой он создаётся
+* В названии не должно быть зарезервированных слов "onDark", "onLight", "inverse"
+* Значение обычного цвета теперь поддерживается только в HEX и HEXA форматах
+* Значение градиента допускается только в полном описании: linear|radial-gradient (<угол / радиус>, <цвет> <позиция>, <цвет> <позиция>)
+
+[PR](https://github.com/salute-developers/plasma/pull/1690)
+
+### Cell
+
+* добавлена возможность передачи `restProps` в компоненты `CellTextbox`
+* исправлен пример для `CellTextbox`
+
+### Checkbox
+
+* исправлена ширина кликабельной области `label` по умолчанию (`singleLine=false`)
+* добавлена `story` для длинного названия + `singleLine`
+* добавлен тест на клик по `label` и тест для свойства `singleLine`
+
+### Radiobox
+
+* исправлена ширина кликабельной области `label` по умолчанию (`singleLine=false`)
+
+[PR](https://github.com/salute-developers/plasma/pull/1701)
+
+### TextField, Autocomplete, TextArea, Combobox, Select
+
+* исправлен размер иконки trigger для hint
+* добавлено отображение Hint внутри TextField-like компонент
+
+<img width="1080" alt="image" src="https://github.com/user-attachments/assets/99ab8bf7-b1b0-422b-a9e8-9fec18134833" />
+
+[PR](https://github.com/salute-developers/plasma/pull/1706)
+
+### Combobox, Select, Dropdown
+
+* добавлена возможность задавать направление раскрытия вложенных дропдаунов
+
+<img width="420" alt="image" src="https://github.com/user-attachments/assets/1ada8d53-f6ed-4ea7-a921-d433ddd273a0" />
+
+[PR](https://github.com/salute-developers/plasma/pull/1709)
+
+### Button, IconButton
+
+* актуализированы примеры документации для свойств: `size`, `view`
+
+[PR](https://github.com/salute-developers/plasma/pull/1668)
+
+### Tree
+
+* перенесен внешний css из rc-tree в локальную сборку
+
+[PR](https://github.com/salute-developers/plasma/pull/1710)
+
+### Tokens
+
+* актуализированы токены для конфигураций компонентов
+
+[PR](https://github.com/salute-developers/plasma/pull/1646)
+
+### Autocomplete, Select, Combobox
+
+* добавлены новые токены для более детальной кастомизации
+* исправлен токен жирности шрифта для `button-like` варианта `Select`;
+
+[PR](https://github.com/salute-developers/plasma/pull/1675)
+
+### Dropdown
+
+* добавлен токен `itemMargin`
+* добавлен токен `disclosureIconColor`
+
+[PR](https://github.com/salute-developers/plasma/pull/1705)
+
+## Изменения в библиотеки
+
+* актуализированы токены для конфигураций компонентов и тестов
+* обновлены snapshots для компонентов
+* добавлено подключение theme из `plasma-themes` для `storybook` в `decoratorThemes`
+
+[PR](https://github.com/salute-developers/plasma/pull/1646)
+
+### Audioplayer, Card, Carousel, ElasticGrid, Modal, Portal, PreviewGallery, Upload, UploadAudio, UploadVisual
+
+* добавлено примечание о том что используются только в сборке `styled-components`
+
+[PR](https://github.com/salute-developers/plasma/pull/1677)
+
+
 # 1.491.0 (26 декабря 2024)
 
 ## Функциональные изменения в компонентах

package/api/plasma-web.api.md

@@ -3085,6 +3085,7 @@ export const NotificationsProvider: React_2.FC<{
     children: ReactNode;
     frame?: string;
     placement?: NotificationPlacement;
+    UNSAFE_SSR_ENABLED?: boolean;
 }>;
 
 // @public (undocumented)

package/components/Notification/Notification.d.ts

@@ -21,4 +21,5 @@ export declare const NotificationsProvider: React.FC<{
     children: ReactNode;
     frame?: string;
     placement?: NotificationPlacement;
+    UNSAFE_SSR_ENABLED?: boolean;
 }>;

package/components/Notification/Notification.js

@@ -14,10 +14,12 @@ var NotificationsProvider = exports.NotificationsProvider = function Notificatio
   var children = _ref.children,
     _ref$frame = _ref.frame,
     frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-    placement = _ref.placement;
+    placement = _ref.placement,
+    UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
   return /*#__PURE__*/_react["default"].createElement(_styledComponents.NotificationsProvider, {
     config: mergedConfig,
     frame: frame,
-    placement: placement
+    placement: placement,
+    UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
   }, children);
 };

package/css/cjs/components/Notification/Notification.js

@@ -16,11 +16,13 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,
     frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-    placement = _ref.placement;
+    placement = _ref.placement,
+    UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
   return /*#__PURE__*/React__default.default.createElement(plasmaNewHope.NotificationsProvider, {
     config: mergedConfig,
     frame: frame,
-    placement: placement
+    placement: placement,
+    UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
   }, children);
 };
 

package/css/cjs/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n    NotificationPlacement,\n    notificationConfig,\n    NotificationsProvider as Provider,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n}> = ({ children, frame = 'document', placement }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement}>\n            {children}\n        </Provider>\n    );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","React","createElement","Provider"],"mappings":";;;;;;;;;;;;AAaA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC,CAAA;IAE/CC,YAAY,gBAAGC,uBAAS,CAACL,YAAY,EAAC;IAEtCM,qBAIX,GAAG,SAJQA,qBAIXA,CAAAC,IAAA,EAAoD;AAAA,EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AAC3C,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,mCAAQ,EAAA;AAACX,IAAAA,MAAM,EAAEH,YAAa;AAACU,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC9DH,QACK,CAAC,CAAA;AAEnB;;;;;"}
+{"version":3,"file":"Notification.js","sources":["../../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n    NotificationPlacement,\n    notificationConfig,\n    NotificationsProvider as Provider,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n    UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n            {children}\n        </Provider>\n    );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;;;;;;;;;AAaA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC,CAAA;IAE/CC,YAAY,gBAAGC,uBAAS,CAACL,YAAY,EAAC;IAEtCM,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC/D,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,mCAAQ,EAAA;AAACZ,IAAAA,MAAM,EAAEH,YAAa;AAACU,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,EACtGJ,QACK,CAAC,CAAA;AAEnB;;;;;"}

package/css/es/components/Notification/Notification.js

@@ -8,11 +8,13 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,
     frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-    placement = _ref.placement;
+    placement = _ref.placement,
+    UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
   return /*#__PURE__*/React.createElement(NotificationsProvider$1, {
     config: mergedConfig,
     frame: frame,
-    placement: placement
+    placement: placement,
+    UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
   }, children);
 };
 

package/css/es/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n    NotificationPlacement,\n    notificationConfig,\n    NotificationsProvider as Provider,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n}> = ({ children, frame = 'document', placement }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement}>\n            {children}\n        </Provider>\n    );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","React","createElement","Provider"],"mappings":";;;;AAaA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAM,CAAC,CAAA;IAE/CC,YAAY,gBAAGC,SAAS,CAACL,YAAY,EAAC;IAEtCM,qBAIX,GAAG,SAJQA,qBAIXA,CAAAC,IAAA,EAAoD;AAAA,EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AAC3C,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,uBAAQ,EAAA;AAACX,IAAAA,MAAM,EAAEH,YAAa;AAACU,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC9DH,QACK,CAAC,CAAA;AAEnB;;;;"}
+{"version":3,"file":"Notification.js","sources":["../../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n    NotificationPlacement,\n    notificationConfig,\n    NotificationsProvider as Provider,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n    UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n            {children}\n        </Provider>\n    );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;AAaA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAM,CAAC,CAAA;IAE/CC,YAAY,gBAAGC,SAAS,CAACL,YAAY,EAAC;IAEtCM,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC/D,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,uBAAQ,EAAA;AAACZ,IAAAA,MAAM,EAAEH,YAAa;AAACU,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,EACtGJ,QACK,CAAC,CAAA;AAEnB;;;;"}

package/es/components/Notification/Notification.js

@@ -7,10 +7,12 @@ export var NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,
     frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-    placement = _ref.placement;
+    placement = _ref.placement,
+    UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
   return /*#__PURE__*/React.createElement(Provider, {
     config: mergedConfig,
     frame: frame,
-    placement: placement
+    placement: placement,
+    UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
   }, children);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.503.0",
+  "version": "1.504.0-canary.1718.12929142809.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.191.0",
     "@salutejs/plasma-hope": "1.329.0",
-    "@salutejs/plasma-new-hope": "0.247.0",
+    "@salutejs/plasma-new-hope": "0.248.0-canary.1718.12929142809.0",
     "@salutejs/plasma-themes": "0.28.0",
     "@salutejs/plasma-tokens-b2b": "1.45.0",
     "@salutejs/plasma-tokens-b2c": "0.56.0",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "94ef63e540ad86d96d84d805cf96121640dd2257"
+  "gitHead": "fa79603f1453bbf1c03a748d2d672d4500bb9490"
 }