@aws-amplify/ui-react 2.19.1 → 2.20.0

package/dist/internal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@aws-amplify/auth"),a=require("@aws-amplify/core"),r=require("@aws-amplify/datastore"),i=require("@aws-amplify/storage"),s=require("./utils-55cbae67.js"),o=require("aws-amplify");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("lodash/isEmpty"),require("lodash/isArray"),require("lodash/isObject");var c=d(e),u=n(t);const l=({model:e,criteria:t,pagination:a})=>{const[i,s]=c.useState({items:[],isLoading:!1,error:void 0});return c.useEffect((()=>{s({isLoading:!0,items:[]});const i=r.DataStore.observeQuery(e,t,a).subscribe((e=>s({items:e.items,isLoading:!1})),(e=>s({items:[],error:e,isLoading:!1})));if(i)return()=>i.unsubscribe()}),[]),i},f=({model:e,id:t})=>{const[a,i]=c.useState(),[s,o]=c.useState(!1),[n,d]=c.useState();return c.useEffect((()=>{o(!0),r.DataStore.query(e,t).then(i).catch(d).finally((()=>o(!1)))}),[]),{error:n,item:a,isLoading:s}};const p="undefined"!=typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("amplify_default"):"@@amplify_default";const h=({fields:e,modelName:t,schema:a})=>c.useMemo((()=>{if(function(e,t){return!t}(0,a))return e;let r={};return Object.keys(e).forEach((i=>{var s,o,n;switch(null===(n=null===(o=null===(s=null==a?void 0:a.models[t])||void 0===s?void 0:s.fields)||void 0===o?void 0:o[i])||void 0===n?void 0:n.type){case"AWSTimestamp":case"Float":r[i]=Number(e[i]);break;case"Boolean":r[i]=Boolean(e[i]);break;case"Int":r[i]=parseInt(e[i]);break;default:r[i]=e[i]}})),r}),[e,a,t]),v=e=>e.reduce(((e,t)=>a=>t(e(a))),(e=>e)),g=e=>{const{and:t,or:a,field:r,operator:i,operand:o}=e;if(Array.isArray(t)){const e=t.map((e=>g(e)));return t=>t.and(v(e))}if(Array.isArray(a)){const e=a.map((e=>g(e)));return t=>t.or(v(e))}return e=>s.isFunction(e[r])?e[r].call(e,i,o):e};exports.findChildOverrides=s.findChildOverrides,exports.getOverrideProps=s.getOverrideProps,exports.getOverridesFromVariants=s.getOverridesFromVariants,exports.mergeVariantsAndOverrides=s.mergeVariantsAndOverrides,exports.createDataStorePredicate=g,exports.useAuth=()=>{const[e,t]=c.useState({error:void 0,isLoading:!0,user:void 0}),r=({payload:e})=>{switch(e.event){case"signIn":return t({user:e.data,isLoading:!1});case"signOut":return t({isLoading:!1})}},i=()=>(t({isLoading:!0}),u.default.currentAuthenticatedUser().then((e=>t({user:e,isLoading:!1}))).catch((e=>t({error:e,isLoading:!1}))),a.Hub.listen("auth",r),()=>a.Hub.remove("auth",r));return c.useEffect(i,[]),Object.assign(Object.assign({},e),{fetch:i})},exports.useAuthSignOutAction=e=>()=>s.__awaiter(void 0,void 0,void 0,(function*(){try{o.Hub.dispatch("ui",{event:"actions:auth:signout:started",data:{options:e}},"actions:auth:signout",p),yield o.Auth.signOut(e),o.Hub.dispatch("ui",{event:"actions:auth:signout:finished",data:{options:e}},"actions:auth:signout",p)}catch(t){o.Hub.dispatch("ui",{event:"actions:auth:signout:finished",data:{options:e,errorMessage:s.getErrorMessage(t)}},"actions:auth:signout",p)}})),exports.useDataStoreBinding=function(e){return"record"===e.type?f(e):l(e)},exports.useDataStoreCollection=l,exports.useDataStoreCreateAction=({model:e,fields:t,schema:a})=>{const r=h({fields:t,modelName:e.name,schema:a});return()=>s.__awaiter(void 0,void 0,void 0,(function*(){try{o.Hub.dispatch("ui",{event:"actions:datastore:create:started",data:{fields:r}},"actions:datastore:create",p);const t=yield o.DataStore.save(new e(r));o.Hub.dispatch("ui",{event:"actions:datastore:create:finished",data:{fields:r,item:t}},"actions:datastore:create",p)}catch(e){o.Hub.dispatch("ui",{event:"actions:datastore:create:finished",data:{fields:r,errorMessage:s.getErrorMessage(e)}},"actions:datastore:create",p)}}))},exports.useDataStoreDeleteAction=({model:e,id:t})=>()=>s.__awaiter(void 0,void 0,void 0,(function*(){try{o.Hub.dispatch("ui",{event:"actions:datastore:delete:started",data:{id:t}},"actions:datastore:delete",p),yield o.DataStore.delete(e,t),o.Hub.dispatch("ui",{event:"actions:datastore:delete:finished",data:{id:t}},"actions:datastore:delete",p)}catch(e){o.Hub.dispatch("ui",{event:"actions:datastore:delete:finished",data:{id:t,errorMessage:s.getErrorMessage(e)}},"actions:datastore:delete",p)}})),exports.useDataStoreItem=f,exports.useDataStoreUpdateAction=({fields:e,id:t,model:a,schema:r})=>{const i=h({fields:e,modelName:a.name,schema:r});return()=>s.__awaiter(void 0,void 0,void 0,(function*(){try{o.Hub.dispatch("ui",{event:"actions:datastore:update:started",data:{fields:i,id:t}},"actions:datastore:update",p);const e=yield o.DataStore.query(a,t);if(!e)throw new Error(`Error querying datastore item by id: ${t}`);const r=yield o.DataStore.save(a.copyOf(e,(e=>{Object.assign(e,i)})));o.Hub.dispatch("ui",{event:"actions:datastore:update:finished",data:{fields:i,id:t,item:r}},"actions:datastore:update",p)}catch(e){o.Hub.dispatch("ui",{event:"actions:datastore:update:finished",data:{fields:i,id:t,errorMessage:s.getErrorMessage(e)}},"actions:datastore:update",p)}}))},exports.useNavigateAction=e=>{const{type:t,url:a,anchor:r,target:i}=e,s=c.useMemo((()=>{switch(t){case"url":return()=>{window.open(a,i||"_self","noopener noreferrer")};case"anchor":return()=>{window.location.hash=r};case"reload":return()=>{window.location.reload()};default:return()=>{console.warn('Please provide a valid navigate type. Available types are "url", "anchor" and "reload".')}}}),[r,i,t,a]);return()=>{o.Hub.dispatch("ui",{event:"actions:core:navigate:started",data:e},"actions:core:navigate",p),s(),o.Hub.dispatch("ui",{event:"actions:core:navigate:finished",data:e},"actions:core:navigate",p)}},exports.useStateMutationAction=e=>{const[t,a]=c.useState(e),r=c.useCallback((e=>{const r=t;o.Hub.dispatch("ui",{event:"actions:core:statemutation:started",data:{prevState:r,newState:e}},"actions:core:statemutation",p),a(e),o.Hub.dispatch("ui",{event:"actions:core:statemutation:finished",data:{prevState:r,newState:e}},"actions:core:statemutation",p)}),[t]);return[t,r]},exports.useStorageURL=(e,t)=>{const[a,r]=c.useState({isLoading:!0}),s=JSON.stringify(t),o=()=>{r({isLoading:!0});const a=i.Storage.get(e,t);return a.then((e=>r({url:e,isLoading:!1}))).catch((e=>r({error:e,isLoading:!1}))),()=>i.Storage.cancel(a)};return c.useEffect(o,[e,t,s]),Object.assign(Object.assign({},a),{fetch:o})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@aws-amplify/auth"),a=require("@aws-amplify/core"),r=require("@aws-amplify/datastore"),i=require("@aws-amplify/storage"),s=require("./utils-beb5a80b.js"),o=require("aws-amplify");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("lodash/isEmpty"),require("lodash/isArray"),require("lodash/isObject"),require("@aws-amplify/ui");var c=d(e),u=n(t);const l=({model:e,criteria:t,pagination:a})=>{const[i,s]=c.useState({items:[],isLoading:!1,error:void 0});return c.useEffect((()=>{s({isLoading:!0,items:[]});const i=r.DataStore.observeQuery(e,t,a).subscribe((e=>s({items:e.items,isLoading:!1})),(e=>s({items:[],error:e,isLoading:!1})));if(i)return()=>i.unsubscribe()}),[]),i},f=({model:e,id:t})=>{const[a,i]=c.useState(),[s,o]=c.useState(!1),[n,d]=c.useState();return c.useEffect((()=>{o(!0),r.DataStore.query(e,t).then(i).catch(d).finally((()=>o(!1)))}),[]),{error:n,item:a,isLoading:s}};const p="undefined"!=typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("amplify_default"):"@@amplify_default";const h=({fields:e,modelName:t,schema:a})=>c.useMemo((()=>{if(function(e,t){return!t}(0,a))return e;const r={};return Object.keys(e).forEach((i=>{var s,o,n;const d=e[i];switch(null===(n=null===(o=null===(s=null==a?void 0:a.models[t])||void 0===s?void 0:s.fields)||void 0===o?void 0:o[i])||void 0===n?void 0:n.type){case"AWSTimestamp":case"Float":r[i]=Number(d);break;case"Boolean":r[i]=Boolean(d);break;case"Int":r[i]=parseInt(d);break;default:r[i]=d}})),r}),[e,a,t]),v=e=>e.reduce(((e,t)=>a=>t(e(a))),(e=>e)),g=e=>{const{and:t,or:a,field:r,operator:i,operand:o}=e;if(Array.isArray(t)){const e=t.map((e=>g(e)));return t=>t.and(v(e))}if(Array.isArray(a)){const e=a.map((e=>g(e)));return t=>t.or(v(e))}return e=>s.isFunction(e[r])?e[r].call(e,i,o):e};exports.findChildOverrides=s.findChildOverrides,exports.getOverrideProps=s.getOverrideProps,exports.getOverridesFromVariants=s.getOverridesFromVariants,exports.mergeVariantsAndOverrides=s.mergeVariantsAndOverrides,exports.createDataStorePredicate=g,exports.useAuth=()=>{const[e,t]=c.useState({error:void 0,isLoading:!0,user:void 0}),r=({payload:e})=>{switch(e.event){case"signIn":return t({user:e.data,isLoading:!1});case"signOut":return t({isLoading:!1})}},i=()=>(t({isLoading:!0}),u.default.currentAuthenticatedUser().then((e=>t({user:e,isLoading:!1}))).catch((e=>t({error:e,isLoading:!1}))),a.Hub.listen("auth",r),()=>a.Hub.remove("auth",r));return c.useEffect(i,[]),Object.assign(Object.assign({},e),{fetch:i})},exports.useAuthSignOutAction=e=>()=>s.__awaiter(void 0,void 0,void 0,(function*(){try{o.Hub.dispatch("ui",{event:"actions:auth:signout:started",data:{options:e}},"actions:auth:signout",p),yield o.Auth.signOut(e),o.Hub.dispatch("ui",{event:"actions:auth:signout:finished",data:{options:e}},"actions:auth:signout",p)}catch(t){o.Hub.dispatch("ui",{event:"actions:auth:signout:finished",data:{options:e,errorMessage:s.getErrorMessage(t)}},"actions:auth:signout",p)}})),exports.useDataStoreBinding=function(e){return"record"===e.type?f(e):l(e)},exports.useDataStoreCollection=l,exports.useDataStoreCreateAction=({model:e,fields:t,schema:a})=>{const r=h({fields:t,modelName:e.name,schema:a});return()=>s.__awaiter(void 0,void 0,void 0,(function*(){try{o.Hub.dispatch("ui",{event:"actions:datastore:create:started",data:{fields:r}},"actions:datastore:create",p);const t=yield o.DataStore.save(new e(r));o.Hub.dispatch("ui",{event:"actions:datastore:create:finished",data:{fields:r,item:t}},"actions:datastore:create",p)}catch(e){o.Hub.dispatch("ui",{event:"actions:datastore:create:finished",data:{fields:r,errorMessage:s.getErrorMessage(e)}},"actions:datastore:create",p)}}))},exports.useDataStoreDeleteAction=({model:e,id:t})=>()=>s.__awaiter(void 0,void 0,void 0,(function*(){try{o.Hub.dispatch("ui",{event:"actions:datastore:delete:started",data:{id:t}},"actions:datastore:delete",p),yield o.DataStore.delete(e,t),o.Hub.dispatch("ui",{event:"actions:datastore:delete:finished",data:{id:t}},"actions:datastore:delete",p)}catch(e){o.Hub.dispatch("ui",{event:"actions:datastore:delete:finished",data:{id:t,errorMessage:s.getErrorMessage(e)}},"actions:datastore:delete",p)}})),exports.useDataStoreItem=f,exports.useDataStoreUpdateAction=({fields:e,id:t,model:a,schema:r})=>{const i=h({fields:e,modelName:a.name,schema:r});return()=>s.__awaiter(void 0,void 0,void 0,(function*(){try{o.Hub.dispatch("ui",{event:"actions:datastore:update:started",data:{fields:i,id:t}},"actions:datastore:update",p);const e=yield o.DataStore.query(a,t);if(!e)throw new Error(`Error querying datastore item by id: ${t}`);const r=yield o.DataStore.save(a.copyOf(e,(e=>{Object.assign(e,i)})));o.Hub.dispatch("ui",{event:"actions:datastore:update:finished",data:{fields:i,id:t,item:r}},"actions:datastore:update",p)}catch(e){o.Hub.dispatch("ui",{event:"actions:datastore:update:finished",data:{fields:i,id:t,errorMessage:s.getErrorMessage(e)}},"actions:datastore:update",p)}}))},exports.useNavigateAction=e=>{const{type:t,url:a,anchor:r,target:i}=e,s=c.useMemo((()=>{switch(t){case"url":return()=>{window.open(a,i||"_self","noopener noreferrer")};case"anchor":return()=>{window.location.hash=r};case"reload":return()=>{window.location.reload()};default:return()=>{console.warn('Please provide a valid navigate type. Available types are "url", "anchor" and "reload".')}}}),[r,i,t,a]);return()=>{o.Hub.dispatch("ui",{event:"actions:core:navigate:started",data:e},"actions:core:navigate",p),s(),o.Hub.dispatch("ui",{event:"actions:core:navigate:finished",data:e},"actions:core:navigate",p)}},exports.useStateMutationAction=e=>{const[t,a]=c.useState(e),r=c.useCallback((e=>{const r=t;o.Hub.dispatch("ui",{event:"actions:core:statemutation:started",data:{prevState:r,newState:e}},"actions:core:statemutation",p),a(e),o.Hub.dispatch("ui",{event:"actions:core:statemutation:finished",data:{prevState:r,newState:e}},"actions:core:statemutation",p)}),[t]);return[t,r]},exports.useStorageURL=(e,t)=>{const[a,r]=c.useState({isLoading:!0}),s=JSON.stringify(t),o=()=>{r({isLoading:!0});const a=i.Storage.get(e,t);return a.then((e=>r({url:e,isLoading:!1}))).catch((e=>r({error:e,isLoading:!1}))),()=>i.Storage.cancel(a)};return c.useEffect(o,[e,t,s]),Object.assign(Object.assign({},a),{fetch:o})};

