@aws-amplify/ui 3.0.13 → 3.0.14

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 (7) hide show
  1. package/dist/esm/index.js +2 -2
  2. package/dist/esm/index.js.map +1 -1
  3. package/dist/index.js +4 -4
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles.css +79 -55
  6. package/dist/theme.css +22 -19
  7. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Tue, 15 Feb 2022 00:31:27 GMT
6
+ * Generated on Thu, 17 Feb 2022 23:14:37 GMT
7
7
  */
8
8
  :root, [data-amplify-theme] {
9
9
  --amplify-transforms-slide-x-large: translateX(2em);
@@ -237,7 +237,7 @@
237
237
  --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
238
238
  --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
239
239
  --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
240
- --amplify-components-togglebutton-pressed-color: var(--amplify-colors-overlay-90);
240
+ --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
241
241
  --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
242
242
  --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-secondary);
243
243
  --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
@@ -339,9 +339,9 @@
339
339
  --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
340
340
  --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
341
341
  --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
342
+ --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
342
343
  --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
343
344
  --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
344
- --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
345
345
  --amplify-components-switchfield-focused-shadow: var(--amplify-shadows-small);
346
346
  --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
347
347
  --amplify-components-stepperfield-input-text-align: center;
@@ -362,7 +362,7 @@
362
362
  --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
363
363
  --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-small);
364
364
  --amplify-components-sliderfield-thumb-border-radius: 50%;
365
- --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-medium);
365
+ --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
366
366
  --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
367
367
  --amplify-components-sliderfield-thumb-height: 1.25rem;
368
368
  --amplify-components-sliderfield-thumb-width: 1.25rem;
@@ -474,28 +474,28 @@
474
474
  --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
475
475
  --amplify-components-menu-border-radius: var(--amplify-radii-medium);
476
476
  --amplify-components-menu-background-color: var(--amplify-colors-white);
477
- --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-xs);
478
- --amplify-components-loader-linear-large-height: var(--amplify-font-sizes-xs);
479
- --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-xxxs);
480
- --amplify-components-loader-linear-small-height: var(--amplify-font-sizes-xxxs);
477
+ --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
478
+ --amplify-components-loader-linear-large-height: var(--amplify-font-sizes-large);
479
+ --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small);
480
+ --amplify-components-loader-linear-small-height: var(--amplify-font-sizes-small);
481
481
  --amplify-components-loader-linear-animation-duration: 1s;
482
482
  --amplify-components-loader-linear-stroke-linecap: round;
483
483
  --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
484
484
  --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
485
- --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);
486
- --amplify-components-loader-linear-height: var(--amplify-font-sizes-xxs);
485
+ --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium);
486
+ --amplify-components-loader-linear-height: var(--amplify-font-sizes-medium);
487
487
  --amplify-components-loader-linear-min-width: 5rem;
488
488
  --amplify-components-loader-linear-width: 100%;
489
- --amplify-components-loader-large-height: var(--amplify-font-sizes-xxxl);
490
- --amplify-components-loader-large-width: var(--amplify-font-sizes-xxxl);
491
- --amplify-components-loader-small-height: var(--amplify-font-sizes-medium);
492
- --amplify-components-loader-small-width: var(--amplify-font-sizes-medium);
489
+ --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
490
+ --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
491
+ --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
492
+ --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
493
493
  --amplify-components-loader-animation-duration: 1s;
494
494
  --amplify-components-loader-stroke-linecap: round;
495
495
  --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
496
496
  --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
497
- --amplify-components-loader-height: var(--amplify-font-sizes-xxl);
498
- --amplify-components-loader-width: var(--amplify-font-sizes-xxl);
497
+ --amplify-components-loader-height: var(--amplify-font-sizes-medium);
498
+ --amplify-components-loader-width: var(--amplify-font-sizes-medium);
499
499
  --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
500
500
  --amplify-components-link-small-font-size: var(--amplify-font-sizes-small);
501
501
  --amplify-components-link-large-font-size: var(--amplify-font-sizes-large);
@@ -672,6 +672,7 @@
672
672
  --amplify-components-card-elevated-border-width: 0;
673
673
  --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
674
674
  --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
675
+ --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
675
676
  --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
676
677
  --amplify-components-card-outlined-border-style: solid;
