@aws-amplify/ui 6.1.0 → 6.3.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.
Files changed (36) hide show
  1. package/dist/esm/i18n/dictionaries/authenticator/de.mjs +4 -4
  2. package/dist/esm/i18n/dictionaries/authenticator/th.mjs +101 -0
  3. package/dist/esm/i18n/dictionaries/index.mjs +3 -1
  4. package/dist/esm/i18n/translations.mjs +2 -1
  5. package/dist/esm/index.mjs +1 -0
  6. package/dist/esm/types/primitives/componentClassName.mjs +19 -0
  7. package/dist/esm/utils/humanFileSize.mjs +29 -0
  8. package/dist/esm/utils/setUserAgent/constants.mjs +6 -2
  9. package/dist/esm/utils/setUserAgent/setUserAgent.mjs +8 -1
  10. package/dist/index.js +165 -4
  11. package/dist/styles/breadcrumbs.css +2 -4
  12. package/dist/styles/breadcrumbs.layer.css +2 -4
  13. package/dist/styles/button.css +10 -19
  14. package/dist/styles/button.layer.css +10 -19
  15. package/dist/styles/input.css +2 -3
  16. package/dist/styles/input.layer.css +2 -3
  17. package/dist/styles/link.css +5 -10
  18. package/dist/styles/link.layer.css +5 -10
  19. package/dist/styles/reset.css +1 -3
  20. package/dist/styles/reset.layer.css +1 -3
  21. package/dist/styles/sliderField.css +2 -3
  22. package/dist/styles/sliderField.layer.css +2 -3
  23. package/dist/styles/textArea.css +2 -3
  24. package/dist/styles/textArea.layer.css +2 -3
  25. package/dist/styles.css +23 -42
  26. package/dist/styles.layer.css +23 -42
  27. package/dist/types/i18n/dictionaries/authenticator/index.d.ts +1 -0
  28. package/dist/types/i18n/dictionaries/authenticator/th.d.ts +2 -0
  29. package/dist/types/i18n/dictionaries/index.d.ts +52 -0
  30. package/dist/types/theme/components/fileUploader.d.ts +20 -0
  31. package/dist/types/types/primitives/componentClassName.d.ts +19 -0
  32. package/dist/types/utils/humanFileSize.d.ts +11 -0
  33. package/dist/types/utils/index.d.ts +1 -0
  34. package/dist/types/utils/setUserAgent/constants.d.ts +1 -0
  35. package/dist/types/utils/setUserAgent/setUserAgent.d.ts +1 -1
  36. package/package.json +1 -1
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
  );