@aws-amplify/ui-react-notifications 0.0.0-vue-refactor-c14f90d-20230713013845 → 0.0.0-vue-refactor-92caa74-20230714022639

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 (2) hide show
  1. package/dist/styles.css +128 -0
  2. package/package.json +6 -6
package/dist/styles.css CHANGED
@@ -2893,10 +2893,14 @@ html[dir=rtl] .amplify-field-group__inner-start {
2893
2893
 
2894
2894
  .amplify-liveness-toast {
2895
2895
  background-color: var(--amplify-colors-background-primary);
2896
+ padding: var(--amplify-space-small);
2897
+ border-radius: var(--amplify-radii-medium);
2896
2898
  }
2897
2899
 
2898
2900
  .amplify-liveness-toast__message {
2899
2901
  color: var(--amplify-colors-font-primary);
2902
+ text-align: center;
2903
+ flex-direction: column;
2900
2904
  }
2901
2905
 
2902
2906
  .amplify-liveness-toast--large {
@@ -2908,6 +2912,14 @@ html[dir=rtl] .amplify-field-group__inner-start {
2908
2912
  }
2909
2913
  .amplify-liveness-toast--primary .amplify-liveness-toast__message {
2910
2914
  color: var(--amplify-colors-font-inverse);
2915
+ text-align: center;
2916
+ flex-direction: column;
2917
+ }
2918
+
2919
+ .amplify-liveness-toast__container {
2920
+ gap: var(--amplify-space-xs);
2921
+ flex-direction: column;
2922
+ align-items: center;
2911
2923
  }
2912
2924
 
2913
2925
  .amplify-liveness-toast--error {
@@ -3023,6 +3035,117 @@ html[dir=rtl] .amplify-field-group__inner-start {
3023
3035
  top: 0;
3024
3036
  }
3025
3037
 
3038
+ .amplify-liveness-landscape-error-modal {
3039
+ background-color: var(--amplify-colors-background-primary);
3040
+ direction: column;
3041
+ text-align: center;
3042
+ align-items: center;
3043
+ justify-content: center;
3044
+ width: 100%;
3045
+ }
3046
+
3047
+ .amplify-liveness-landscape-error-modal__header {
3048
+ font-size: large;
3049
+ font-weight: var(--amplify-font-weights-bold);
3050
+ }
3051
+
3052
+ .amplify-liveness-landscape-error-modal__button {
3053
+ justify-content: center;
3054
+ }
3055
+
3056
+ .amplify-liveness-start-screen-header {
3057
+ display: flex;
3058
+ flex-direction: column;
3059
+ }
3060
+
3061
+ .amplify-liveness-start-screen-header__heading {
3062
+ color: var(--amplify-colors-font-primary);
3063
+ font-weight: var(--amplify-font-weights-bold);
3064
+ }
3065
+
3066
+ .amplify-liveness-start-screen-header__body {
3067
+ color: var(--amplify-colors-font-primary);
3068
+ }
3069
+
3070
+ .amplify-liveness-start-screen-warning {
3071
+ color: var(--amplify-colors-orange-80);
3072
+ background-color: var(--amplify-colors-orange-20);
3073
+ align-items: center;
3074
+ }
3075
+
3076
+ .amplify-liveness-start-screen-instructions__heading {
3077
+ color: var(--amplify-colors-font-primary);
3078
+ font-weight: var(--amplify-font-weights-bold);
3079
+ }
3080
+
3081
+ .amplify-liveness-overlay-opaque {
3082
+ background-color: var(--amplify-colors-overlay-40);
3083
+ }
3084
+
3085
+ .amplify-liveness-overlay {
3086
+ flex-direction: column;
3087
+ position: absolute;
3088
+ left: 0;
3089
+ top: 0;
3090
+ width: 100%;
3091
+ height: 100%;
3092
+ padding: var(--amplify-space-xl);
3093
+ }
3094
+
3095
+ .amplify-liveness-error-modal {
3096
+ gap: var(--amplify-space-xs);
3097
+ align-items: center;
3098
+ justify-content: center;
3099
+ color: var(--amplify-colors-font-error);
3100
+ }
3101
+
3102
+ .amplify-liveness-error-modal__heading {
3103
+ font-weight: var(--amplify-font-weights-bold);
3104
+ }
3105
+
3106
+ .amplify-liveness-hint__text {
3107
+ align-items: center;
3108
+ gap: var(--amplify-space-xs);
3109
+ }
3110
+
3111
+ .amplify-liveness-popover {
3112
+ position: relative;
3113
+ cursor: pointer;
3114
+ }
3115
+
3116
+ .amplify-liveness-popover__anchor {
3117
+ position: absolute;
3118
+ top: 26px;
3119
+ left: 3px;
3120
+ z-index: 3;
3121
+ border-style: solid;
3122
+ border-width: 0 9px 9px 9px;
3123
+ border-color: transparent transparent var(--amplify-colors-background-primary) transparent;
3124
+ }
3125
+
3126
+ .amplify-liveness-popover__anchor-secondary {
3127
+ position: absolute;
3128
+ top: 24px;
3129
+ left: 2px;
3130
+ z-index: 2;
3131
+ border-style: solid;
3132
+ border-width: 0 10px 10px 10px;
3133
+ border-color: transparent transparent var(--amplify-colors-border-secondary) transparent;
3134
+ }
3135
+
3136
+ .amplify-liveness-popover__container {
3137
+ position: absolute;
3138
+ background-color: var(--amplify-colors-background-primary);
3139
+ color: var(--amplify-colors-font-primary);
3140
+ flex-direction: row;
3141
+ font-size: var(--amplify-font-sizes-xs);
3142
+ padding: var(--amplify-space-small);
3143
+ top: 33px;
3144
+ width: 240px;
3145
+ border: 1px solid var(--amplify-colors-border-secondary);
3146
+ border-radius: 2px;
3147
+ }
3148
+
3026
3149
  .amplify-fileuploader__dropzone {
3027
3150
  background-color: var(--amplify-components-fileuploader-dropzone-background-color);
3028
3151
  border-color: var(--amplify-components-fileuploader-dropzone-border-color);
@@ -3323,6 +3446,11 @@ html[dir=rtl] .amplify-field-group__inner-start {
3323
3446
  );
3324
3447
  }
3325
3448
 
3449
+ .amplify-field__show-password--error {
3450
+ color: var(--amplify-components-fieldcontrol-error-border-color);
3451
+ border-color: var(--amplify-components-fieldcontrol-error-border-color);
3452
+ }
3453
+
3326
3454
  .amplify-phonenumberfield select:not(:focus) {
3327
3455
  border-right: none;
3328
3456
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react-notifications",
3
- "version": "0.0.0-vue-refactor-c14f90d-20230713013845",
3
+ "version": "0.0.0-vue-refactor-92caa74-20230714022639",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -40,9 +40,9 @@
40
40
  "typecheck": "tsc --noEmit"
41
41
  },
42
42
  "dependencies": {
43
- "@aws-amplify/ui": "0.0.0-vue-refactor-c14f90d-20230713013845",
44
- "@aws-amplify/ui-react": "0.0.0-vue-refactor-c14f90d-20230713013845",
45
- "@aws-amplify/ui-react-core-notifications": "0.0.0-vue-refactor-c14f90d-20230713013845",
43
+ "@aws-amplify/ui": "0.0.0-vue-refactor-92caa74-20230714022639",
44
+ "@aws-amplify/ui-react": "0.0.0-vue-refactor-92caa74-20230714022639",
45
+ "@aws-amplify/ui-react-core-notifications": "0.0.0-vue-refactor-92caa74-20230714022639",
46
46
  "classnames": "2.3.1",
47
47
  "tinycolor2": "1.4.2"
48
48
  },
@@ -54,7 +54,7 @@
54
54
  "devDependencies": {
55
55
  "@aws-amplify/eslint-config-amplify-ui": "0.0.0",
56
56
  "@rollup/plugin-typescript": "^8.3.1",
57
- "@size-limit/preset-big-lib": "^7.0.8",
57
+ "@size-limit/preset-big-lib": "^8.2.6",
58
58
  "@testing-library/jest-dom": "^5.14.1",
59
59
  "@testing-library/react": "^12.0.0",
60
60
  "@testing-library/react-hooks": "^7.0.1",
@@ -72,7 +72,7 @@
72
72
  "rollup-plugin-node-externals": "^4.1.1",
73
73
  "rollup-plugin-styles": "^4.0.0",
74
74
  "rollup-plugin-terser": "^7.0.2",
75
- "size-limit": "^7.0.8",
75
+ "size-limit": "^8.2.6",
76
76
  "ts-jest": "^27.0.3"
77
77
  },
78
78
  "sideEffects": [