677
678
  --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
@@ -684,6 +685,8 @@
684
685
  --amplify-components-card-border-width: 0;
685
686
  --amplify-components-card-border-radius: var(--amplify-radii-xs);
686
687
  --amplify-components-card-background-color: var(--amplify-colors-background-primary);
688
+ --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
689
+ --amplify-components-button-loader-wrapper-align-items: center;
687
690
  --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
688
691
  --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
689
692
  --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
@@ -734,8 +737,8 @@
734
737
  --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
735
738
  --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
736
739
  --amplify-components-button-primary-hover-border-color: transparent;
737
- --amplify-components-button-primary-loading-color: var(--amplify-colors-font-inverse);
738
- --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-tertiary);
740
+ --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
741
+ --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
739
742
  --amplify-components-button-primary-loading-border-color: transparent;
740
743
  --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
741
744
  --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
@@ -750,7 +753,7 @@
750
753
  --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
751
754
  --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
752
755
  --amplify-components-button-loading-background-color: transparent;
753
- --amplify-components-button-loading-color: var(--amplify-colors-font-tertiary);
756
+ --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
754
757
  --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
755
758
  --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
756
759
  --amplify-components-button-active-color: var(--amplify-colors-font-active);
@@ -870,6 +873,32 @@ select {
870
873
  border-width: 0 !important;
871
874
  }
872
875
 
