@aws-amplify/ui 3.0.6 → 3.0.10

package/dist/styles.css

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Wed, 05 Jan 2022 00:00:31 GMT
+ * Generated on Thu, 27 Jan 2022 23:18:54 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);
@@ -379,6 +379,7 @@
   --amplify-components-select-small-min-width: 5.5rem;
   --amplify-components-select-min-width: 6.5rem;
   --amplify-components-select-white-space: nowrap;
+  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
   --amplify-components-select-icon-wrapper-pointer-events: none;
   --amplify-components-select-icon-wrapper-transform: translateY(-50%);
   --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
@@ -388,6 +389,7 @@
   --amplify-components-select-wrapper-cursor: pointer;
   --amplify-components-select-wrapper-position: relative;
   --amplify-components-select-wrapper-display: block;
+  --amplify-components-select-wrapper-flex: 1;
   --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
@@ -625,6 +627,7 @@
   --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
   --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
   --amplify-components-divider-border-style: solid;
+  --amplify-components-countrycodeselect-height: 100%;
   --amplify-components-checkboxfield-justify-content: center;
   --amplify-components-checkboxfield-flex-direction: column;
   --amplify-components-checkboxfield-align-content: center;
@@ -1545,6 +1548,36 @@ h6.amplify-heading {
   padding: 0px 1.5rem;
 }
 
+[data-amplify-copy] {
+  display: flex;
+  font-size: 0.688rem;
+  gap: 1rem;
+  justify-content: center;
+  align-items: center;
+}
+@media (max-width: 30rem) {
+  [data-amplify-copy] {
+    word-break: break-all;
+  }
+}
+
+[data-amplify-copy-svg] {
+  cursor: pointer;
+  position: relative;
+}
+[data-amplify-copy-svg]:hover [data-amplify-copy-tooltip] {
+  visibility: visible;
+  font-size: 0.55rem;
+}
+
+[data-amplify-copy-tooltip] {
+  visibility: hidden;
+  position: absolute;
+  top: -1rem;
+  left: -0.1rem;
+  color: var(--amplify-colors-teal-100);
+}
+
 .amplify-card {
   background-color: var(--amplify-components-card-background-color);
   border-radius: var(--amplify-components-card-border-radius);
@@ -1659,6 +1692,10 @@ h6.amplify-heading {
   justify-content: var(--amplify-components-checkboxfield-justify-content);
 }
 
+.amplify-countrycodeselect {
+  height: var(--amplify-components-countrycodeselect-height);
+}
+
 .amplify-divider {
   border-color: var(--amplify-components-divider-border-color);
   border-style: var(--amplify-components-divider-border-style);
@@ -2286,6 +2323,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-select__wrapper {
+  flex: var(--amplify-components-select-wrapper-flex);
   display: var(--amplify-components-select-wrapper-display);
   position: var(--amplify-components-select-wrapper-position);
   cursor: var(--amplify-components-select-wrapper-cursor);
@@ -2306,6 +2344,11 @@ html[dir=rtl] .amplify-field-group__inner-start {
   min-width: var(--amplify-components-select-min-width);
   white-space: var(--amplify-components-select-white-space);
 }
+@-moz-document url-prefix() {
+  .amplify-select option {
+    background-color: var(--amplify-components-select-option-background-color);
+  }
+}
 .amplify-select[data-size=small] {
   min-width: var(--amplify-components-select-small-min-width);
 }

package/dist/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Jan 2022 00:00:31 GMT
+ * Generated on Thu, 27 Jan 2022 23:18:54 GMT
  */
 
 :root, [data-amplify-theme] {
@@ -377,6 +377,7 @@
   --amplify-components-select-small-min-width: 5.5rem;
   --amplify-components-select-min-width: 6.5rem;
   --amplify-components-select-white-space: nowrap;
+  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
   --amplify-components-select-icon-wrapper-pointer-events: none;
   --amplify-components-select-icon-wrapper-transform: translateY(-50%);
   --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
@@ -386,6 +387,7 @@
   --amplify-components-select-wrapper-cursor: pointer;
   --amplify-components-select-wrapper-position: relative;
   --amplify-components-select-wrapper-display: block;
+  --amplify-components-select-wrapper-flex: 1;
   --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
@@ -623,6 +625,7 @@
   --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
   --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
   --amplify-components-divider-border-style: solid;
+  --amplify-components-countrycodeselect-height: 100%;
   --amplify-components-checkboxfield-justify-content: center;
   --amplify-components-checkboxfield-flex-direction: column;
   --amplify-components-checkboxfield-align-content: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "3.0.6",
+  "version": "3.0.10",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {