@aws-amplify/ui 3.0.3 → 3.0.4

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.
package/dist/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Mon, 29 Nov 2021 21:58:32 GMT
6
+ * Generated on Wed, 08 Dec 2021 21:54:15 GMT
7
7
  */
8
8
  :root, [data-amplify-theme] {
9
9
  --amplify-transforms-slide-x-large: translateX(2em);
@@ -81,7 +81,7 @@
81
81
  --amplify-font-sizes-xxxs: 0.375rem;
82
82
  --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
83
83
  "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
84
- --amplify-fonts-default-variable: "InterVariable", -apple-system, BlinkMacSystemFont,
84
+ --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont,
85
85
  "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans",
86
86
  sans-serif;
87
87
  --amplify-colors-transparent: transparent;
@@ -1437,7 +1437,7 @@ h6.amplify-heading {
1437
1437
  display: grid;
1438
1438
  width: 100vw;
1439
1439
  height: 100vh;
1440
- overflow: auto;
1440
+ height: -webkit-fill-available;
1441
1441
  background-color: var(--amplify-colors-background-secondary, #e1e5e9);
1442
1442
  /* Override browser default `body { margin: 8px }` */
1443
1443
  position: fixed;
@@ -1445,6 +1445,31 @@ h6.amplify-heading {
1445
1445
  left: 0;
1446
1446
  /* Having a z-index at least "wins" by default */
1447
1447
  z-index: 1;
1448
+ /* top-align at the top 20% of the screen */
1449
+ box-sizing: border-box;
1450
+ padding-top: 20vh;
1451
+ align-content: flex-start;
1452
+ }
1453
+ @media (max-width: 30rem) {
1454
+ [data-amplify-authenticator][data-variation=modal] {
1455
+ overflow: auto;
1456
+ padding-top: 0;
1457
+ }
1458
+ }
1459
+
1460
+ [data-amplify-authenticator][data-variation=modal] [data-amplify-router-content] {
1461
+ max-height: 60vh;
1462
+ overflow-y: auto;
1463
+ /* Scroll shadows, adapted from https://codepen.io/chriscoyier/pen/YzXBYvL */
1464
+ background: linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)) center bottom;
1465
+ background-repeat: no-repeat;
1466
+ background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
1467
+ background-attachment: local, local, scroll, scroll;
1468
+ }
1469
+ @media (max-width: 30rem) {
1470
+ [data-amplify-authenticator][data-variation=modal] [data-amplify-router-content] {
1471
+ max-height: unset;
1472
+ }
1448
1473
  }
1449
1474
 
1450
1475
  /* Texture for modal */
package/dist/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Nov 2021 21:58:32 GMT
3
+ * Generated on Wed, 08 Dec 2021 21:54:15 GMT
4
4
  */
5
5
 
6
6
  :root, [data-amplify-theme] {
@@ -79,7 +79,7 @@
79
79
  --amplify-font-sizes-xxxs: 0.375rem;
80
80
  --amplify-fonts-default-static: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
81
81
  'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif;
82
- --amplify-fonts-default-variable: 'InterVariable', -apple-system, BlinkMacSystemFont,
82
+ --amplify-fonts-default-variable: 'InterVariable', 'Inter var', 'Inter', -apple-system, BlinkMacSystemFont,
83
83
  'Helvetica Neue', 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans',
84
84
  sans-serif;
85
85
  --amplify-colors-transparent: transparent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui",
3
- "version": "3.0.3",
3
+ "version": "3.0.4",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {