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

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 (5) hide show
  1. package/dist/esm/version.mjs +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/styles.css +42 -23
  4. package/dist/types/version.d.ts +1 -1
  5. package/package.json +6 -5
package/dist/esm/version.mjs CHANGED
@@ -1,3 +1,3 @@
1
- const VERSION = '2.0.28';
1
+ const VERSION = '2.0.30';
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.28';
336
+ const VERSION = '2.0.30';
337
337
 
338
338
  // TODO: replace below components incrementally as they become available
339
339
  function CarouselMessage(_) {
package/dist/styles.css CHANGED
@@ -1730,8 +1730,9 @@ strong.amplify-text {
1730
1730
  padding-inline-start: var(--amplify-components-button-padding-inline-start);
1731
1731
  padding-inline-end: var(--amplify-components-button-padding-inline-end);
1732
1732
  transition: all var(--amplify-components-button-transition-duration);
1733
- -moz-user-select: none;
1734
- user-select: none;
1733
+ -webkit-user-select: none;
1734
+ -moz-user-select: none;
1735
+ user-select: none;
1735
1736
  --amplify-internal-button-disabled-color: var(
1736
1737
  --amplify-components-button-disabled-color
1737
1738
  );
@@ -2752,50 +2753,58 @@ strong.amplify-text {
2752
2753
  background-color: var(--amplify-internal-button-disabled-background-color);
2753
2754
  border-color: var(--amplify-internal-button-disabled-border-color);
2754
2755
  color: var(--amplify-internal-button-disabled-color);
2755
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2756
+ -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2757
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2756
2758
  cursor: not-allowed;
2757
2759
  }
2758
2760
  .amplify-button--disabled:hover {
2759
2761
  background-color: var(--amplify-internal-button-disabled-background-color);
2760
2762
  border-color: var(--amplify-internal-button-disabled-border-color);
2761
2763
  color: var(--amplify-internal-button-disabled-color);
2762
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2764
+ -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2765
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2763
2766
  }
2764
2767
  .amplify-button--disabled :focus {
2765
2768
  background-color: var(--amplify-internal-button-disabled-background-color);
2766
2769
  border-color: var(--amplify-internal-button-disabled-border-color);
2767
2770
  color: var(--amplify-internal-button-disabled-color);
2768
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2771
+ -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2772
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2769
2773
  }
2770
2774
  .amplify-button--disabled:active {
2771
2775
  background-color: var(--amplify-internal-button-disabled-background-color);
2772
2776
  border-color: var(--amplify-internal-button-disabled-border-color);
2773
2777
  color: var(--amplify-internal-button-disabled-color);
2774
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2778
+ -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2779
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2775
2780
  }
2776
2781
  .amplify-button--loading {
2777
2782
  background-color: var(--amplify-internal-button-loading-background-color);
2778
2783
  border-color: var(--amplify-internal-button-loading-border-color);
2779
2784
  color: var(--amplify-components-button-loading-color);
2780
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2785
+ -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2786
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2781
2787
  }
2782
2788
  .amplify-button--loading:hover {
2783
2789
  background-color: var(--amplify-internal-button-loading-background-color);
2784
2790
  border-color: var(--amplify-internal-button-loading-border-color);
2785
2791
  color: var(--amplify-components-button-loading-color);
2786
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2792
+ -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2793
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2787
2794
  }
2788
2795
  .amplify-button--loading:focus {
2789
2796
  background-color: var(--amplify-internal-button-loading-background-color);
2790
2797
  border-color: var(--amplify-internal-button-loading-border-color);
2791
2798
  color: var(--amplify-components-button-loading-color);
2792
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2799
+ -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2800
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2793
2801
  }
2794
2802
  .amplify-button--loading:active {
2795
2803
  background-color: var(--amplify-internal-button-loading-background-color);
2796
2804
  border-color: var(--amplify-internal-button-loading-border-color);
2797
2805
  color: var(--amplify-components-button-loading-color);
2798
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2806
+ -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2807
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2799
2808
  }
2800
2809
  .amplify-button__loader-wrapper {
2801
2810
  align-items: var(--amplify-components-button-loader-wrapper-align-items);
@@ -2943,8 +2952,9 @@ strong.amplify-text {
2943
2952
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
2944
2953
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
2945
2954
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
2946
- -moz-user-select: text;
2947
- user-select: text;
2955
+ -webkit-user-select: text;
2956
+ -moz-user-select: text;
2957
+ user-select: text;
2948
2958
  display: inline-block;
2949
2959
  --amplify-components-fieldcontrol-color: var(
2950
2960
  --amplify-components-input-color
@@ -3027,8 +3037,9 @@ strong.amplify-text {
3027
3037
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
3028
3038
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
3029
3039
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
3030
- -moz-user-select: text;
3031
- user-select: text;
3040
+ -webkit-user-select: text;
3041
+ -moz-user-select: text;
3042
+ user-select: text;
3032
3043
  white-space: pre-wrap;
3033
3044
  }
3034
3045
  .amplify-textarea:focus {
@@ -3092,24 +3103,29 @@ strong.amplify-text {
3092
3103
 
3093
3104
  .amplify-link {
3094
3105
  color: var(--amplify-components-link-color);
3095
- text-decoration: var(--amplify-components-link-text-decoration);
3106
+ -webkit-text-decoration: var(--amplify-components-link-text-decoration);
3107
+ text-decoration: var(--amplify-components-link-text-decoration);
3096
3108
  cursor: pointer;
3097
3109
  }
3098
3110
  .amplify-link:visited {
3099
3111
  color: var(--amplify-components-link-visited-color);
3100
- text-decoration: var(--amplify-components-link-visited-text-decoration);
3112
+ -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
3113
+ text-decoration: var(--amplify-components-link-visited-text-decoration);
3101
3114
  }
3102
3115
  .amplify-link:active {
3103
3116
  color: var(--amplify-components-link-active-color);
3104
- text-decoration: var(--amplify-components-link-active-text-decoration);
3117
+ -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
3118
+ text-decoration: var(--amplify-components-link-active-text-decoration);
3105
3119
  }
3106
3120
  .amplify-link:focus {
3107
3121
  color: var(--amplify-components-link-focus-color);
3108
- text-decoration: var(--amplify-components-link-focus-text-decoration);
3122
+ -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
3123
+ text-decoration: var(--amplify-components-link-focus-text-decoration);
3109
3124
  }
3110
3125
  .amplify-link:hover {
3111
3126
  color: var(--amplify-components-link-hover-color);
3112
- text-decoration: var(--amplify-components-link-hover-text-decoration);
3127
+ -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
3128
+ text-decoration: var(--amplify-components-link-hover-text-decoration);
3113
3129
  }
3114
3130
 
3115
3131
  .amplify-loader {
@@ -3672,14 +3688,16 @@ strong.amplify-text {
3672
3688
  font-weight: var(--amplify-components-breadcrumbs-link-font-weight);
3673
3689
  padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline);
3674
3690
  padding-block: var(--amplify-components-breadcrumbs-link-padding-block);
3675
- text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
3691
+ -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
3692
+ text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
3676
3693
  }
3677
3694
 
3678
3695
  .amplify-breadcrumbs__link--current {
3679
3696
  color: var(--amplify-components-breadcrumbs-link-current-color);
3680
3697
  font-size: var(--amplify-components-breadcrumbs-link-current-font-size);
3681
3698
  font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight);
3682
- text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
3699
+ -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
3700
+ text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
3683
3701
  }
3684
3702
 
3685
3703
  .amplify-card {
@@ -5229,8 +5247,9 @@ html[dir=rtl] .amplify-field-group__inner-start {
5229
5247
  padding-block: var(--amplify-components-sliderfield-padding-block);
5230
5248
  position: relative;
5231
5249
  touch-action: none;
5232
- -moz-user-select: none;
5233
- user-select: none;
5250
+ -webkit-user-select: none;
5251
+ -moz-user-select: none;
5252
+ user-select: none;
5234
5253
  --amplify-internal-sliderfield-root-height: var(
5235
5254
  --amplify-components-sliderfield-thumb-height
5236
5255
  );
package/dist/types/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const VERSION = "2.0.28";
1
+ export declare const VERSION = "2.0.30";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react-notifications",
3
- "version": "2.0.28",
3
+ "version": "2.0.30",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -39,13 +39,14 @@
39
39
  "typecheck": "tsc --noEmit"
40
40
  },
41
41
  "dependencies": {
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",
42
+ "@aws-amplify/ui": "6.6.1",
43
+ "@aws-amplify/ui-react": "6.5.1",
44
+ "@aws-amplify/ui-react-core": "3.0.25",
45
+ "@aws-amplify/ui-react-core-notifications": "2.0.25",
45
46
  "tinycolor2": "1.4.2"
46
47
  },
47
48
  "peerDependencies": {
48
- "aws-amplify": "^6.3.2",
49
+ "aws-amplify": "^6.6.0",
49
50
  "react": "^16.14.0 || ^17.0 || ^18.0",
50
51
  "react-dom": "^16.14.0 || ^17.0 || ^18.0"
51
52
  },