@xsolla/xui-core 0.190.0 → 0.192.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/index.d.mts +11 -1
- package/index.d.ts +11 -1
- package/index.js +38 -24
- package/index.js.map +1 -1
- package/index.mjs +38 -24
- package/index.mjs.map +1 -1
- package/package.json +1 -1
package/index.mjs
CHANGED
|
@@ -4390,30 +4390,44 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
|
|
|
4390
4390
|
};
|
|
4391
4391
|
return configs[type];
|
|
4392
4392
|
},
|
|
4393
|
-
notificationPanel: () =>
|
|
4394
|
-
|
|
4395
|
-
|
|
4396
|
-
|
|
4397
|
-
|
|
4398
|
-
|
|
4399
|
-
|
|
4400
|
-
|
|
4401
|
-
|
|
4402
|
-
|
|
4403
|
-
|
|
4404
|
-
|
|
4405
|
-
|
|
4406
|
-
|
|
4407
|
-
|
|
4408
|
-
|
|
4409
|
-
|
|
4410
|
-
|
|
4411
|
-
|
|
4412
|
-
|
|
4413
|
-
|
|
4414
|
-
|
|
4415
|
-
|
|
4416
|
-
|
|
4393
|
+
notificationPanel: (device = "desktop") => {
|
|
4394
|
+
const desktop = {
|
|
4395
|
+
minHeight: 66,
|
|
4396
|
+
iconFrameWidth: 54,
|
|
4397
|
+
iconSize: 24,
|
|
4398
|
+
borderRadius: radiusScale["100"],
|
|
4399
|
+
bodyPaddingHorizontal: 16,
|
|
4400
|
+
bodyPaddingVertical: 12,
|
|
4401
|
+
textGap: 2,
|
|
4402
|
+
contentGap: 24,
|
|
4403
|
+
buttonsGap: 8,
|
|
4404
|
+
closeButtonSize: 32,
|
|
4405
|
+
notificationCloseIconSize: 18,
|
|
4406
|
+
titleFontSize: 16,
|
|
4407
|
+
titleLineHeight: 20,
|
|
4408
|
+
descriptionFontSize: 14,
|
|
4409
|
+
descriptionLineHeight: 20,
|
|
4410
|
+
// Announcement variant: slim, single-line banner
|
|
4411
|
+
announcementPadding: 8,
|
|
4412
|
+
announcementGap: 16,
|
|
4413
|
+
announcementContentGap: 8,
|
|
4414
|
+
announcementIconSize: 16,
|
|
4415
|
+
announcementButtonsGap: 20,
|
|
4416
|
+
announcementCloseIconSize: 16,
|
|
4417
|
+
announcementBlurRadius: 4,
|
|
4418
|
+
// Mobile notification: icon | content column | close column
|
|
4419
|
+
mobileIconColumnPaddingVertical: 12,
|
|
4420
|
+
mobileIconColumnPaddingLeft: 8,
|
|
4421
|
+
mobileIconSize: 24,
|
|
4422
|
+
mobileBodyPaddingHorizontal: 16,
|
|
4423
|
+
mobileBodyPaddingVertical: 12,
|
|
4424
|
+
mobileBodyContentGap: 24,
|
|
4425
|
+
mobileNotificationActionButtonOffsetLeft: -4,
|
|
4426
|
+
mobileCloseColumnPaddingVertical: 12,
|
|
4427
|
+
mobileCloseColumnPaddingRight: 12
|
|
4428
|
+
};
|
|
4429
|
+
return desktop;
|
|
4430
|
+
},
|
|
4417
4431
|
progress: (size) => {
|
|
4418
4432
|
const configs = {
|
|
4419
4433
|
xl: { height: 10, labelSize: 16, helperSize: 14, gap: 10 },
|