@aws-amplify/ui-react-notifications 2.0.27 → 2.0.28

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.
@@ -1,3 +1,3 @@
1
- const VERSION = '2.0.27';
1
+ const VERSION = '2.0.28';
2
2
 
3
3
  export { VERSION };
package/dist/index.js CHANGED
@@ -333,7 +333,7 @@ const handleMessageLinkAction = (input) => {
333
333
  window.open(input);
334
334
  };
335
335
 
336
- const VERSION = '2.0.27';
336
+ const VERSION = '2.0.28';
337
337
 
338
338
  // TODO: replace below components incrementally as they become available
339
339
  function CarouselMessage(_) {
package/dist/styles.css CHANGED
@@ -3519,6 +3519,7 @@ strong.amplify-text {
3519
3519
  --avatar-border-color: var(--amplify-components-avatar-border-color);
3520
3520
  --avatar-size: var(--amplify-components-avatar-width);
3521
3521
  --amplify-components-icon-height: 100%;
3522
+ position: relative;
3522
3523
  display: inline-flex;
3523
3524
  align-items: center;
3524
3525
  justify-content: center;
@@ -3569,6 +3570,9 @@ strong.amplify-text {
3569
3570
  --avatar-filled-color: var(
3570
3571
  --amplify-components-avatar-warning-background-color
3571
3572
  );
3573
+ --amplify-components-loader-stroke-filled: var(
3574
+ --amplify-components-avatar-warning-color
3575
+ );
3572
3576
  }
3573
3577
  .amplify-avatar--error {
3574
3578
  --avatar-border-color: var(--amplify-components-avatar-error-border-color);
@@ -3582,6 +3586,9 @@ strong.amplify-text {
3582
3586
  --avatar-filled-color: var(
3583
3587
  --amplify-components-avatar-error-background-color
3584
3588
  );
3589
+ --amplify-components-loader-stroke-filled: var(
3590
+ --amplify-components-avatar-error-color
3591
+ );
3585
3592
  }
3586
3593
  .amplify-avatar--info {
3587
3594
  --avatar-border-color: var(--amplify-components-avatar-info-border-color);
@@ -3595,6 +3602,9 @@ strong.amplify-text {
3595
3602
  --avatar-filled-color: var(
3596
3603
  --amplify-components-avatar-info-background-color
3597
3604
  );
3605
+ --amplify-components-loader-stroke-filled: var(
3606
+ --amplify-components-avatar-info-color
3607
+ );
3598
3608
  }
3599
3609
  .amplify-avatar--success {
3600
3610
  --avatar-border-color: var(
@@ -3610,6 +3620,9 @@ strong.amplify-text {
3610
3620
  --avatar-filled-color: var(
3611
3621
  --amplify-components-avatar-success-background-color
3612
3622
  );
3623
+ --amplify-components-loader-stroke-filled: var(
3624
+ --amplify-components-avatar-success-color
3625
+ );
3613
3626
  }
3614
3627
  .amplify-avatar__icon {
3615
3628
  display: flex;
@@ -3622,6 +3635,13 @@ strong.amplify-text {
3622
3635
  object-fit: cover;
3623
3636
  display: block;
3624
3637
  }
3638
+ .amplify-avatar__loader {
3639
+ position: absolute;
3640
+ inset: 0;
3641
+ width: 100%;
3642
+ height: 100%;
3643
+ stroke: transparent;
3644
+ }
3625
3645
 
3626
3646
  .amplify-breadcrumbs__list {
3627
3647
  display: flex;
@@ -1 +1 @@
1
- export declare const VERSION = "2.0.27";
1
+ export declare const VERSION = "2.0.28";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react-notifications",
3
- "version": "2.0.27",
3
+ "version": "2.0.28",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -39,9 +39,9 @@
39
39
  "typecheck": "tsc --noEmit"
40
40
  },
41
41
  "dependencies": {
42
- "@aws-amplify/ui": "6.4.1",
43
- "@aws-amplify/ui-react": "6.3.1",
44
- "@aws-amplify/ui-react-core-notifications": "2.0.22",
42
+ "@aws-amplify/ui": "6.5.0",
43
+ "@aws-amplify/ui-react": "6.4.0",
44
+ "@aws-amplify/ui-react-core-notifications": "2.0.23",
45
45
  "tinycolor2": "1.4.2"
46
46
  },
47
47
  "peerDependencies": {