package/dist/styles.css

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Wed, 08 Jun 2022 19:50:16 GMT
+ * Generated on Tue, 14 Jun 2022 23:36:33 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);
@@ -362,6 +362,7 @@
   --amplify-colors-font-warning: var(--amplify-colors-orange-90);
   --amplify-colors-font-info: var(--amplify-colors-blue-90);
   --amplify-colors-font-inverse: var(--amplify-colors-white);
+  --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
   --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
   --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
   --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
@@ -392,9 +393,6 @@
   --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
   --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
   --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
-  --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-white);
-  --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-white);
-  --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-white);
   --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
   --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
   --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
@@ -460,8 +458,6 @@
   --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
   --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
   --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
-  --amplify-components-radio-button-background-color: var(--amplify-colors-white);
-  --amplify-components-radio-button-color: var(--amplify-colors-white);
   --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
   --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
   --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
@@ -483,7 +479,6 @@
   --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
   --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
   --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
-  --amplify-components-pagination-current-color: var(--amplify-colors-white);
   --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
   --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
   --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
@@ -493,7 +488,6 @@
   --amplify-components-menu-gap: var(--amplify-space-zero);
   --amplify-components-menu-border-width: var(--amplify-border-widths-small);
   --amplify-components-menu-border-radius: var(--amplify-radii-medium);
