@aws-amplify/ui-react 6.2.0 → 6.2.1

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 (21) hide show
  1. package/dist/esm/version.mjs +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/styles/breadcrumbs.css +2 -4
  4. package/dist/styles/breadcrumbs.layer.css +2 -4
  5. package/dist/styles/button.css +10 -19
  6. package/dist/styles/button.layer.css +10 -19
  7. package/dist/styles/input.css +2 -3
  8. package/dist/styles/input.layer.css +2 -3
  9. package/dist/styles/link.css +5 -10
  10. package/dist/styles/link.layer.css +5 -10
  11. package/dist/styles/reset.css +1 -3
  12. package/dist/styles/reset.layer.css +1 -3
  13. package/dist/styles/sliderField.css +2 -3
  14. package/dist/styles/sliderField.layer.css +2 -3
  15. package/dist/styles/textArea.css +2 -3
  16. package/dist/styles/textArea.layer.css +2 -3
  17. package/dist/styles.css +23 -42
  18. package/dist/styles.layer.css +23 -42
  19. package/dist/types/version.d.ts +1 -1
  20. package/package.json +4 -3
  21. package/server/package.json +7 -0
package/dist/esm/version.mjs CHANGED
@@ -1,3 +1,3 @@
1
- const VERSION = '6.2.0';
1
+ const VERSION = '6.2.1';
2
2
 
3
3
  export { VERSION };
package/dist/index.js CHANGED
@@ -2452,7 +2452,7 @@ const defaultDeleteUserDisplayText = {
2452
2452
  warningText: 'Deleting your account is not reversible. You will lose access to your account and all data associated with it.',
2453
2453
  };
2454
2454
 
2455
- const VERSION = '6.2.0';
2455
+ const VERSION = '6.2.1';
2456
2456
 
2457
2457
  const logger$2 = ui.getLogger('AccountSettings');
2458
2458
  const getIsDisabled = (formValues, validationError) => {
package/dist/styles/breadcrumbs.css CHANGED
@@ -27,14 +27,12 @@
27
27
  font-weight: var(--amplify-components-breadcrumbs-link-font-weight);
28
28
  padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline);
29
29
  padding-block: var(--amplify-components-breadcrumbs-link-padding-block);
30
- -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
31
- text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
30
+ text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
32
31
  }
33
32
 
34
33
  .amplify-breadcrumbs__link--current {
35
34
  color: var(--amplify-components-breadcrumbs-link-current-color);
36
35
  font-size: var(--amplify-components-breadcrumbs-link-current-font-size);
37
36
  font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight);
38
- -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
39
- text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
37
+ text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
40
38
  }
package/dist/styles/breadcrumbs.layer.css CHANGED
@@ -28,15 +28,13 @@
28
28
  font-weight: var(--amplify-components-breadcrumbs-link-font-weight);
29
29
  padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline);
30
30
  padding-block: var(--amplify-components-breadcrumbs-link-padding-block);
31
- -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
32
- text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
31
+ text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
33
32
  }
34
33
 
35
34
  .amplify-breadcrumbs__link--current {
36
35
  color: var(--amplify-components-breadcrumbs-link-current-color);
37
36
  font-size: var(--amplify-components-breadcrumbs-link-current-font-size);
38
37
  font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight);
39
- -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
40
- text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
38
+ text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
41
39
  }
42
40
  }
package/dist/styles/button.css CHANGED
@@ -34,9 +34,8 @@
34
34
  padding-inline-start: var(--amplify-components-button-padding-inline-start);
35
35
  padding-inline-end: var(--amplify-components-button-padding-inline-end);
36
36
  transition: all var(--amplify-components-button-transition-duration);
37
- -webkit-user-select: none;
38
- -moz-user-select: none;
39
- user-select: none;
37
+ -moz-user-select: none;
38
+ user-select: none;
40
39
  --amplify-internal-button-disabled-color: var(
41
40
  --amplify-components-button-disabled-color
42
41
  );
@@ -1057,58 +1056,50 @@
1057
1056
  background-color: var(--amplify-internal-button-disabled-background-color);
1058
1057
  border-color: var(--amplify-internal-button-disabled-border-color);
1059
1058
  color: var(--amplify-internal-button-disabled-color);