876
+ .amplify-flex {
877
+ align-content: var(--amplify-components-flex-align-content);
878
+ align-items: var(--amplify-components-flex-align-items);
879
+ display: flex;
880
+ flex-wrap: var(--amplify-components-flex-flex-wrap);
881
+ gap: var(--amplify-components-flex-gap);
882
+ justify-content: var(--amplify-components-flex-justify-content);
883
+ }
884
+
885
+ .amplify-grid {
886
+ display: grid;
887
+ }
888
+
889
+ .amplify-scrollview {
890
+ display: block;
891
+ overflow: scroll;
892
+ }
893
+ .amplify-scrollview[data-orientation=horizontal] {
894
+ overflow-x: scroll;
895
+ overflow-y: initial;
896
+ }
897
+ .amplify-scrollview[data-orientation=vertical] {
898
+ overflow-x: initial;
899
+ overflow-y: scroll;
900
+ }
901
+
873
902
  .amplify-text {
874
903
  color: var(--amplify-components-text-color);
875
904
  display: block;
@@ -1052,16 +1081,16 @@ strong.amplify-text {
1052
1081
  border-color: var(--amplify-components-button-primary-active-border-color);
1053
1082
  color: var(--amplify-components-button-primary-active-color);
1054
1083
  }
1055
- .amplify-button[data-variation=primary][data-loading=true] {
1056
- background-color: var(--amplify-components-button-primary-loading-background-color);
1057
- border-color: var(--amplify-components-button-primary-loading-border-color);
1058
- color: var(--amplify-components-button-primary-loading-color);
1059
- }
1060
1084
  .amplify-button[data-variation=primary][disabled] {
1061
1085
  background-color: var(--amplify-components-button-primary-disabled-background-color);
1062
1086
  border-color: var(--amplify-components-button-primary-disabled-border-color);
1063
1087
  color: var(--amplify-components-button-primary-disabled-color);
1064
1088
  }
1089
+ .amplify-button[data-variation=primary][data-loading=true] {
1090
+ background-color: var(--amplify-components-button-primary-loading-background-color);
1091
+ border-color: var(--amplify-components-button-primary-loading-border-color);
1092
+ color: var(--amplify-components-button-primary-loading-color);
1093
+ }
1065
1094
  .amplify-button[data-variation=link] {
1066
1095
  border-width: var(--amplify-components-button-link-border-width);
1067
1096
  background-color: var(--amplify-components-button-link-background-color);
@@ -1118,6 +1147,11 @@ strong.amplify-text {
1118
1147
  padding-inline-end: var(--amplify-components-button-large-padding-inline-end);
1119
1148
  }
1120
1149
 
1150
+ .amplify-button__loader-wrapper {
1151
+ align-items: var(--amplify-components-button-loader-wrapper-align-items);
1152
+ gap: var(--amplify-components-button-loader-wrapper-gap);
1153
+ }
1154
+
1121
1155
  @media (prefers-reduced-motion: reduce) {
1122
1156
  .amplify-button {
1123
1157
  transition: none;
@@ -1200,6 +1234,11 @@ h6.amplify-heading {
1200
1234
  text-decoration: var(--amplify-components-link-text-decoration);
1201
1235
  cursor: pointer;
1202
1236
  }
1237
+ .amplify-link:visited {
1238
+ color: var(--amplify-components-link-visited-color);
1239
+ -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
1240
+ text-decoration: var(--amplify-components-link-visited-text-decoration);
1241
+ }
1203
1242
  .amplify-link:active {
1204
1243
  color: var(--amplify-components-link-active-color);
1205
1244
  -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
@@ -1215,11 +1254,6 @@ h6.amplify-heading {
1215
1254
  -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
1216
1255
  text-decoration: var(--amplify-components-link-hover-text-decoration);
1217
1256
  }
1218
- .amplify-link:visited {
1219
- color: var(--amplify-components-link-visited-color);
1220
- -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
1221
- text-decoration: var(--amplify-components-link-visited-text-decoration);
1222
- }
1223
1257
  .amplify-link[data-size=small] {
1224
1258
  font-size: var(--amplify-components-link-small-font-size);
1225
1259
  }
@@ -1386,32 +1420,6 @@ h6.amplify-heading {
1386
1420
  background-color: var(--amplify-components-placeholder-end-color);
1387
1421
  }
1388
1422
  }
1389
- .amplify-flex {
1390
- align-content: var(--amplify-components-flex-align-content);
1391
- align-items: var(--amplify-components-flex-align-items);
1392
- display: flex;
1393
- flex-wrap: var(--amplify-components-flex-flex-wrap);
1394
- gap: var(--amplify-components-flex-gap);
1395
- justify-content: var(--amplify-components-flex-justify-content);
1396
- }
1397
-
1398
- .amplify-grid {
1399
- display: grid;
1400
- }
1401
-
1402
- .amplify-scrollview {
1403
- display: block;
1404
- overflow: scroll;
1405
- }
1406
- .amplify-scrollview[data-orientation=horizontal] {
1407
- overflow-x: scroll;
1408
- overflow-y: initial;
1409
- }
1410
- .amplify-scrollview[data-orientation=vertical] {
1411
- overflow-x: initial;
1412
- overflow-y: scroll;
1413
- }
1414
-
1415
1423
  .amplify-alert {
1416
1424
  align-items: var(--amplify-components-alert-align-items);
1417
1425
  justify-content: var(--amplify-components-alert-justify-content);
@@ -1982,6 +1990,22 @@ h6.amplify-heading {
1982
1990
  color: var(--amplify-components-field-label-color);
1983
1991
  }
1984
1992
 
1993
+ [data-label-position=start] {
1994
+ flex-direction: row;
1995
+ }
1996
+
1997
+ [data-label-position=end] {
1998
+ flex-direction: row-reverse;
1999
+ }
2000
+
2001
+ [data-label-position=top] {
2002
+ flex-direction: column;
2003
+ }
2004
+
2005
+ [data-label-position=bottom] {
2006
+ flex-direction: column-reverse;
2007
+ }
2008
+
1985
2009
  .amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
1986
2010
  border-start-start-radius: 0;
1987
2011
  border-end-start-radius: 0;
package/dist/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Feb 2022 00:31:27 GMT
3
+ * Generated on Thu, 17 Feb 2022 23:14:37 GMT
4
4
  */
5
5
 
6
6
  :root, [data-amplify-theme] {
@@ -235,7 +235,7 @@
235
235
  --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
236
236
  --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
237
237
  --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
238
- --amplify-components-togglebutton-pressed-color: var(--amplify-colors-overlay-90);
238
+ --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
239
239
  --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
240
240
  --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-secondary);
241
241
  --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
@@ -337,9 +337,9 @@
337
337
  --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
338
338
  --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
339
339
  --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
340
+ --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
340
341
  --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
341
342
  --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
342
- --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
343
343
  --amplify-components-switchfield-focused-shadow: var(--amplify-shadows-small);
344
344
  --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
345
345
  --amplify-components-stepperfield-input-text-align: center;
@@ -360,7 +360,7 @@
360
360
  --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
361
361
  --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-small);
362
362
  --amplify-components-sliderfield-thumb-border-radius: 50%;
363
- --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-medium);
363
+ --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
364
364
  --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
365
365
  --amplify-components-sliderfield-thumb-height: 1.25rem;
366
366
  --amplify-components-sliderfield-thumb-width: 1.25rem;
@@ -472,28 +472,28 @@
472
472
  --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
473
473
  --amplify-components-menu-border-radius: var(--amplify-radii-medium);
474
474
  --amplify-components-menu-background-color: var(--amplify-colors-white);
475
- --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-xs);
476
- --amplify-components-loader-linear-large-height: var(--amplify-font-sizes-xs);
477
- --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-xxxs);
478
- --amplify-components-loader-linear-small-height: var(--amplify-font-sizes-xxxs);
475
+ --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
476
+ --amplify-components-loader-linear-large-height: var(--amplify-font-sizes-large);
477
+ --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small);
478
+ --amplify-components-loader-linear-small-height: var(--amplify-font-sizes-small);
479
479
  --amplify-components-loader-linear-animation-duration: 1s;