-  --amplify-components-menu-background-color: var(--amplify-colors-white);
   --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
   --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
   --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
@@ -575,7 +569,6 @@
   --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
   --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
   --amplify-components-expander-border-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-background-color: var(--amplify-colors-white);
   --amplify-components-divider-opacity: var(--amplify-opacities-60);
   --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
   --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
@@ -597,7 +590,6 @@
   --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
   --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
   --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
-  --amplify-components-checkbox-button-color: var(--amplify-colors-white);
   --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
   --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
   --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
@@ -643,15 +635,20 @@
   --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
   --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
   --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
-  --amplify-colors-font-disabled: var(--amplify-colors-font-tertiary);
+  --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
   --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
   --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
   --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
+  --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
+  --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
   --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
   --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
   --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
+  --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
   --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
   --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
@@ -664,6 +661,7 @@
   --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
   --amplify-components-text-color: var(--amplify-colors-font-primary);
   --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
   --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
   --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
@@ -687,16 +685,22 @@
   --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
+  --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
   --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
   --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
   --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
   --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
   --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
+  --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
   --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
+  --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
   --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
   --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
+  --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
   --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
   --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
   --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
@@ -705,6 +709,7 @@
   --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
   --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
   --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
+  --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
   --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
   --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
@@ -716,6 +721,7 @@
   --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
   --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
   --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
