@aws-amplify/ui-react 2.15.3 → 2.15.6

package/dist/primitives.json

@@ -7483,6 +7483,10 @@
       "variation": {
         "type": "string"
       },
+      "level": {
+        "type": "number",
+        "priority": true
+      },
       "isTruncated": {
         "type": "boolean"
       }

package/dist/styles.css

@@ -4,7 +4,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 13 Apr 2022 22:17:55 GMT
+ * Generated on Tue, 26 Apr 2022 22:04:22 GMT
  */
 
 :root, [data-amplify-theme] {
@@ -673,7 +673,6 @@
   --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-tertiary);
   --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
   --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
-  --amplify-components-switchfield-focused-shadow: var(--amplify-shadows-small);
   --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
   --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
   --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
@@ -801,6 +800,7 @@
   --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
   --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
+  --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
   --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 3px var(--amplify-colors-border-focus);
   --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
   --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
@@ -1623,8 +1623,12 @@ h6.amplify-heading {
 
 /* Center by default */
 
-[data-amplify-authenticator][data-variation=modal] {
+[data-amplify-authenticator] {
   display: grid;
+}
+
+[data-amplify-authenticator][data-variation=modal] {
+  overflow-y: auto;
   width: var(--amplify-components-authenticator-modal-width);
   height: var(--amplify-components-authenticator-modal-height);
   background-color: var(--amplify-components-authenticator-modal-background-color);
@@ -2564,6 +2568,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
   }
 }
 
+.amplify-select option {
+  color: initial;
+}
+
 .amplify-select[data-size=small] {
   min-width: var(--amplify-components-select-small-min-width);
 }

package/dist/types/components/Authenticator/Router/index.d.ts

@@ -1,13 +1,15 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { CognitoUserAmplify } from '@aws-amplify/ui';
 import { useAuthenticator } from '../hooks/useAuthenticator';
+declare type AuthenticatorChildren = React.ReactNode | (({ signOut, user, }: {
+    signOut?: ReturnType<typeof useAuthenticator>['signOut'];
+    user?: CognitoUserAmplify;
+}) => React.ReactNode);
 export declare type RouterProps = {
     className?: string;
-    children?: ({ signOut, user, }: {
-        signOut: ReturnType<typeof useAuthenticator>['signOut'];
-        user: CognitoUserAmplify;
-    }) => JSX.Element;
+    children?: AuthenticatorChildren;
     variation?: 'default' | 'modal';
     hideSignUp?: boolean;
 };
 export declare function Router({ children, className, variation, hideSignUp, }: RouterProps): JSX.Element;
+export {};

package/dist/types/components/Authenticator/withAuthenticator.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AuthenticatorProps } from './Authenticator';
 export declare type WithAuthenticatorOptions = Omit<AuthenticatorProps, 'children'>;
-export declare function withAuthenticator(Component: any, options?: WithAuthenticatorOptions): (props: any) => JSX.Element;
+export declare function withAuthenticator<Props>(Component: (props?: Props) => JSX.Element, options?: WithAuthenticatorOptions): (props: Props) => JSX.Element;

package/dist/types/components/Geo/Geocoder/index.d.ts

@@ -18,7 +18,7 @@
  *   return <Geocoder />;
  * }
  */
-export declare const Geocoder: ({ position, ...props }: GeocoderProps) => JSX.Element;
+export declare const Geocoder: (props: GeocoderProps) => JSX.Element;
 export declare type GeocoderProps = {
     /**
      * A bounding box given as an array in the format `[minX, minY, maxX, maxY]`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "2.15.3",
+  "version": "2.15.6",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -44,7 +44,8 @@
     "build": "yarn run build:ts && yarn run build:catalog",
     "build:ts": "rollup --config",
     "build:catalog": "ts-node scripts/generatePrimitivesCatalog.ts",
-    "dev": "rollup --config --watch",
+    "dev": "tsup --watch",
+    "dev:build": "tsup",
     "update:icons": "node scripts/updateIcons.js",
     "build:icons": "yarn run clean:icons && node scripts/generateIcons.js",
     "clean": "rimraf dist node_modules",
@@ -56,7 +57,7 @@
     "test:unit:watch": "jest --watch"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.6.3",
+    "@aws-amplify/ui": "3.6.6",
     "@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
     "@radix-ui/react-accordion": "0.1.6",
     "@radix-ui/react-dropdown-menu": "0.1.6",
@@ -67,8 +68,8 @@
     "deepmerge": "4.2.2",
     "lodash": "4.17.21",
     "mapbox-gl": "npm:empty-npm-package@1.0.0",
-    "maplibre-gl": "1.15.2",
-    "maplibre-gl-js-amplify": "1.2.3",
+    "maplibre-gl": "1.15.3",
+    "maplibre-gl-js-amplify": "1.5.0",
     "qrcode": "1.5.0",
     "react-generate-context": "1.0.1",
     "react-map-gl": "7.0.10"
@@ -107,8 +108,7 @@
     "rollup-plugin-terser": "^7.0.2",
     "ts-jest": "^27.0.3",
     "ts-morph": "^12.0.0",
-    "ts-node": "^10.2.1",
-    "typescript": "^4.3.2"
+    "ts-node": "^10.2.1"
   },
   "sideEffects": [
     "dist/**/*.css"