480
480
  --amplify-components-loader-linear-stroke-linecap: round;
481
481
  --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
482
482
  --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
483
- --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);
484
- --amplify-components-loader-linear-height: var(--amplify-font-sizes-xxs);
483
+ --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium);
484
+ --amplify-components-loader-linear-height: var(--amplify-font-sizes-medium);
485
485
  --amplify-components-loader-linear-min-width: 5rem;
486
486
  --amplify-components-loader-linear-width: 100%;
487
- --amplify-components-loader-large-height: var(--amplify-font-sizes-xxxl);
488
- --amplify-components-loader-large-width: var(--amplify-font-sizes-xxxl);
489
- --amplify-components-loader-small-height: var(--amplify-font-sizes-medium);
490
- --amplify-components-loader-small-width: var(--amplify-font-sizes-medium);
487
+ --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
488
+ --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
489
+ --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
490
+ --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
491
491
  --amplify-components-loader-animation-duration: 1s;
492
492
  --amplify-components-loader-stroke-linecap: round;
493
493
  --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
494
494
  --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
495
- --amplify-components-loader-height: var(--amplify-font-sizes-xxl);
496
- --amplify-components-loader-width: var(--amplify-font-sizes-xxl);
495
+ --amplify-components-loader-height: var(--amplify-font-sizes-medium);
496
+ --amplify-components-loader-width: var(--amplify-font-sizes-medium);
497
497
  --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
498
498
  --amplify-components-link-small-font-size: var(--amplify-font-sizes-small);
499
499
  --amplify-components-link-large-font-size: var(--amplify-font-sizes-large);
@@ -670,6 +670,7 @@
670
670
  --amplify-components-card-elevated-border-width: 0;
671
671
  --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
672
672
  --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
673
+ --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
673
674
  --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
674
675
  --amplify-components-card-outlined-border-style: solid;
675
676
  --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
@@ -682,6 +683,8 @@
682
683
  --amplify-components-card-border-width: 0;
683
684
  --amplify-components-card-border-radius: var(--amplify-radii-xs);
684
685
  --amplify-components-card-background-color: var(--amplify-colors-background-primary);
686
+ --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
687
+ --amplify-components-button-loader-wrapper-align-items: center;
685
688
  --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
686
689
  --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
687
690
  --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
@@ -732,8 +735,8 @@
732
735
  --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
733
736
  --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
734
737
  --amplify-components-button-primary-hover-border-color: transparent;
735
- --amplify-components-button-primary-loading-color: var(--amplify-colors-font-inverse);
736
- --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-tertiary);
738
+ --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
739
+ --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
737
740
  --amplify-components-button-primary-loading-border-color: transparent;
738
741
  --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
739
742
  --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
@@ -748,7 +751,7 @@
748
751
  --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
749
752
  --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
750
753
  --amplify-components-button-loading-background-color: transparent;
751
- --amplify-components-button-loading-color: var(--amplify-colors-font-tertiary);
754
+ --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
752
755
  --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
753
756
  --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
754
757
  --amplify-components-button-active-color: var(--amplify-colors-font-active);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui",
3
- "version": "3.0.13",
3
+ "version": "3.0.14",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {