@aws-amplify/ui 3.0.9 → 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 +6 -6
  3. package/dist/esm/index.js.map +1 -1
  4. package/dist/index.d.ts +18 -1
  5. package/dist/index.js +11 -11
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +42 -18
  8. package/dist/theme.css +13 -13
  9. package/package.json +5 -4
package/dist/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Tue, 25 Jan 2022 23:01:25 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,22 +816,46 @@
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
+
838
+ * {
839
+ box-sizing: border-box;
840
+ }
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
+ }
828
854
  [class*=amplify] {
829
855
  all: unset;
830
856
  /* protect against external styles */
831
- }
832
-
833
- [data-amplify-theme] * {
834
857
  box-sizing: border-box;
858
+ /* set box-sizing after unset above */
835
859
  }
836
860
 
837
861
  .sr-only {
package/dist/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 25 Jan 2022 23:01:25 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.9",
3
+ "version": "3.0.13",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {
@@ -27,14 +27,15 @@
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"
33
34
  },
34
35
  "dependencies": {
35
- "lodash": "^4.17.21",
36
- "style-dictionary": "^3.0.1",
37
- "xstate": "^4.20.1"
36
+ "lodash": "4.17.21",
37
+ "style-dictionary": "3.0.3",
38
+ "xstate": "4.28.0"
38
39
  },
39
40
  "devDependencies": {
40
41
  "@types/jest": "^26.0.23",