+  --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
   --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
   --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
   --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
@@ -723,11 +729,12 @@
   --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
   --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
   --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
-  --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
+  --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
   --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
   --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
+  --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
   --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
   --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
   --amplify-components-card-background-color: var(--amplify-colors-background-primary);
@@ -739,9 +746,12 @@
   --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
   --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
   --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
+  --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
+  --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
   --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
   --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
+  --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
   --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
@@ -754,10 +764,14 @@
   --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
   --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
+  --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
+  --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
   --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
   --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
@@ -797,18 +811,14 @@
   --amplify-components-alert-info-color: var(--amplify-colors-font-info);
   --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
   --amplify-components-alert-color: var(--amplify-colors-font-primary);
-  --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
-  --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
-  --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
-  --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
   --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
   --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
@@ -822,32 +832,31 @@
   --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
   --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
   --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
+  --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
   --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
   --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
   --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
   --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
   --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
-  --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
   --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
-  --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
   --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-link-color: var(--amplify-colors-font-interactive);
   --amplify-components-link-active-color: var(--amplify-colors-font-active);
   --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
-  --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
   --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
   --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
   --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
+  --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
   --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
   --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
-  --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
   --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
@@ -855,19 +864,12 @@
   --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
   --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
   --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
-  --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
-  --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
   --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