1060
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1061
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1059
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1062
1060
  cursor: not-allowed;
1063
1061
  }
1064
1062
  .amplify-button--disabled:hover {
1065
1063
  background-color: var(--amplify-internal-button-disabled-background-color);
1066
1064
  border-color: var(--amplify-internal-button-disabled-border-color);
1067
1065
  color: var(--amplify-internal-button-disabled-color);
1068
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1069
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1066
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1070
1067
  }
1071
1068
  .amplify-button--disabled :focus {
1072
1069
  background-color: var(--amplify-internal-button-disabled-background-color);
1073
1070
  border-color: var(--amplify-internal-button-disabled-border-color);
1074
1071
  color: var(--amplify-internal-button-disabled-color);
1075
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1076
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1072
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1077
1073
  }
1078
1074
  .amplify-button--disabled:active {
1079
1075
  background-color: var(--amplify-internal-button-disabled-background-color);
1080
1076
  border-color: var(--amplify-internal-button-disabled-border-color);
1081
1077
  color: var(--amplify-internal-button-disabled-color);
1082
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1083
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1078
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1084
1079
  }
1085
1080
  .amplify-button--loading {
1086
1081
  background-color: var(--amplify-internal-button-loading-background-color);
1087
1082
  border-color: var(--amplify-internal-button-loading-border-color);
1088
1083
  color: var(--amplify-components-button-loading-color);
1089
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1090
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
1084
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1091
1085
  }
1092
1086
  .amplify-button--loading:hover {
1093
1087
  background-color: var(--amplify-internal-button-loading-background-color);
1094
1088
  border-color: var(--amplify-internal-button-loading-border-color);
1095
1089
  color: var(--amplify-components-button-loading-color);
1096
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1097
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
1090
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1098
1091
  }
1099
1092
  .amplify-button--loading:focus {
1100
1093
  background-color: var(--amplify-internal-button-loading-background-color);
1101
1094
  border-color: var(--amplify-internal-button-loading-border-color);
1102
1095
  color: var(--amplify-components-button-loading-color);
1103
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1104
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
1096
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1105
1097
  }
1106
1098
  .amplify-button--loading:active {
1107
1099
  background-color: var(--amplify-internal-button-loading-background-color);
1108
1100
  border-color: var(--amplify-internal-button-loading-border-color);
1109
1101
  color: var(--amplify-components-button-loading-color);
1110
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1111
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
1102
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1112
1103
  }
1113
1104
  .amplify-button__loader-wrapper {
1114
1105
  align-items: var(--amplify-components-button-loader-wrapper-align-items);
package/dist/styles/button.layer.css CHANGED
@@ -35,9 +35,8 @@
35
35
  padding-inline-start: var(--amplify-components-button-padding-inline-start);
36
36
  padding-inline-end: var(--amplify-components-button-padding-inline-end);
37
37
  transition: all var(--amplify-components-button-transition-duration);
38
- -webkit-user-select: none;
39
- -moz-user-select: none;
40
- user-select: none;
38
+ -moz-user-select: none;
39
+ user-select: none;
41
40
  --amplify-internal-button-disabled-color: var(
42
41
  --amplify-components-button-disabled-color
43
42
  );
@@ -1058,58 +1057,50 @@
1058
1057
  background-color: var(--amplify-internal-button-disabled-background-color);
1059
1058
  border-color: var(--amplify-internal-button-disabled-border-color);
1060
1059
  color: var(--amplify-internal-button-disabled-color);
1061
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1062
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1060
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1063
1061
  cursor: not-allowed;
1064
1062
  }
1065
1063
  .amplify-button--disabled:hover {
1066
1064
  background-color: var(--amplify-internal-button-disabled-background-color);
1067
1065
  border-color: var(--amplify-internal-button-disabled-border-color);
1068
1066
  color: var(--amplify-internal-button-disabled-color);
1069
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1070
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1067
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1071
1068
  }
1072
1069
  .amplify-button--disabled :focus {
1073
1070
  background-color: var(--amplify-internal-button-disabled-background-color);
1074
1071
  border-color: var(--amplify-internal-button-disabled-border-color);
1075
1072
  color: var(--amplify-internal-button-disabled-color);
1076
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1077
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1073
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1078
1074
  }
