@florid-kit/components 0.8.65 → 0.8.66

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.
Files changed (3) hide show
  1. package/index.js +6 -4
  2. package/index.mjs +6 -4
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -2423,19 +2423,19 @@
2423
2423
  }
2424
2424
 
2425
2425
  :host([animated][animationaxis="horizontal"][horizontalanchor="right"]) {
2426
- right: -300px;
2426
+ right: -100%;
2427
2427
  }
2428
2428
 
2429
2429
  :host([animated][animationaxis="horizontal"][horizontalanchor="left"]) {
2430
- left: -300px;
2430
+ left: -100%;
2431
2431
  }
2432
2432
 
2433
2433
  :host([animated][animationaxis="vertical"][verticalanchor="top"]) {
2434
- top: -300px;
2434
+ top: -100%;
2435
2435
  }
2436
2436
 
2437
2437
  :host([animated][animationaxis="vertical"][verticalanchor="bottom"]) {
2438
- bottom: -300px;
2438
+ bottom: -100%;
2439
2439
  }
2440
2440
 
2441
2441
  .o-toast {
@@ -2452,6 +2452,8 @@
2452
2452
  color: var(--color-content-body);
2453
2453
  padding: 0 8px;
2454
2454
  width: max-content;
2455
+ text-align: center;
2456
+ max-width: 70vw;
2455
2457
  }
2456
2458
 
2457
2459
  .o-toast-icon {
package/index.mjs CHANGED
@@ -4429,19 +4429,19 @@ $.styles = g`
4429
4429
  }
4430
4430
 
4431
4431
  :host([animated][animationaxis="horizontal"][horizontalanchor="right"]) {
4432
- right: -300px;
4432
+ right: -100%;
4433
4433
  }
4434
4434
 
4435
4435
  :host([animated][animationaxis="horizontal"][horizontalanchor="left"]) {
4436
- left: -300px;
4436
+ left: -100%;
4437
4437
  }
4438
4438
 
4439
4439
  :host([animated][animationaxis="vertical"][verticalanchor="top"]) {
4440
- top: -300px;
4440
+ top: -100%;
4441
4441
  }
4442
4442
 
4443
4443
  :host([animated][animationaxis="vertical"][verticalanchor="bottom"]) {
4444
- bottom: -300px;
4444
+ bottom: -100%;
4445
4445
  }
4446
4446
 
4447
4447
  .o-toast {
@@ -4458,6 +4458,8 @@ $.styles = g`
4458
4458
  color: var(--color-content-body);
4459
4459
  padding: 0 8px;
4460
4460
  width: max-content;
4461
+ text-align: center;
4462
+ max-width: 70vw;
4461
4463
  }
4462
4464
 
4463
4465
  .o-toast-icon {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.8.65",
3
+ "version": "0.8.66",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",