-  --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
-  --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
-  --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
-  --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
-  --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-active-color: var(--amplify-colors-font-active);
   --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
@@ -878,25 +880,23 @@
   --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
   --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
   --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
-  --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
   --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
   --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
   --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
   --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
+  --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
   --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
   --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
   --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
   --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
   --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
-  --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
   --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
   --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
   --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
-  --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
   --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
 }
 

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

@@ -1,3 +1,4 @@
+import { LocationSearchProps } from 'maplibre-gl-geocoder';
 /**
  * The `<LocationSearch>` component provides location search.
  *
@@ -21,174 +22,3 @@
  */
 export declare const LocationSearch: (props: LocationSearchProps) => JSX.Element;
 export declare const Geocoder: (props: LocationSearchProps) => JSX.Element;
-export declare type LocationSearchProps = {
-    /**
-     * A bounding box given as an array in the format `[minX, minY, maxX, maxY]`.
-     * Search results will be limited to the bounding box.
-     */
-    bbox?: number[];
-    /**
-     * Default: false
-     * If `true`, the LocationSearch control will clear it's contents and blur when user presses the escape key.
-     */
-    clearAndBlurOnEsc?: boolean;
-    /**
-     * Default: false
-     * If `true`, the LocationSearch control will clear its value when the input blurs.
-     */
-    clearOnBlur?: boolean;
-    /**
-     * Default: false
-     * If `true`, the LocationSearch control will collapse until hovered or in focus.
-     */
-    collapsed?: boolean;
-    /**
-     * a comma separated list of country codes to limit results to specified country or countries.
-     */
-    countries?: string;
-    /**
-     * Default: 200
-     * Sets the amount of time, in milliseconds, to wait before querying the server when a user types into the LocationSearch
-     * input box. This parameter may be useful for reducing the total number of API calls made for a single query.
-     */
-    debounceSearch?: number;
-    /**
-     * Default: true
-     * Allow Maplibre to collect anonymous usage statistics from the plugin.
-     */
-    enableEventLogging?: boolean;
-    /**
-     *  A function accepting the query string, current features list, and LocationSearch options which performs geocoding to
-     * supplement results from the Maplibre Geocoding API. Expected to return a Promise which resolves to an Array of
-     * GeoJSON Features in the [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) format.
-     */
-    externalGeocoder?: Function;
-    /**
-     * Default: true
-     * If `false`, animating the map to a selected result is disabled. If `true`, animating the map will use the default
-     * animation parameters. If an object, it will be passed as `options` to the map [`flyTo`](https://maplibre.org/maplibre-gl-js-docs/api/map/#map#flyto)
-     * or [`fitBounds`](https://maplibre.org/maplibre-gl-js-docs/api/map/#map#fitbounds) method providing control over the animation of the transition.
-     */
-    flyTo?: boolean | object;
-    /**
-     * A function which accepts a Feature in the [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) format to filter out
-     * results from the Geocoding API response before they are included in the suggestions list. Return `true` to keep the item, `false` otherwise.
-     */
-    filter?: Function;
-    /**
-     * A function that specifies how the selected result should be rendered in the search bar. This function should accept a single [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) object as input and return a string.
-     * HTML tags in the output string will not be rendered. Defaults to `(item) => item.place_name`.
-     */
-    getItemValue?: Function;
-    /**
-     * Specify the language to use for response text and query result weighting. Options are IETF language tags comprised
-     * of a mandatory ISO 639-1 language code and optionally one or more IETF subtags for country or script. More than
-     * one value can also be specified, separated by commas. Defaults to the browser's language settings.
-     */
-    language?: string;
-    /**
-     * Default: 5
-     * Maximum number of results to show.
-     */
-    limit?: number;
-    /**
-     * A function accepting the query string which performs local geocoding to supplement results from the Maplibre
-     * Geocoding API. Expected to return an Array of GeoJSON Features in the [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) format.
-     */
-    localGeocoder?: Function;
-    /**
-     * Default: false
-     * If `true`, indicates that the `localGeocoder` results should be the only ones returned to the user. If `false`,
-     * indicates that the `localGeocoder` results should be combined with those from the Maplibre API with the `localGeocoder` results ranked higher.
-     */
-    localGeocoderOnly?: boolean;
-    /**
-     * Default: { color: '#4668F2' }
-     * If `true`, a [Marker](https://maplibre.org/maplibre-gl-js-docs/api/markers/#marker) will be added to the map at the location of the user-selected
-     * result using a default set of Marker options.  If the value is an object, the marker will be constructed using these
-     * options. If `false`, no marker will be added to the map. Requires that `options.maplibregl` also be set (which it is by default).
-     */
-    marker?: boolean | object;
-    /**
-     * Default: 2
-     * Minimum number of characters to enter before results are shown.
-     */
-    minLength?: number;
-    /**
-     * Default: 'Search'
-     * Override the default placeholder attribute value.
-     */
-    placeholder?: string;
-    /**
-     * Default: true
-     * If `true`, a [Popup](https://maplibre.org/maplibre-gl-js-docs/api/markers/#popup) will be added to the map when clicking on a marker using a default set of popup options.
-     * If the value is an object, the popup will be constructed using these options. If `false`, no popup will be added to the map.
-     * Requires that `options.maplibregl` also be set (which it is by default).
-     */
-    popup?: boolean | object;
-    /**
-     * A function that specifies how the results should be rendered in the popup menu. This function should accept a single [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) object as input and return a string.
-     * Any HTML in the returned string will be rendered.
-     */
-    popupRender?: Function;
-    /**
-     * Default: 'top-right'
-     * Position the LocationSearch will be rendered on the map. Only relevant when `<LocationSearch>` is used with a map.
-     */
-    position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    /**
-     * A geographical point given as an object with `latitude` and `longitude`
-     * properties. Search results closer to this point will be given
-     * higher priority. Defaults to map viewport if rendered as a map control.
-     */
-    proximity?: {
-        latitude: number;
-        longitude: number;
-    };
-    /**
-     * A function that specifies how the results should be rendered in the dropdown menu. This function should accepts a single [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md)
-     * object as input and return a string. Any HTML in the returned string will be rendered.
-     */
-    render?: Function;
-    /**
-     * Default: false
-     * If `true`, enable reverse geocoding mode. In reverse geocoding, search input is expected to be coordinates in the
-     * form `lat, lon`, with suggestions being the reverse geocodes.
-     */
-    reverseGeocoder?: boolean;
-    /**
-     * Default: 'distance'
-     * Set the factors that are used to sort nearby results.
-     */
-    reverseMode?: 'distance' | 'score';
-    /**
-     * Default: { color: '#4668F2' }
-     * If `true`, [Markers](https://maplibre.org/maplibre-gl-js-docs/api/markers/#marker) will be added to the map at the location the top results for the query.
-     * If the value is an object, the marker will be constructed using these options. If `false`, no marker will be added to the map.
-     * Requires that `options.maplibregl` also be set (which it is by default).
-     */
-    showResultMarkers?: boolean | object;
-    /**
-     * Default: true
-     * If `false`, indicates that search will only occur on enter key press. If `true`, indicates that the LocationSearch will
-     * search on the input box being updated above the minLength option.
-     */
-    showResultsWhileTyping?: boolean;
-    /**
-     * Default: true
-     * If `true`, the LocationSearch proximity will automatically update based on the map view.
-     */
-    trackProximity?: boolean;
-    /**
-     * A comma separated list of types that filter results to match those specified. See https://docs.mapbox.com/api/search/#data-types
-     * for available types. If reverseGeocode is enabled, you should specify one type. If you configure more than one type, the first
-     * type will be used.
-     */
-    types?: string;
-    /**
-     * Default: 16
-     * On geocoded result, what zoom level should the map animate to when a `bbox` isn't found in the response.
-     * If a `bbox` is found the map will fit to the `bbox`.
-     */
-    zoom?: number;
-};

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