1079
1075
  .amplify-button--disabled:active {
1080
1076
  background-color: var(--amplify-internal-button-disabled-background-color);
1081
1077
  border-color: var(--amplify-internal-button-disabled-border-color);
1082
1078
  color: var(--amplify-internal-button-disabled-color);
1083
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1084
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1079
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
1085
1080
  }
1086
1081
  .amplify-button--loading {
1087
1082
  background-color: var(--amplify-internal-button-loading-background-color);
1088
1083
  border-color: var(--amplify-internal-button-loading-border-color);
1089
1084
  color: var(--amplify-components-button-loading-color);
1090
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1091
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
1085
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1092
1086
  }
1093
1087
  .amplify-button--loading:hover {
1094
1088
  background-color: var(--amplify-internal-button-loading-background-color);
1095
1089
  border-color: var(--amplify-internal-button-loading-border-color);
1096
1090
  color: var(--amplify-components-button-loading-color);
1097
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1098
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
1091
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1099
1092
  }
1100
1093
  .amplify-button--loading:focus {
1101
1094
  background-color: var(--amplify-internal-button-loading-background-color);
1102
1095
  border-color: var(--amplify-internal-button-loading-border-color);
1103
1096
  color: var(--amplify-components-button-loading-color);
1104
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1105
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
1097
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1106
1098
  }
1107
1099
  .amplify-button--loading:active {
1108
1100
  background-color: var(--amplify-internal-button-loading-background-color);
1109
1101
  border-color: var(--amplify-internal-button-loading-border-color);
1110
1102
  color: var(--amplify-components-button-loading-color);
1111
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
1112
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
1103
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
1113
1104
  }
