@aws-amplify/ui 6.0.17 → 6.2.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 (96) hide show
  1. package/dist/esm/i18n/dictionaries/authenticator/de.mjs +4 -4
  2. package/dist/esm/i18n/dictionaries/authenticator/ja.mjs +2 -2
  3. package/dist/esm/i18n/dictionaries/authenticator/kr.mjs +10 -0
  4. package/dist/esm/i18n/dictionaries/authenticator/th.mjs +101 -0
  5. package/dist/esm/i18n/dictionaries/index.mjs +3 -1
  6. package/dist/esm/i18n/translations.mjs +2 -1
  7. package/dist/esm/index.mjs +6 -3
  8. package/dist/esm/theme/createTheme/createAnimationCSS.mjs +23 -0
  9. package/dist/esm/theme/createTheme/createColorPalette.mjs +21 -0
  10. package/dist/esm/theme/createTheme/createComponentCSS.mjs +86 -0
  11. package/dist/esm/theme/createTheme/createComponentClasses.mjs +60 -0
  12. package/dist/esm/theme/{createTheme.mjs → createTheme/createTheme.mjs} +33 -44
  13. package/dist/esm/theme/createTheme/defineComponentTheme.mjs +55 -0
  14. package/dist/esm/theme/createTheme/utils.mjs +236 -0
  15. package/dist/esm/utils/humanFileSize.mjs +29 -0
  16. package/dist/esm/utils/utils.mjs +21 -1
  17. package/dist/index.js +566 -41
  18. package/dist/styles/breadcrumbs.css +2 -4
  19. package/dist/styles/breadcrumbs.layer.css +2 -4
  20. package/dist/styles/button.css +10 -19
  21. package/dist/styles/button.layer.css +10 -19
  22. package/dist/styles/input.css +2 -3
  23. package/dist/styles/input.layer.css +2 -3
  24. package/dist/styles/link.css +5 -10
  25. package/dist/styles/link.layer.css +5 -10
  26. package/dist/styles/reset.css +1 -3
  27. package/dist/styles/reset.layer.css +1 -3
  28. package/dist/styles/sliderField.css +2 -3
  29. package/dist/styles/sliderField.layer.css +2 -3
  30. package/dist/styles/textArea.css +2 -3
  31. package/dist/styles/textArea.layer.css +2 -3
  32. package/dist/styles.css +23 -42
  33. package/dist/styles.layer.css +23 -42
  34. package/dist/types/i18n/dictionaries/authenticator/index.d.ts +1 -0
  35. package/dist/types/i18n/dictionaries/authenticator/th.d.ts +2 -0
  36. package/dist/types/i18n/dictionaries/index.d.ts +52 -0
  37. package/dist/types/theme/components/accordion.d.ts +4 -0
  38. package/dist/types/theme/components/alert.d.ts +4 -0
  39. package/dist/types/theme/components/autocomplete.d.ts +8 -0
  40. package/dist/types/theme/components/badge.d.ts +4 -0
  41. package/dist/types/theme/components/breadcrumbs.d.ts +7 -0
  42. package/dist/types/theme/components/button.d.ts +7 -0
  43. package/dist/types/theme/components/buttonGroup.d.ts +2 -0
  44. package/dist/types/theme/components/card.d.ts +2 -0
  45. package/dist/types/theme/components/checkbox.d.ts +7 -0
  46. package/dist/types/theme/components/checkboxField.d.ts +2 -0
  47. package/dist/types/theme/components/collection.d.ts +4 -0
  48. package/dist/types/theme/components/divider.d.ts +2 -0
  49. package/dist/types/theme/components/dropZone.d.ts +2 -0
  50. package/dist/types/theme/components/field.d.ts +6 -0
  51. package/dist/types/theme/components/fieldGroup.d.ts +11 -0
  52. package/dist/types/theme/components/fieldset.d.ts +4 -0
  53. package/dist/types/theme/components/heading.d.ts +4 -0
  54. package/dist/types/theme/components/highlightMatch.d.ts +4 -0
  55. package/dist/types/theme/components/index.d.ts +92 -0
  56. package/dist/types/theme/components/input.d.ts +2 -0
  57. package/dist/types/theme/components/loader.d.ts +4 -0
  58. package/dist/types/theme/components/menu.d.ts +4 -0
  59. package/dist/types/theme/components/message.d.ts +4 -0
  60. package/dist/types/theme/components/pagination.d.ts +4 -0
  61. package/dist/types/theme/components/placeholder.d.ts +2 -0
  62. package/dist/types/theme/components/radio.d.ts +6 -0
  63. package/dist/types/theme/components/rating.d.ts +5 -0
  64. package/dist/types/theme/components/scrollview.d.ts +2 -0
  65. package/dist/types/theme/components/searchField.d.ts +4 -0
  66. package/dist/types/theme/components/select.d.ts +5 -0
  67. package/dist/types/theme/components/selectField.d.ts +2 -0
  68. package/dist/types/theme/components/sliderField.d.ts +9 -0
  69. package/dist/types/theme/components/stepperField.d.ts +6 -0
  70. package/dist/types/theme/components/storageManager.d.ts +20 -0
  71. package/dist/types/theme/components/switchField.d.ts +8 -0
  72. package/dist/types/theme/components/table.d.ts +4 -0
  73. package/dist/types/theme/components/tabs.d.ts +6 -0
  74. package/dist/types/theme/components/text.d.ts +3 -0
  75. package/dist/types/theme/components/textField.d.ts +2 -0
  76. package/dist/types/theme/components/textarea.d.ts +2 -0
  77. package/dist/types/theme/components/textareaField.d.ts +2 -0
  78. package/dist/types/theme/components/toggleButton.d.ts +3 -0
  79. package/dist/types/theme/components/utils.d.ts +52 -0
  80. package/dist/types/theme/createTheme/createAnimationCSS.d.ts +6 -0
  81. package/dist/types/theme/createTheme/createColorPalette.d.ts +16 -0
  82. package/dist/types/theme/createTheme/createComponentCSS.d.ts +7 -0
  83. package/dist/types/theme/createTheme/createComponentClasses.d.ts +25 -0
  84. package/dist/types/theme/{createTheme.d.ts → createTheme/createTheme.d.ts} +3 -2
  85. package/dist/types/theme/createTheme/defineComponentTheme.d.ts +54 -0
  86. package/dist/types/theme/createTheme/index.d.ts +4 -0
  87. package/dist/types/theme/createTheme/utils.d.ts +92 -0
  88. package/dist/types/theme/index.d.ts +1 -2
  89. package/dist/types/theme/types.d.ts +20 -3
  90. package/dist/types/utils/classNames.d.ts +1 -1
  91. package/dist/types/utils/humanFileSize.d.ts +11 -0
  92. package/dist/types/utils/index.d.ts +2 -1
  93. package/dist/types/utils/utils.d.ts +8 -0
  94. package/package.json +3 -3
  95. package/dist/esm/theme/utils.mjs +0 -81
  96. package/dist/types/theme/utils.d.ts +0 -35
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
  );