@aws-amplify/ui 3.0.12 → 3.0.13

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 (9) hide show
  1. package/README.md +1 -1
  2. package/dist/esm/index.js +3 -3
  3. package/dist/esm/index.js.map +1 -1
  4. package/dist/index.d.ts +7 -1
  5. package/dist/index.js +4 -4
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +37 -15
  8. package/dist/theme.css +13 -13
  9. package/package.json +2 -1
package/dist/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Fri, 04 Feb 2022 01:12:40 GMT
6
+ * Generated on Tue, 15 Feb 2022 00:31:27 GMT
7
7
  */
8
8
  :root, [data-amplify-theme] {
9
9
  --amplify-transforms-slide-x-large: translateX(2em);
@@ -58,8 +58,8 @@
58
58
  --amplify-opacities-10: 0.1;
59
59
  --amplify-opacities-0: 0;
60
60
  --amplify-line-heights-large: 2;
61
- --amplify-line-heights-medium: 1.75;
62
- --amplify-line-heights-small: 1.5;
61
+ --amplify-line-heights-medium: 1.5;
62
+ --amplify-line-heights-small: 1.25;
63
63
  --amplify-font-weights-black: 900;
64
64
  --amplify-font-weights-extrabold: 800;
65
65
  --amplify-font-weights-bold: 700;
@@ -69,8 +69,8 @@
69
69
  --amplify-font-weights-light: 300;
70
70
  --amplify-font-weights-thin: 200;
71
71
  --amplify-font-weights-hairline: 100;
72
- --amplify-font-sizes-xxxxl: 5rem;
73
- --amplify-font-sizes-xxxl: 3rem;
72
+ --amplify-font-sizes-xxxxl: 3rem;
73
+ --amplify-font-sizes-xxxl: 2.5rem;
74
74
  --amplify-font-sizes-xxl: 2rem;
75
75
  --amplify-font-sizes-xl: 1.5rem;
76
76
  --amplify-font-sizes-large: 1.25rem;
@@ -509,17 +509,17 @@
509
509
  --amplify-components-image-max-width: 100%;
510
510
  --amplify-components-icon-height: 1em;
511
511
  --amplify-components-icon-line-height: 1;
512
- --amplify-components-heading-line-height: 1.25;
512
+ --amplify-components-heading-line-height: var(--amplify-line-heights-small);
513
513
  --amplify-components-heading-color: var(--amplify-colors-font-primary);
514
- --amplify-components-heading-6-font-weight: var(--amplify-font-weights-bold);
514
+ --amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold);
515
515
  --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
516
- --amplify-components-heading-5-font-weight: var(--amplify-font-weights-semibold);
516
+ --amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold);
517
517
  --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
518
- --amplify-components-heading-4-font-weight: var(--amplify-font-weights-medium);
518
+ --amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold);
519
519
  --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
520
- --amplify-components-heading-3-font-weight: var(--amplify-font-weights-normal);
520
+ --amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium);
521
521
  --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
522
- --amplify-components-heading-2-font-weight: var(--amplify-font-weights-light);
522
+ --amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal);
523
523
  --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
524
524
  --amplify-components-heading-1-font-weight: var(--amplify-font-weights-light);
525
525
  --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
@@ -561,8 +561,8 @@
561
561
  --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
562
562
  --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);
563
563
  --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);
564
- --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xs);
565
- --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xs);
564
+ --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);
565
+ --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);
566
566
  --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
567
567
  --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
568
568
  --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
@@ -816,19 +816,41 @@
816
816
  --amplify-components-alert-align-items: center;
817
817
  }
818
818
 
