@xsolla/xui-b2b-notification-panel 0.197.1 → 0.199.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -1
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@ Two layout variants are available via the `variant` prop:
|
|
|
7
7
|
- **`notification`** (default) — a taller banner with an icon frame on the left and a stacked title/description.
|
|
8
8
|
- **`announcement`** — a slim, single-line bar with an inline icon and the title/description on one row. Best for lightweight, page-level notices.
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
This is the canonical NotificationPanel. The former base package `@xsolla/xui-notification-panel` was removed — see [Migration](#migration) if you are coming from it.
|
|
11
11
|
|
|
12
12
|
## Installation
|
|
13
13
|
|
|
@@ -237,3 +237,24 @@ import { NotificationPanel } from '@xsolla/xui-b2b-notification-panel';
|
|
|
237
237
|
- The close control is an icon-only [`IconButton`](./button.md) (`variant="tertiary"`, `tone="mono"`, `size="xs"`, `hoverBackground="none"`) with `aria-label="Close notification"`. Uses Box/`onPress` so it works on React Native as well as web.
|
|
238
238
|
- The default type icons are decorative — pass `aria-hidden` on any custom `icon` you supply.
|
|
239
239
|
- The filled `warning` / `success` icon frames pair a `content.static.dark` glyph with a light fill (see [Icon colour](#icon-colour)) so the icon keeps its contrast in both themes.
|
|
240
|
+
|
|
241
|
+
## Migration
|
|
242
|
+
|
|
243
|
+
`@xsolla/xui-notification-panel` (base) has been removed. Swap the import — the prop surface here is a superset, so existing props keep working:
|
|
244
|
+
|
|
245
|
+
```diff
|
|
246
|
+
-import { NotificationPanel } from '@xsolla/xui-notification-panel';
|
|
247
|
+
+import { NotificationPanel } from '@xsolla/xui-b2b-notification-panel';
|
|
248
|
+
```
|
|
249
|
+
|
|
250
|
+
If you consumed it through the `@xsolla/xui-feedback` bundle, `NotificationPanel` and `NotificationPanelProps` are no longer exported from there. Use `@xsolla/xui-b2b` (which re-exports this package) or import `@xsolla/xui-b2b-notification-panel` directly.
|
|
251
|
+
|
|
252
|
+
Three defaults differ, so expect small visual changes:
|
|
253
|
+
|
|
254
|
+
| | base (removed) | b2b |
|
|
255
|
+
| :-- | :-- | :-- |
|
|
256
|
+
| `closeButtonAlign` default | `"top"` | `"center"` — pass `closeButtonAlign="top"` to keep the old alignment |
|
|
257
|
+
| `actionButton` `tone` | panel injected a type-matched tone | never overridden — set `tone` on the button yourself |
|
|
258
|
+
| `actionButton` `variant` | defaulted to `"secondary"` | defaults to `"primary"` with `background: false` (text-only) — set `variant`/`background` explicitly to keep the old look |
|
|
259
|
+
|
|
260
|
+
This package also pulls in `@xsolla/xui-typography` and requires `react-dom` as a peer dependency.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-b2b-notification-panel",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.199.0",
|
|
4
4
|
"main": "./web/index.js",
|
|
5
5
|
"module": "./web/index.mjs",
|
|
6
6
|
"types": "./web/index.d.ts",
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
"test:coverage": "vitest run --coverage"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xsolla/xui-button": "0.
|
|
17
|
-
"@xsolla/xui-core": "0.
|
|
18
|
-
"@xsolla/xui-icons-base": "0.
|
|
19
|
-
"@xsolla/xui-primitives-core": "0.
|
|
20
|
-
"@xsolla/xui-typography": "0.
|
|
16
|
+
"@xsolla/xui-button": "0.199.0",
|
|
17
|
+
"@xsolla/xui-core": "0.199.0",
|
|
18
|
+
"@xsolla/xui-icons-base": "0.199.0",
|
|
19
|
+
"@xsolla/xui-primitives-core": "0.199.0",
|
|
20
|
+
"@xsolla/xui-typography": "0.199.0"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"react": ">=16.8.0",
|