1114
1105
  .amplify-button__loader-wrapper {
1115
1106
  align-items: var(--amplify-components-button-loader-wrapper-align-items);
package/dist/styles/input.css CHANGED
@@ -17,9 +17,8 @@
17
17
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
18
18
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
19
19
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
20
- -webkit-user-select: text;
21
- -moz-user-select: text;
22
- user-select: text;
20
+ -moz-user-select: text;
21
+ user-select: text;
23
22
  display: inline-block;
24
23
  --amplify-components-fieldcontrol-color: var(
25
24
  --amplify-components-input-color
package/dist/styles/input.layer.css CHANGED
@@ -18,9 +18,8 @@
18
18
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
19
19
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
20
20
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
21
- -webkit-user-select: text;
22
- -moz-user-select: text;
23
- user-select: text;
21
+ -moz-user-select: text;
22
+ user-select: text;
24
23
  display: inline-block;
25
24
  --amplify-components-fieldcontrol-color: var(
26
25
  --amplify-components-input-color
package/dist/styles/link.css CHANGED
@@ -1,26 +1,21 @@
1
1
  .amplify-link {
2
2
  color: var(--amplify-components-link-color);
3
- -webkit-text-decoration: var(--amplify-components-link-text-decoration);
4
- text-decoration: var(--amplify-components-link-text-decoration);
3
+ text-decoration: var(--amplify-components-link-text-decoration);
5
4
  cursor: pointer;
6
5
  }
7
6
  .amplify-link:visited {
8
7
  color: var(--amplify-components-link-visited-color);
9
- -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
10
- text-decoration: var(--amplify-components-link-visited-text-decoration);
8
+ text-decoration: var(--amplify-components-link-visited-text-decoration);
11
9
  }
12
10
  .amplify-link:active {
13
11
  color: var(--amplify-components-link-active-color);
14
- -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
15
- text-decoration: var(--amplify-components-link-active-text-decoration);
12
+ text-decoration: var(--amplify-components-link-active-text-decoration);
16
13
  }
17
14
  .amplify-link:focus {
18
15
  color: var(--amplify-components-link-focus-color);
19
- -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
20
- text-decoration: var(--amplify-components-link-focus-text-decoration);
16
+ text-decoration: var(--amplify-components-link-focus-text-decoration);
21
17
  }
22
18
  .amplify-link:hover {
23
19
  color: var(--amplify-components-link-hover-color);
24
- -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
25
- text-decoration: var(--amplify-components-link-hover-text-decoration);
20
+ text-decoration: var(--amplify-components-link-hover-text-decoration);
26
21
  }
package/dist/styles/link.layer.css CHANGED
@@ -1,28 +1,23 @@
1
1
  @layer amplify.components {
2
2
  .amplify-link {
3
3
  color: var(--amplify-components-link-color);
4
- -webkit-text-decoration: var(--amplify-components-link-text-decoration);
5
- text-decoration: var(--amplify-components-link-text-decoration);
4
+ text-decoration: var(--amplify-components-link-text-decoration);
6
5
  cursor: pointer;
7
6
  }
8
7
  .amplify-link:visited {
9
8
  color: var(--amplify-components-link-visited-color);
10
- -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
11
- text-decoration: var(--amplify-components-link-visited-text-decoration);
9
+ text-decoration: var(--amplify-components-link-visited-text-decoration);
12
10
  }
13
11
  .amplify-link:active {
14
12
  color: var(--amplify-components-link-active-color);
15
- -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
16
- text-decoration: var(--amplify-components-link-active-text-decoration);
13
+ text-decoration: var(--amplify-components-link-active-text-decoration);
17
14
  }
18
15
  .amplify-link:focus {
19
16
  color: var(--amplify-components-link-focus-color);
20
- -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
21
- text-decoration: var(--amplify-components-link-focus-text-decoration);
17
+ text-decoration: var(--amplify-components-link-focus-text-decoration);
22
18
  }
23
19
  .amplify-link:hover {
24
20
  color: var(--amplify-components-link-hover-color);
25
- -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
26
- text-decoration: var(--amplify-components-link-hover-text-decoration);
21
+ text-decoration: var(--amplify-components-link-hover-text-decoration);
27
22
  }
28
23
  }
package/dist/styles/reset.css CHANGED
@@ -6,7 +6,6 @@
6
6
 
7
7
  html:focus-within {
8
8
  scroll-behavior: smooth;
9
- -webkit-text-size-adjust: none;
10
9
  text-size-adjust: none;
11
10
  }
12
11
 
@@ -53,8 +52,7 @@ picture {
53
52
  }
54
53
 
55
54
  a:not([class]) {
56
- -webkit-text-decoration-skip: ink;
57
- text-decoration-skip-ink: auto;
55
+ text-decoration-skip-ink: auto;
58
56
  color: currentColor;
59
57
  }
60
58
 
package/dist/styles/reset.layer.css CHANGED
@@ -7,7 +7,6 @@
7
7
 
8
8
  html:focus-within {
9
9
  scroll-behavior: smooth;
10
- -webkit-text-size-adjust: none;
11
10
  text-size-adjust: none;
12
11
  }
13
12
 
@@ -54,8 +53,7 @@ picture {
54
53
  }
55
54
 
56
55
  a:not([class]) {
57
- -webkit-text-decoration-skip: ink;
58
- text-decoration-skip-ink: auto;
56
+ text-decoration-skip-ink: auto;
59
57
  color: currentColor;
60
58
  }
61
59
 
package/dist/styles/sliderField.css CHANGED
@@ -14,9 +14,8 @@
14
14
  padding-block: var(--amplify-components-sliderfield-padding-block);
15
15
  position: relative;
16
16
  touch-action: none;
17
- -webkit-user-select: none;
18
- -moz-user-select: none;
19
- user-select: none;
17
+ -moz-user-select: none;
18
+ user-select: none;
20
19
  --amplify-internal-sliderfield-root-height: var(
21
20
  --amplify-components-sliderfield-thumb-height
22
21
  );
package/dist/styles/sliderField.layer.css CHANGED
@@ -15,9 +15,8 @@
15
15
  padding-block: var(--amplify-components-sliderfield-padding-block);
16
16
  position: relative;
17
17
  touch-action: none;
18
- -webkit-user-select: none;
19
- -moz-user-select: none;
20
- user-select: none;
18
+ -moz-user-select: none;
19
+ user-select: none;
21
20
  --amplify-internal-sliderfield-root-height: var(
22
21
  --amplify-components-sliderfield-thumb-height
23
22
  );
package/dist/styles/textArea.css CHANGED
@@ -17,9 +17,8 @@
17
17
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
18
18
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
19
19
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
20
- -webkit-user-select: text;
21
- -moz-user-select: text;
22
- user-select: text;
20
+ -moz-user-select: text;
21
+ user-select: text;
23
22
  white-space: pre-wrap;
24
23
  }
25
24
  .amplify-textarea:focus {
package/dist/styles/textArea.layer.css CHANGED
@@ -18,9 +18,8 @@
18
18
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
19
19
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
20
20
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
21
- -webkit-user-select: text;
22
- -moz-user-select: text;
23
- user-select: text;
21
+ -moz-user-select: text;
22
+ user-select: text;
24
23
  white-space: pre-wrap;
25
24
  }
26
25
  .amplify-textarea:focus {
package/dist/styles.css CHANGED
@@ -1640,9 +1640,8 @@ strong.amplify-text {
1640
1640
  padding-inline-start: var(--amplify-components-button-padding-inline-start);
1641
1641
  padding-inline-end: var(--amplify-components-button-padding-inline-end);
1642
1642
  transition: all var(--amplify-components-button-transition-duration);
1643
- -webkit-user-select: none;
1644
- -moz-user-select: none;
1645
- user-select: none;
1643
+ -moz-user-select: none;
1644
+ user-select: none;
1646
1645
  --amplify-internal-button-disabled-color: var(
1647
1646
  --amplify-components-button-disabled-color
1648
1647
  );
@@ -2663,58 +2662,50 @@ strong.amplify-text {
2663
2662
  background-color: var(--amplify-internal-button-disabled-background-color);
2664
2663
  border-color: var(--amplify-internal-button-disabled-border-color);
2665
2664
  color: var(--amplify-internal-button-disabled-color);
2666
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2667
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2665
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2668
2666
  cursor: not-allowed;
2669
2667
  }
2670
2668
  .amplify-button--disabled:hover {
2671
2669
  background-color: var(--amplify-internal-button-disabled-background-color);
2672
2670
  border-color: var(--amplify-internal-button-disabled-border-color);
2673
2671
  color: var(--amplify-internal-button-disabled-color);
2674
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2675
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2672
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2676
2673
  }
2677
2674
  .amplify-button--disabled :focus {
2678
2675
  background-color: var(--amplify-internal-button-disabled-background-color);
2679
2676
  border-color: var(--amplify-internal-button-disabled-border-color);
2680
2677
  color: var(--amplify-internal-button-disabled-color);
2681
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2682
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2678
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2683
2679
  }
2684
2680
  .amplify-button--disabled:active {
2685
2681
  background-color: var(--amplify-internal-button-disabled-background-color);
2686
2682
  border-color: var(--amplify-internal-button-disabled-border-color);
2687
2683
  color: var(--amplify-internal-button-disabled-color);
2688
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2689
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2684
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2690
2685
  }
2691
2686
  .amplify-button--loading {
2692
2687
  background-color: var(--amplify-internal-button-loading-background-color);
2693
2688
  border-color: var(--amplify-internal-button-loading-border-color);
2694
2689
  color: var(--amplify-components-button-loading-color);
2695
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2696
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2690
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2697
2691
  }
2698
2692
  .amplify-button--loading:hover {
2699
2693
  background-color: var(--amplify-internal-button-loading-background-color);
2700
2694
  border-color: var(--amplify-internal-button-loading-border-color);
2701
2695
  color: var(--amplify-components-button-loading-color);
2702
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2703
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2696
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2704
2697
  }
2705
2698
  .amplify-button--loading:focus {
2706
2699
  background-color: var(--amplify-internal-button-loading-background-color);
2707
2700
  border-color: var(--amplify-internal-button-loading-border-color);
2708
2701
  color: var(--amplify-components-button-loading-color);
2709
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2710
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2702
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2711
2703
  }
2712
2704
  .amplify-button--loading:active {
2713
2705
  background-color: var(--amplify-internal-button-loading-background-color);
2714
2706
  border-color: var(--amplify-internal-button-loading-border-color);
2715
2707
  color: var(--amplify-components-button-loading-color);
2716
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2717
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2708
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2718
2709
  }
2719
2710
  .amplify-button__loader-wrapper {
2720
2711
  align-items: var(--amplify-components-button-loader-wrapper-align-items);
@@ -2862,9 +2853,8 @@ strong.amplify-text {
2862
2853
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
2863
2854
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
2864
2855
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
2865
- -webkit-user-select: text;
2866
- -moz-user-select: text;
2867
- user-select: text;
2856
+ -moz-user-select: text;
2857
+ user-select: text;
2868
2858
  display: inline-block;
2869
2859
  --amplify-components-fieldcontrol-color: var(
2870
2860
  --amplify-components-input-color
@@ -2947,9 +2937,8 @@ strong.amplify-text {
2947
2937
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
2948
2938
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
2949
2939
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
2950
- -webkit-user-select: text;
2951
- -moz-user-select: text;
2952
- user-select: text;
2940
+ -moz-user-select: text;
2941
+ user-select: text;
2953
2942
  white-space: pre-wrap;
2954
2943
  }
2955
2944
  .amplify-textarea:focus {
@@ -3013,29 +3002,24 @@ strong.amplify-text {
3013
3002
 
3014
3003
  .amplify-link {
3015
3004
  color: var(--amplify-components-link-color);
3016
- -webkit-text-decoration: var(--amplify-components-link-text-decoration);
3017
- text-decoration: var(--amplify-components-link-text-decoration);
3005
+ text-decoration: var(--amplify-components-link-text-decoration);
3018
3006
  cursor: pointer;
3019
3007
  }
3020
3008
  .amplify-link:visited {
3021
3009
  color: var(--amplify-components-link-visited-color);
3022
- -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
3023
- text-decoration: var(--amplify-components-link-visited-text-decoration);
3010
+ text-decoration: var(--amplify-components-link-visited-text-decoration);
3024
3011
  }
3025
3012
  .amplify-link:active {
3026
3013
  color: var(--amplify-components-link-active-color);
3027
- -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
3028
- text-decoration: var(--amplify-components-link-active-text-decoration);
3014
+ text-decoration: var(--amplify-components-link-active-text-decoration);
3029
3015
  }
3030
3016
  .amplify-link:focus {
3031
3017
  color: var(--amplify-components-link-focus-color);
3032
- -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
3033
- text-decoration: var(--amplify-components-link-focus-text-decoration);
3018
+ text-decoration: var(--amplify-components-link-focus-text-decoration);
3034
3019
  }
3035
3020
  .amplify-link:hover {
3036
3021
  color: var(--amplify-components-link-hover-color);
3037
- -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
3038
- text-decoration: var(--amplify-components-link-hover-text-decoration);
3022
+ text-decoration: var(--amplify-components-link-hover-text-decoration);
3039
3023
  }
3040
3024
 
3041
3025
  .amplify-loader {
@@ -3466,16 +3450,14 @@ strong.amplify-text {
3466
3450
  font-weight: var(--amplify-components-breadcrumbs-link-font-weight);
3467
3451
  padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline);
3468
3452
  padding-block: var(--amplify-components-breadcrumbs-link-padding-block);
3469
- -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
3470
- text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
3453
+ text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
3471
3454
  }
3472
3455
 
3473
3456
  .amplify-breadcrumbs__link--current {
3474
3457
  color: var(--amplify-components-breadcrumbs-link-current-color);
3475
3458
  font-size: var(--amplify-components-breadcrumbs-link-current-font-size);
3476
3459
  font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight);
3477
- -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
3478
- text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
3460
+ text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
3479
3461
  }
3480
3462
 
3481
3463
  .amplify-card {
@@ -5025,9 +5007,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
5025
5007
  padding-block: var(--amplify-components-sliderfield-padding-block);
5026
5008
  position: relative;
5027
5009
  touch-action: none;
5028
- -webkit-user-select: none;
5029
- -moz-user-select: none;
5030
- user-select: none;
5010
+ -moz-user-select: none;
5011
+ user-select: none;
5031
5012
  --amplify-internal-sliderfield-root-height: var(
5032
5013
  --amplify-components-sliderfield-thumb-height
5033
5014
  );
package/dist/styles.layer.css CHANGED
@@ -1641,9 +1641,8 @@ strong.amplify-text {
1641
1641
  padding-inline-start: var(--amplify-components-button-padding-inline-start);
1642
1642
  padding-inline-end: var(--amplify-components-button-padding-inline-end);
1643
1643
  transition: all var(--amplify-components-button-transition-duration);
1644
- -webkit-user-select: none;
1645
- -moz-user-select: none;
1646
- user-select: none;
1644
+ -moz-user-select: none;
1645
+ user-select: none;
1647
1646
  --amplify-internal-button-disabled-color: var(
1648
1647
  --amplify-components-button-disabled-color
1649
1648
  );
@@ -2664,58 +2663,50 @@ strong.amplify-text {
2664
2663
  background-color: var(--amplify-internal-button-disabled-background-color);
2665
2664
  border-color: var(--amplify-internal-button-disabled-border-color);
2666
2665
  color: var(--amplify-internal-button-disabled-color);
2667
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2668
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2666
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2669
2667
  cursor: not-allowed;
2670
2668
  }
2671
2669
  .amplify-button--disabled:hover {
2672
2670
  background-color: var(--amplify-internal-button-disabled-background-color);
2673
2671
  border-color: var(--amplify-internal-button-disabled-border-color);
2674
2672
  color: var(--amplify-internal-button-disabled-color);
2675
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2676
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2673
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2677
2674
  }
2678
2675
  .amplify-button--disabled :focus {
2679
2676
  background-color: var(--amplify-internal-button-disabled-background-color);
2680
2677
  border-color: var(--amplify-internal-button-disabled-border-color);
2681
2678
  color: var(--amplify-internal-button-disabled-color);
2682
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2683
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2679
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2684
2680
  }
2685
2681
  .amplify-button--disabled:active {
2686
2682
  background-color: var(--amplify-internal-button-disabled-background-color);
2687
2683
  border-color: var(--amplify-internal-button-disabled-border-color);
2688
2684
  color: var(--amplify-internal-button-disabled-color);
2689
- -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2690
- text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2685
+ text-decoration: var(--amplify-internal-button-disabled-text-decoration);
2691
2686
  }
2692
2687
  .amplify-button--loading {
2693
2688
  background-color: var(--amplify-internal-button-loading-background-color);
2694
2689
  border-color: var(--amplify-internal-button-loading-border-color);
2695
2690
  color: var(--amplify-components-button-loading-color);
2696
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2697
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2691
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2698
2692
  }
2699
2693
  .amplify-button--loading:hover {
2700
2694
  background-color: var(--amplify-internal-button-loading-background-color);
2701
2695
  border-color: var(--amplify-internal-button-loading-border-color);
2702
2696
  color: var(--amplify-components-button-loading-color);
2703
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2704
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2697
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2705
2698
  }
2706
2699
  .amplify-button--loading:focus {
2707
2700
  background-color: var(--amplify-internal-button-loading-background-color);
2708
2701
  border-color: var(--amplify-internal-button-loading-border-color);
2709
2702
  color: var(--amplify-components-button-loading-color);
2710
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2711
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2703
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2712
2704
  }
2713
2705
  .amplify-button--loading:active {
2714
2706
  background-color: var(--amplify-internal-button-loading-background-color);
2715
2707
  border-color: var(--amplify-internal-button-loading-border-color);
2716
2708
  color: var(--amplify-components-button-loading-color);
2717
- -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
2718
- text-decoration: var(--amplify-internal-button-loading-text-decoration);
2709
+ text-decoration: var(--amplify-internal-button-loading-text-decoration);
2719
2710
  }
2720
2711
  .amplify-button__loader-wrapper {
2721
2712
  align-items: var(--amplify-components-button-loader-wrapper-align-items);
@@ -2863,9 +2854,8 @@ strong.amplify-text {
2863
2854
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
2864
2855
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
2865
2856
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
2866
- -webkit-user-select: text;
2867
- -moz-user-select: text;
2868
- user-select: text;
2857
+ -moz-user-select: text;
2858
+ user-select: text;
2869
2859
  display: inline-block;
2870
2860
  --amplify-components-fieldcontrol-color: var(
2871
2861
  --amplify-components-input-color
@@ -2948,9 +2938,8 @@ strong.amplify-text {
2948
2938
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
2949
2939
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
2950
2940
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
2951
- -webkit-user-select: text;
2952
- -moz-user-select: text;
2953
- user-select: text;
2941
+ -moz-user-select: text;
2942
+ user-select: text;
2954
2943
  white-space: pre-wrap;
2955
2944
  }
2956
2945
  .amplify-textarea:focus {
@@ -3014,29 +3003,24 @@ strong.amplify-text {
3014
3003
 
3015
3004
  .amplify-link {
3016
3005
  color: var(--amplify-components-link-color);
3017
- -webkit-text-decoration: var(--amplify-components-link-text-decoration);
3018
- text-decoration: var(--amplify-components-link-text-decoration);
3006
+ text-decoration: var(--amplify-components-link-text-decoration);
3019
3007
  cursor: pointer;
3020
3008
  }
3021
3009
  .amplify-link:visited {
3022
3010
  color: var(--amplify-components-link-visited-color);
3023
- -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
3024
- text-decoration: var(--amplify-components-link-visited-text-decoration);
3011
+ text-decoration: var(--amplify-components-link-visited-text-decoration);
3025
3012
  }
3026
3013
  .amplify-link:active {
3027
3014
  color: var(--amplify-components-link-active-color);
3028
- -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
3029
- text-decoration: var(--amplify-components-link-active-text-decoration);
3015
+ text-decoration: var(--amplify-components-link-active-text-decoration);
3030
3016
  }
3031
3017
  .amplify-link:focus {
3032
3018
  color: var(--amplify-components-link-focus-color);
3033
- -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
3034
- text-decoration: var(--amplify-components-link-focus-text-decoration);
3019
+ text-decoration: var(--amplify-components-link-focus-text-decoration);
3035
3020
  }
3036
3021
  .amplify-link:hover {
3037
3022
  color: var(--amplify-components-link-hover-color);
3038
- -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
3039
- text-decoration: var(--amplify-components-link-hover-text-decoration);
3023
+ text-decoration: var(--amplify-components-link-hover-text-decoration);
3040
3024
  }
3041
3025
 
3042
3026
  .amplify-loader {
@@ -3467,16 +3451,14 @@ strong.amplify-text {
3467
3451
  font-weight: var(--amplify-components-breadcrumbs-link-font-weight);
3468
3452
  padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline);
3469
3453
  padding-block: var(--amplify-components-breadcrumbs-link-padding-block);
3470
- -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
3471
- text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
3454
+ text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
3472
3455
  }
3473
3456
 
3474
3457
  .amplify-breadcrumbs__link--current {
3475
3458
  color: var(--amplify-components-breadcrumbs-link-current-color);
3476
3459
  font-size: var(--amplify-components-breadcrumbs-link-current-font-size);
3477
3460
  font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight);
3478
- -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
3479
- text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
3461
+ text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
3480
3462
  }
3481
3463
 
3482
3464
  .amplify-card {
@@ -5026,9 +5008,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
5026
5008
  padding-block: var(--amplify-components-sliderfield-padding-block);
5027
5009
  position: relative;
5028
5010
  touch-action: none;
5029
- -webkit-user-select: none;
5030
- -moz-user-select: none;
5031
- user-select: none;
5011
+ -moz-user-select: none;
5012
+ user-select: none;
5032
5013
  --amplify-internal-sliderfield-root-height: var(
5033
5014
  --amplify-components-sliderfield-thumb-height
5034
5015
  );
package/dist/types/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const VERSION = "6.2.0";
1
+ export declare const VERSION = "6.2.1";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react",
3
- "version": "6.2.0",
3
+ "version": "6.2.1",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -36,6 +36,7 @@
36
36
  "files": [
37
37
  "dist",
38
38
  "internal",
39
+ "server",
39
40
  "LICENSE"
40
41
  ],
41
42
  "scripts": {
@@ -54,8 +55,8 @@
54
55
  "typecheck": "tsc --noEmit"
55
56
  },
56
57
  "dependencies": {
57
- "@aws-amplify/ui": "6.1.0",
58
- "@aws-amplify/ui-react-core": "3.0.18",
58
+ "@aws-amplify/ui": "6.2.0",
59
+ "@aws-amplify/ui-react-core": "3.0.19",
59
60
  "@radix-ui/react-direction": "1.0.0",
60
61
  "@radix-ui/react-dropdown-menu": "1.0.0",
61
62
  "@radix-ui/react-slider": "1.0.0",
package/server/package.json ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "private": true,
3
+ "name": "@aws-amplify/ui-react-server",
4
+ "main": "../dist/server.js",
5
+ "module": "../dist/esm/server.mjs",
6
+ "types": "../dist/types/server.d.ts"
7
+ }