819
- [data-amplify-theme] {
819
+ html {
820
820
  font-family: var(--amplify-fonts-default-static);
821
821
  }
822
822
 
823
823
  @supports (font-variation-settings: normal) {
824
- [data-amplify-theme] {
824
+ html {
825
825
  font-family: var(--amplify-fonts-default-variable);
826
826
  }
827
827
  }
828
+ html:focus-within {
829
+ scroll-behavior: smooth;
830
+ }
831
+
832
+ body {
833
+ min-height: 100vh;
834
+ text-rendering: optimizeSpeed;
835
+ line-height: var(--amplify-line-heights-medium);
836
+ }
837
+
828
838
  * {
829
839
  box-sizing: border-box;
830
840
  }
831
841
 
842
+ input,
843
+ button,
844
+ textarea,
845
+ select {
846
+ font: inherit;
847
+ }
848
+
849
+ @media (prefers-reduced-motion: reduce) {
850
+ html:focus-within {
851
+ scroll-behavior: auto;
852
+ }
853
+ }
832
854
  [class*=amplify] {
833
855
  all: unset;
834
856
  /* protect against external styles */
package/dist/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Feb 2022 01:12:40 GMT
3
+ * Generated on Tue, 15 Feb 2022 00:31:27 GMT
4
4
  */
5
5
 
6
6
  :root, [data-amplify-theme] {
@@ -56,8 +56,8 @@
56
56
  --amplify-opacities-10: 0.1;
57
57
  --amplify-opacities-0: 0;
58
58
  --amplify-line-heights-large: 2;
59
- --amplify-line-heights-medium: 1.75;
60
- --amplify-line-heights-small: 1.5;
59
+ --amplify-line-heights-medium: 1.5;
60
+ --amplify-line-heights-small: 1.25;
61
61
  --amplify-font-weights-black: 900;
62
62
  --amplify-font-weights-extrabold: 800;
63
63
  --amplify-font-weights-bold: 700;
@@ -67,8 +67,8 @@
67
67
  --amplify-font-weights-light: 300;
68
68
  --amplify-font-weights-thin: 200;
69
69
  --amplify-font-weights-hairline: 100;
70
- --amplify-font-sizes-xxxxl: 5rem;
71
- --amplify-font-sizes-xxxl: 3rem;
70
+ --amplify-font-sizes-xxxxl: 3rem;
71
+ --amplify-font-sizes-xxxl: 2.5rem;
72
72
  --amplify-font-sizes-xxl: 2rem;
73
73
  --amplify-font-sizes-xl: 1.5rem;
74
74
  --amplify-font-sizes-large: 1.25rem;
@@ -507,17 +507,17 @@
507
507
  --amplify-components-image-max-width: 100%;
508
508
  --amplify-components-icon-height: 1em;
509
509
  --amplify-components-icon-line-height: 1;
510
- --amplify-components-heading-line-height: 1.25;
510
+ --amplify-components-heading-line-height: var(--amplify-line-heights-small);
511
511
  --amplify-components-heading-color: var(--amplify-colors-font-primary);
512
- --amplify-components-heading-6-font-weight: var(--amplify-font-weights-bold);
512
+ --amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold);
513
513
  --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
514
- --amplify-components-heading-5-font-weight: var(--amplify-font-weights-semibold);
514
+ --amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold);
515
515
  --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
516
- --amplify-components-heading-4-font-weight: var(--amplify-font-weights-medium);
516
+ --amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold);
517
517
  --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
518
- --amplify-components-heading-3-font-weight: var(--amplify-font-weights-normal);
518
+ --amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium);
519
519
  --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
520
- --amplify-components-heading-2-font-weight: var(--amplify-font-weights-light);
520
+ --amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal);
521
521
  --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
522
522
  --amplify-components-heading-1-font-weight: var(--amplify-font-weights-light);
523
523
  --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
@@ -559,8 +559,8 @@
559
559
  --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
560
560
  --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);
561
561
  --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);
562
- --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xs);
563
- --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xs);
562
+ --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);
563
+ --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);
564
564
  --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
565
565
  --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
566
566
  --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui",
3
- "version": "3.0.12",
3
+ "version": "3.0.13",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {
@@ -27,6 +27,7 @@
27
27
  "build:css": "./scripts/generateCSS.js",
28
28
  "build:js": "tsup --minify",
29
29
  "build:sd": "ts-node --transpile-only sd.config.ts",
30
+ "clean": "rimraf dist node_modules",
30
31
  "dev": "tsup --watch src",
31
32
  "lint": "tsc --noEmit",
32
33
  "test": "jest"