@@ -1,6 +1,9 @@
 import React from 'react';
+import maplibregl from 'maplibre-gl';
 import type { MapProps, MapRef } from 'react-map-gl';
-export declare type MapViewProps = Omit<MapProps, 'transformRequest'>;
+interface MapViewProps extends Omit<MapProps, 'mapLib' | 'transformRequest'> {
+    mapLib?: typeof maplibregl;
+}
 /**
  * The `MapView` component uses [react-map-gl](https://visgl.github.io/react-map-gl/) and
  * [maplibre-gl-js](https://visgl.github.io/react-map-gl/) to provide an interactive map using
@@ -17,4 +20,5 @@ export declare type MapViewProps = Omit<MapProps, 'transformRequest'>;
  *   return <MapView />
  * }
  */
-export declare const MapView: React.ForwardRefExoticComponent<MapViewProps & React.RefAttributes<MapRef>>;
+declare const MapView: React.ForwardRefExoticComponent<MapViewProps & React.RefAttributes<MapRef>>;
+export { MapView };

package/dist/types/hooks/actions/useDataStoreCreateAction.d.ts

@@ -8,4 +8,4 @@ export interface UseDataStoreCreateActionOptions<Model extends PersistentModel>
  */
 export declare const useDataStoreCreateAction: <Model extends Readonly<{
     id: string;
-} & Record<string, any>>>({ model, fields: initialFields, schema, }: UseDataStoreCreateActionOptions<Model>) => () => Promise<void>;
+} & Record<string, any>>>({ model, fields: initialFields, schema, }: UseDataStoreCreateActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useDataStoreDeleteAction.d.ts

@@ -9,4 +9,4 @@ export interface UseDataStoreDeleteActionOptions<Model extends PersistentModel>
  */
 export declare const useDataStoreDeleteAction: <Model extends Readonly<{
     id: string;
-} & Record<string, any>>>({ model, id, }: UseDataStoreDeleteActionOptions<Model>) => () => Promise<void>;
+} & Record<string, any>>>({ model, id, }: UseDataStoreDeleteActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useDataStoreUpdateAction.d.ts

@@ -9,4 +9,4 @@ export interface UseDataStoreUpdateActionOptions<Model extends PersistentModel>
  */
 export declare const useDataStoreUpdateAction: <Model extends Readonly<{
     id: string;
-} & Record<string, any>>>({ fields: initialFields, id, model, schema, }: UseDataStoreUpdateActionOptions<Model>) => () => Promise<void>;
+} & Record<string, any>>>({ fields: initialFields, id, model, schema, }: UseDataStoreUpdateActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useNavigateAction.d.ts

@@ -12,4 +12,4 @@ export declare const defaultTarget = "_self";
  * Action to instruct user’s browser to change current location
  * @internal
  */
-export declare const useNavigateAction: (options: UseNavigateActionOptions) => () => void;
+export declare const useNavigateAction: (options: UseNavigateActionOptions) => (() => void);

package/dist/types/hooks/useBreakpointValue.d.ts

@@ -2,4 +2,4 @@ import { Breakpoint } from '../primitives/types/responsive';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/theming/responsive#usebreakpointvalue)
  */
-export declare function useBreakpointValue<T>(values: Record<string, T> | T[], defaultBreakpoint?: Breakpoint): T | null;
+export declare function useBreakpointValue<T>(values: Record<string, T> | T[], defaultBreakpoint?: Breakpoint, propKey?: string): T | string;

package/dist/types/hooks/useControllable.d.ts

@@ -31,6 +31,7 @@ export interface UseControllableProps<ValueType> {
      */
     propertyDescription: PropertyDescription;
 }
+declare function defaultCallback(): any;
 /**
  * This hook allows you to make a component that can be used both in controlled mode and uncontrolled mode.
  * Pass in your component's props, and then implement your component as if it was only controlled.
@@ -64,5 +65,5 @@ export interface UseControllableProps<ValueType> {
  *  />
  * ```
  */
-export declare function useControllable<ValueType>({ controlledValue, handler, defaultValue, propertyDescription: { componentName, changeHandler, controlledProp }, }: UseControllableProps<ValueType>): readonly [ValueType, (newValue: React.SetStateAction<ValueType>) => void];
+export declare function useControllable<ValueType>({ controlledValue, handler, defaultValue, propertyDescription: { componentName, changeHandler, controlledProp }, }: UseControllableProps<ValueType>): [ValueType, typeof defaultCallback] | [ValueType, (newValue: React.SetStateAction<ValueType>) => void];
 export {};

package/dist/types/hooks/useStorageURL.d.ts

@@ -8,9 +8,6 @@ export interface UseStorageURLResult {
  * Computes a public URL for an Amplify Storage file
  * @internal
  */
-export declare const useStorageURL: (key: string, options?: S3ProviderGetConfig) => {
+export declare const useStorageURL: (key: string, options?: S3ProviderGetConfig) => UseStorageURLResult & {
     fetch: () => () => void;
-    url?: string;
-    error?: Error;
-    isLoading: boolean;
 };

package/dist/types/hooks/useTheme.d.ts

@@ -1,11 +1,11 @@
 import { WebTheme } from '@aws-amplify/ui';
 import { AmplifyContextType } from '../components/ThemeProvider/AmplifyContext';
-/**
- * [📖 Docs](https://ui.docs.amplify.aws/react/theming)
- */
-export declare const useTheme: () => WebTheme;
 /**
  * Get current Theme object value from Amplify context.
  * Returns a default theme if context is not available
  */
-export declare const getThemeFromContext: (context: AmplifyContextType) => WebTheme;
+export declare const getThemeFromContext: (context: AmplifyContextType) => AmplifyContextType['theme'];
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/theming)
+ */
+export declare const useTheme: () => WebTheme;

package/dist/types/primitives/shared/responsive/utils.d.ts

@@ -1,2 +1,2 @@
 import { Breakpoint, Breakpoints } from '../../types/responsive';
-export declare const getValueAtCurrentBreakpoint: (values: Record<string, any> | string[] | string, breakpoint: Breakpoint, breakpoints: Breakpoints) => any;
+export declare const getValueAtCurrentBreakpoint: <Value>(values: Value | Record<string, Value> | Value[], breakpoint: Breakpoint, breakpoints: Breakpoints, propKey?: string) => string | Value;

package/dist/types/primitives/shared/utils.d.ts

@@ -76,4 +76,5 @@ export declare const classNameModifier: (base: ComponentClasses, modifier: Modif
  * @returns the modified class name or null
  */
 export declare const classNameModifierByFlag: (base: ComponentClasses, modifier: Modifiers, flag: boolean) => string;
+export declare const getCSSVariableIfValueIsThemeKey: <Value>(propKey: string, value: Value) => string | Value;
 export {};