@aws-amplify/ui 5.6.0 → 5.6.1
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.
- package/dist/esm/index.mjs +1 -1
- package/dist/esm/utils/index.mjs +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/helpers/accountSettings/utils.d.ts +1 -1
- package/dist/types/helpers/authenticator/facade.d.ts +5 -5
- package/dist/types/helpers/authenticator/utils.d.ts +1 -1
- package/dist/types/helpers/utils.d.ts +1 -1
- package/dist/types/i18n/dictionaries/authenticator/types.d.ts +2 -2
- package/dist/types/i18n/translations.d.ts +2 -2
- package/dist/types/machines/authenticator/actions.d.ts +27 -27
- package/dist/types/machines/authenticator/actors/resetPassword.d.ts +1 -1
- package/dist/types/machines/authenticator/actors/signIn.d.ts +1 -1
- package/dist/types/machines/authenticator/index.d.ts +1 -1
- package/dist/types/machines/authenticator/signUp.d.ts +1 -1
- package/dist/types/theme/breakpoints.d.ts +1 -1
- package/dist/types/theme/tokens/borderWidths.d.ts +2 -2
- package/dist/types/theme/tokens/colors.d.ts +22 -22
- package/dist/types/theme/tokens/components/alert.d.ts +5 -5
- package/dist/types/theme/tokens/components/authenticator.d.ts +10 -10
- package/dist/types/theme/tokens/components/autocomplete.d.ts +1 -1
- package/dist/types/theme/tokens/components/badge.d.ts +6 -6
- package/dist/types/theme/tokens/components/button.d.ts +8 -8
- package/dist/types/theme/tokens/components/card.d.ts +3 -3
- package/dist/types/theme/tokens/components/checkbox.d.ts +6 -6
- package/dist/types/theme/tokens/components/checkboxField.d.ts +1 -1
- package/dist/types/theme/tokens/components/collection.d.ts +3 -3
- package/dist/types/theme/tokens/components/copy.d.ts +1 -1
- package/dist/types/theme/tokens/components/dialCodeSelect.d.ts +1 -1
- package/dist/types/theme/tokens/components/divider.d.ts +2 -2
- package/dist/types/theme/tokens/components/expander.d.ts +5 -5
- package/dist/types/theme/tokens/components/field.d.ts +2 -2
- package/dist/types/theme/tokens/components/fieldControl.d.ts +6 -6
- package/dist/types/theme/tokens/components/fieldGroup.d.ts +1 -1
- package/dist/types/theme/tokens/components/fieldMessages.d.ts +1 -1
- package/dist/types/theme/tokens/components/fileUploader.d.ts +2 -2
- package/dist/types/theme/tokens/components/flex.d.ts +1 -1
- package/dist/types/theme/tokens/components/heading.d.ts +3 -3
- package/dist/types/theme/tokens/components/highlightMatch.d.ts +1 -1
- package/dist/types/theme/tokens/components/icon.d.ts +1 -1
- package/dist/types/theme/tokens/components/image.d.ts +1 -1
- package/dist/types/theme/tokens/components/inAppMessaging.d.ts +5 -5
- package/dist/types/theme/tokens/components/index.d.ts +4 -4
- package/dist/types/theme/tokens/components/link.d.ts +2 -2
- package/dist/types/theme/tokens/components/liveness.d.ts +3 -3
- package/dist/types/theme/tokens/components/loader.d.ts +4 -4
- package/dist/types/theme/tokens/components/menu.d.ts +2 -2
- package/dist/types/theme/tokens/components/pagination.d.ts +1 -1
- package/dist/types/theme/tokens/components/passwordField.d.ts +3 -3
- package/dist/types/theme/tokens/components/phoneNumberField.d.ts +1 -1
- package/dist/types/theme/tokens/components/placeholder.d.ts +2 -2
- package/dist/types/theme/tokens/components/radio.d.ts +2 -2
- package/dist/types/theme/tokens/components/radioGroup.d.ts +1 -1
- package/dist/types/theme/tokens/components/rating.d.ts +1 -1
- package/dist/types/theme/tokens/components/searchField.d.ts +3 -3
- package/dist/types/theme/tokens/components/select.d.ts +2 -2
- package/dist/types/theme/tokens/components/selectField.d.ts +1 -1
- package/dist/types/theme/tokens/components/sliderField.d.ts +3 -3
- package/dist/types/theme/tokens/components/stepperField.d.ts +2 -2
- package/dist/types/theme/tokens/components/switchField.d.ts +3 -3
- package/dist/types/theme/tokens/components/table.d.ts +5 -5
- package/dist/types/theme/tokens/components/tabs.d.ts +3 -3
- package/dist/types/theme/tokens/components/text.d.ts +4 -4
- package/dist/types/theme/tokens/components/textAreaField.d.ts +2 -2
- package/dist/types/theme/tokens/components/textField.d.ts +1 -1
- package/dist/types/theme/tokens/components/toggleButton.d.ts +2 -2
- package/dist/types/theme/tokens/components/toggleButtonGroup.d.ts +2 -2
- package/dist/types/theme/tokens/fontSizes.d.ts +2 -2
- package/dist/types/theme/tokens/fontWeights.d.ts +2 -2
- package/dist/types/theme/tokens/fonts.d.ts +3 -3
- package/dist/types/theme/tokens/index.d.ts +6 -6
- package/dist/types/theme/tokens/lineHeights.d.ts +2 -2
- package/dist/types/theme/tokens/opacities.d.ts +2 -2
- package/dist/types/theme/tokens/outlineOffsets.d.ts +2 -2
- package/dist/types/theme/tokens/outlineWidths.d.ts +2 -2
- package/dist/types/theme/tokens/radii.d.ts +2 -2
- package/dist/types/theme/tokens/shadows.d.ts +2 -2
- package/dist/types/theme/tokens/space.d.ts +4 -4
- package/dist/types/theme/tokens/time.d.ts +2 -2
- package/dist/types/theme/tokens/transforms.d.ts +3 -3
- package/dist/types/theme/tokens/types/designToken.d.ts +66 -66
- package/dist/types/theme/tokens/types/typography.d.ts +1 -1
- package/dist/types/theme/types.d.ts +2 -2
- package/dist/types/theme/utils.d.ts +3 -3
- package/dist/types/types/accountSettings/validator.d.ts +2 -2
- package/dist/types/types/authenticator/attributes.d.ts +7 -7
- package/dist/types/types/authenticator/form.d.ts +6 -6
- package/dist/types/types/authenticator/stateMachine/authMachine.d.ts +3 -3
- package/dist/types/types/authenticator/stateMachine/context.d.ts +2 -2
- package/dist/types/types/authenticator/stateMachine/event.d.ts +3 -3
- package/dist/types/types/authenticator/stateMachine/state.d.ts +6 -6
- package/dist/types/types/authenticator/user.d.ts +2 -2
- package/dist/types/types/authenticator/validator.d.ts +4 -4
- package/dist/types/types/primitives/componentClassName.d.ts +1 -0
- package/dist/types/types/primitives/index.d.ts +1 -1
- package/dist/types/types/util.d.ts +5 -5
- package/dist/types/utils/index.d.ts +18 -1
- package/package.json +1 -1
- package/dist/esm/utils/classname.mjs +0 -1
- package/dist/types/utils/classname.d.ts +0 -19
package/dist/esm/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{getActorContext,getActorState}from"./helpers/authenticator/actor.mjs";export{getConfiguredAliases,getPrimaryAlias}from"./helpers/authenticator/context.mjs";export{getSendEventAliases,getServiceContextFacade,getServiceFacade}from"./helpers/authenticator/facade.mjs";export{ALLOWED_SPECIAL_CHARACTERS,defaultFormFieldOptions}from"./helpers/authenticator/constants.mjs";export{getErrors,getFormDataFromEvent,isAuthFieldWithDefaults,setFormOrder}from"./helpers/authenticator/form.mjs";export{censorAllButFirstAndLast,censorPhoneNumber,configureComponent,defaultAuthHubHandler,getTotpCodeURL,hasSpecialChars,listenToAuthHub,trimValues}from"./helpers/authenticator/utils.mjs";export{getCustomFormFields,getDefaultFormFields,getFormFields,getSortedFormFields,removeOrderKeys}from"./helpers/authenticator/formFields/formFields.mjs";export{defaultFormFieldsGetters,getAliasDefaultFormField}from"./helpers/authenticator/formFields/defaults.mjs";export{applyTranslation,sortFormFields}from"./helpers/authenticator/formFields/util.mjs";export{authenticatorTextUtil}from"./helpers/authenticator/textUtil.mjs";export{changePassword,deleteUser}from"./helpers/accountSettings/utils.mjs";export{getDefaultConfirmPasswordValidators,getDefaultPasswordValidators,runFieldValidators}from"./helpers/accountSettings/validator.mjs";export{checkMaxSize,humanFileSize,isValidExtension,returnAcceptedFiles,uploadFile}from"./helpers/storage/fileUploader/utils/uploader.mjs";export{getLogger}from"./helpers/utils.mjs";export{countryDialCodes}from"./i18n/country-dial-codes.mjs";export{DefaultTexts,hasTranslation,translate,translations}from"./i18n/translations.mjs";export{createAuthenticatorMachine}from"./machines/authenticator/index.mjs";export{createTheme}from"./theme/createTheme.mjs";export{defaultTheme}from"./theme/defaultTheme.mjs";export{defaultDarkModeOverride,reactNativeDarkTokens}from"./theme/defaultDarkModeOverride.mjs";export{reactNativeTokens}from"./theme/tokens/index.mjs";export{cssNameTransform,isDesignToken,setupTokens}from"./theme/utils.mjs";export{FederatedIdentityProviders,UnverifiedContactMethodType}from"./types/authenticator/user.mjs";export{isUnverifiedContactMethodType}from"./types/authenticator/utils.mjs";export{LoginMechanismArray,authFieldsWithDefaults,isAuthFieldsWithDefaults,signUpFieldsWithDefault,signUpFieldsWithoutDefault}from"./types/authenticator/attributes.mjs";export{ComponentClassName}from"./types/primitives/componentClassName.mjs";export{areEmptyArrays,areEmptyObjects,capitalize,has,isEmpty,isFunction,isMap,isNil,isObject,isSet,isString,isUndefined,sanitizeNamespaceImport}from"./utils/index.mjs";
|
|
1
|
+
export{getActorContext,getActorState}from"./helpers/authenticator/actor.mjs";export{getConfiguredAliases,getPrimaryAlias}from"./helpers/authenticator/context.mjs";export{getSendEventAliases,getServiceContextFacade,getServiceFacade}from"./helpers/authenticator/facade.mjs";export{ALLOWED_SPECIAL_CHARACTERS,defaultFormFieldOptions}from"./helpers/authenticator/constants.mjs";export{getErrors,getFormDataFromEvent,isAuthFieldWithDefaults,setFormOrder}from"./helpers/authenticator/form.mjs";export{censorAllButFirstAndLast,censorPhoneNumber,configureComponent,defaultAuthHubHandler,getTotpCodeURL,hasSpecialChars,listenToAuthHub,trimValues}from"./helpers/authenticator/utils.mjs";export{getCustomFormFields,getDefaultFormFields,getFormFields,getSortedFormFields,removeOrderKeys}from"./helpers/authenticator/formFields/formFields.mjs";export{defaultFormFieldsGetters,getAliasDefaultFormField}from"./helpers/authenticator/formFields/defaults.mjs";export{applyTranslation,sortFormFields}from"./helpers/authenticator/formFields/util.mjs";export{authenticatorTextUtil}from"./helpers/authenticator/textUtil.mjs";export{changePassword,deleteUser}from"./helpers/accountSettings/utils.mjs";export{getDefaultConfirmPasswordValidators,getDefaultPasswordValidators,runFieldValidators}from"./helpers/accountSettings/validator.mjs";export{checkMaxSize,humanFileSize,isValidExtension,returnAcceptedFiles,uploadFile}from"./helpers/storage/fileUploader/utils/uploader.mjs";export{getLogger}from"./helpers/utils.mjs";export{countryDialCodes}from"./i18n/country-dial-codes.mjs";export{DefaultTexts,hasTranslation,translate,translations}from"./i18n/translations.mjs";export{createAuthenticatorMachine}from"./machines/authenticator/index.mjs";export{createTheme}from"./theme/createTheme.mjs";export{defaultTheme}from"./theme/defaultTheme.mjs";export{defaultDarkModeOverride,reactNativeDarkTokens}from"./theme/defaultDarkModeOverride.mjs";export{reactNativeTokens}from"./theme/tokens/index.mjs";export{cssNameTransform,isDesignToken,setupTokens}from"./theme/utils.mjs";export{FederatedIdentityProviders,UnverifiedContactMethodType}from"./types/authenticator/user.mjs";export{isUnverifiedContactMethodType}from"./types/authenticator/utils.mjs";export{LoginMechanismArray,authFieldsWithDefaults,isAuthFieldsWithDefaults,signUpFieldsWithDefault,signUpFieldsWithoutDefault}from"./types/authenticator/attributes.mjs";export{ComponentClassName}from"./types/primitives/componentClassName.mjs";export{areEmptyArrays,areEmptyObjects,capitalize,classNameModifier,classNameModifierByFlag,has,isEmpty,isFunction,isMap,isNil,isObject,isSet,isString,isUndefined,sanitizeNamespaceImport}from"./utils/index.mjs";
|
package/dist/esm/utils/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=t=>{var r;const n=Object.assign({default:void 0},t);return null!==(r=n.default)&&void 0!==r?r:n};function r(t){return null!=t&&!Array.isArray(t)&&"object"==typeof t}function n(t){return"string"==typeof t||"object"==typeof t&&"[object String]"===Object.prototype.toString.call(t)}function e(t){return r(t)&&"[object Map]"===Object.prototype.toString.call(t)}function o(t){return r(t)&&"[object Set]"===Object.prototype.toString.call(t)}function u(t){return void 0===t}function c(t){return null==t}function i(t){if(null==t)return!0;if(r(t)&&(e(t)||o(t)))return!t.size;if(r(t)&&(n(t)||Array.isArray(t)))return!t.length;for(const r in t)if(s(t,r))return!1;return!0}function f(t){return Array.isArray(t)&&i(t)}function l(...t){return t.every(f)}function a(t){return r(t)&&i(t)}function p(...t){return t.every(a)}function y(t){return n(t)?t.charAt(0).toUpperCase()+t.slice(1):""}function s(t,r){return null!=t&&Object.prototype.hasOwnProperty.call(t,r)}function b(t){return"function"==typeof t}export{l as areEmptyArrays,p as areEmptyObjects,y as capitalize,s as has,i as isEmpty,b as isFunction,e as isMap,c as isNil,r as isObject,o as isSet,n as isString,u as isUndefined,t as sanitizeNamespaceImport};
|
|
1
|
+
const t=t=>{var r;const n=Object.assign({default:void 0},t);return null!==(r=n.default)&&void 0!==r?r:n};function r(t){return null!=t&&!Array.isArray(t)&&"object"==typeof t}function n(t){return"string"==typeof t||"object"==typeof t&&"[object String]"===Object.prototype.toString.call(t)}function e(t){return r(t)&&"[object Map]"===Object.prototype.toString.call(t)}function o(t){return r(t)&&"[object Set]"===Object.prototype.toString.call(t)}function u(t){return void 0===t}function c(t){return null==t}function i(t){if(null==t)return!0;if(r(t)&&(e(t)||o(t)))return!t.size;if(r(t)&&(n(t)||Array.isArray(t)))return!t.length;for(const r in t)if(s(t,r))return!1;return!0}function f(t){return Array.isArray(t)&&i(t)}function l(...t){return t.every(f)}function a(t){return r(t)&&i(t)}function p(...t){return t.every(a)}function y(t){return n(t)?t.charAt(0).toUpperCase()+t.slice(1):""}function s(t,r){return null!=t&&Object.prototype.hasOwnProperty.call(t,r)}function b(t){return"function"==typeof t}const j=(t,r)=>r?`${t}--${r}`:"",g=(t,r,n)=>n?`${t}--${r}`:"";export{l as areEmptyArrays,p as areEmptyObjects,y as capitalize,j as classNameModifier,g as classNameModifierByFlag,s as has,i as isEmpty,b as isFunction,e as isMap,c as isNil,r as isObject,o as isSet,n as isString,u as isUndefined,t as sanitizeNamespaceImport};
|
package/dist/styles.css
CHANGED
|
@@ -1746,7 +1746,7 @@ strong.amplify-text {
|
|
|
1746
1746
|
-webkit-user-select: text;
|
|
1747
1747
|
-moz-user-select: text;
|
|
1748
1748
|
user-select: text;
|
|
1749
|
-
display: inline-
|
|
1749
|
+
display: inline-block;
|
|
1750
1750
|
}
|
|
1751
1751
|
.amplify-input:focus {
|
|
1752
1752
|
border-color: var(--amplify-components-fieldcontrol-focus-border-color);
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { Sender } from 'xstate';
|
|
7
7
|
import { AuthEvent, AuthEventData, AuthMachineState, CodeDeliveryDetails, AmplifyUser, ValidationError, SocialProvider, UnverifiedContactMethods } from '../../types';
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
export type AuthenticatorRoute = 'authenticated' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forceNewPassword' | 'idle' | 'resetPassword' | 'setup' | 'signOut' | 'setupTOTP' | 'signIn' | 'signUp' | 'transition' | 'verifyUser';
|
|
9
|
+
type AuthenticatorValidationErrors = ValidationError;
|
|
10
|
+
type AuthStatus = 'configuring' | 'authenticated' | 'unauthenticated';
|
|
11
11
|
interface AuthenticatorServiceContextFacade {
|
|
12
12
|
authStatus: AuthStatus;
|
|
13
13
|
codeDeliveryDetails: CodeDeliveryDetails;
|
|
@@ -21,8 +21,8 @@ interface AuthenticatorServiceContextFacade {
|
|
|
21
21
|
user: AmplifyUser;
|
|
22
22
|
validationErrors: AuthenticatorValidationErrors;
|
|
23
23
|
}
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
type SendEventAlias = 'initializeMachine' | 'resendCode' | 'signOut' | 'submitForm' | 'updateForm' | 'updateBlur' | 'toFederatedSignIn' | 'toResetPassword' | 'toSignIn' | 'toSignUp' | 'skipVerification';
|
|
25
|
+
type AuthenticatorSendEventAliases = Record<SendEventAlias, (data?: AuthEventData) => void>;
|
|
26
26
|
export interface AuthenticatorServiceFacade extends AuthenticatorSendEventAliases, AuthenticatorServiceContextFacade {
|
|
27
27
|
}
|
|
28
28
|
/**
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
1
|
+
type AuthenticatorText = 'Account recovery requires verified contact information' | 'Back to Sign In' | 'Change Password' | 'Changing' | 'Code' | 'Confirm Password' | 'Confirm Sign Up' | 'Confirm SMS Code' | 'Confirm TOTP Code' | 'Confirm' | 'Confirmation Code' | 'Confirming' | 'Create a new account' | 'Create Account' | 'Creating Account' | 'Dismiss alert' | 'Email' | 'Enter your code' | 'Enter your email' | 'Enter your phone number' | 'Enter your username' | 'Forgot your password?' | 'Hide password' | 'Loading' | 'New password' | 'Password' | 'Phone Number' | 'Resend Code' | 'Reset your password' | 'Reset your Password' | 'Send code' | 'Send Code' | 'Sending' | 'Setup TOTP' | 'Show password' | 'Sign in to your account' | 'Sign In with Amazon' | 'Sign In with Apple' | 'Sign In with Facebook' | 'Sign In with Google' | 'Sign in' | 'Sign In' | 'Signing in' | 'Skip' | 'Submit' | 'Submitting' | 'Username' | 'Verify Contact' | 'Verify';
|
|
2
|
+
export type AuthenticatorDictionary = Record<AuthenticatorText, string> & Record<string, string>;
|
|
3
3
|
export {};
|
|
@@ -91,7 +91,7 @@ export declare const DefaultTexts: {
|
|
|
91
91
|
readonly WE_TEXTED: string;
|
|
92
92
|
readonly WEBSITE: string;
|
|
93
93
|
};
|
|
94
|
-
export
|
|
94
|
+
export type Phrase = typeof DefaultTexts[keyof typeof DefaultTexts];
|
|
95
95
|
/**
|
|
96
96
|
* TODO: Translation keys for dictionaries can be inferred from DefaultTexts
|
|
97
97
|
* by typing it to Partial<Record<Phrase, string>>.
|
|
@@ -100,7 +100,7 @@ export declare type Phrase = typeof DefaultTexts[keyof typeof DefaultTexts];
|
|
|
100
100
|
* limiting factor for custom translation keys. Marking it as TODO until we see
|
|
101
101
|
* a reason to strongly type this.
|
|
102
102
|
*/
|
|
103
|
-
export
|
|
103
|
+
export type Dict = Record<string, string>;
|
|
104
104
|
/**
|
|
105
105
|
* This helper type checks that given phrase is one of the texts @aws-amplify/ui
|
|
106
106
|
* provides by default. This enables vscode autocompletion to help catch typos
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ActorContextWithForms, AuthEvent, SignInContext, SignUpContext } from '../../types';
|
|
2
|
-
export declare const stopActor: (machineId: string) => import("xstate").StopAction<unknown, import("xstate").EventObject>;
|
|
2
|
+
export declare const stopActor: (machineId: string) => import("xstate").StopAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
3
3
|
/**
|
|
4
4
|
* https://github.com/statelyai/xstate/issues/866
|
|
5
5
|
*
|
|
@@ -24,34 +24,34 @@ export declare const stopActor: (machineId: string) => import("xstate").StopActi
|
|
|
24
24
|
/**
|
|
25
25
|
* "clear" actions
|
|
26
26
|
*/
|
|
27
|
-
export declare const clearAttributeToVerify: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
28
|
-
export declare const clearChallengeName: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
29
|
-
export declare const clearRequiredAttributes: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
30
|
-
export declare const clearError: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
31
|
-
export declare const clearFormValues: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
32
|
-
export declare const clearTouched: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
33
|
-
export declare const clearUnverifiedContactMethods: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
34
|
-
export declare const clearUsername: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
35
|
-
export declare const clearValidationError: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
27
|
+
export declare const clearAttributeToVerify: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
28
|
+
export declare const clearChallengeName: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
29
|
+
export declare const clearRequiredAttributes: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
30
|
+
export declare const clearError: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
31
|
+
export declare const clearFormValues: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
32
|
+
export declare const clearTouched: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
33
|
+
export declare const clearUnverifiedContactMethods: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
34
|
+
export declare const clearUsername: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
35
|
+
export declare const clearValidationError: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
36
36
|
/**
|
|
37
37
|
* "set" actions
|
|
38
38
|
*/
|
|
39
|
-
export declare const setTotpSecretCode: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
40
|
-
export declare const setChallengeName: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
41
|
-
export declare const setRequiredAttributes: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
42
|
-
export declare const setConfirmResetPasswordIntent: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
43
|
-
export declare const setConfirmSignUpIntent: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
|
|
44
|
-
export declare const setCredentials: import("xstate").AssignAction<SignInContext | SignUpContext, import("xstate").EventObject>;
|
|
45
|
-
export declare const setFieldErrors: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
46
|
-
export declare const setRemoteError: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
47
|
-
export declare const setUnverifiedContactMethods: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
48
|
-
export declare const setUser: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
49
|
-
export declare const setUsername: import("xstate").AssignAction<ActorContextWithForms, import("xstate").EventObject>;
|
|
50
|
-
export declare const setCodeDeliveryDetails: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
51
|
-
export declare const setUsernameAuthAttributes: import("xstate").AssignAction<ActorContextWithForms, import("xstate").EventObject>;
|
|
52
|
-
export declare const handleInput: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
53
|
-
export declare const handleSubmit: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
54
|
-
export declare const handleBlur: import("xstate").AssignAction<unknown, AuthEvent>;
|
|
39
|
+
export declare const setTotpSecretCode: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
40
|
+
export declare const setChallengeName: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
41
|
+
export declare const setRequiredAttributes: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
42
|
+
export declare const setConfirmResetPasswordIntent: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
43
|
+
export declare const setConfirmSignUpIntent: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
|
|
44
|
+
export declare const setCredentials: import("xstate").AssignAction<SignInContext | SignUpContext, import("xstate").EventObject, import("xstate").EventObject>;
|
|
45
|
+
export declare const setFieldErrors: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
46
|
+
export declare const setRemoteError: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
47
|
+
export declare const setUnverifiedContactMethods: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
48
|
+
export declare const setUser: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
49
|
+
export declare const setUsername: import("xstate").AssignAction<ActorContextWithForms, import("xstate").EventObject, import("xstate").EventObject>;
|
|
50
|
+
export declare const setCodeDeliveryDetails: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
51
|
+
export declare const setUsernameAuthAttributes: import("xstate").AssignAction<ActorContextWithForms, import("xstate").EventObject, import("xstate").EventObject>;
|
|
52
|
+
export declare const handleInput: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
53
|
+
export declare const handleSubmit: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
54
|
+
export declare const handleBlur: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
|
|
55
55
|
export declare const resendCode: (context: any) => Promise<any>;
|
|
56
56
|
/**
|
|
57
57
|
* This action occurs on the entry to a state where a form submit action
|
|
@@ -59,4 +59,4 @@ export declare const resendCode: (context: any) => Promise<any>;
|
|
|
59
59
|
* the result, and updates the form values with the full phone number which is
|
|
60
60
|
* the required format by Cognito for form submission.
|
|
61
61
|
*/
|
|
62
|
-
export declare const parsePhoneNumber: import("xstate").AssignAction<SignInContext | SignUpContext, import("xstate").EventObject>;
|
|
62
|
+
export declare const parsePhoneNumber: import("xstate").AssignAction<SignInContext | SignUpContext, import("xstate").EventObject, import("xstate").EventObject>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { AuthEvent, ResetPasswordContext } from '../../../types';
|
|
2
2
|
import { defaultServices } from '../defaultServices';
|
|
3
|
-
export
|
|
3
|
+
export type ResetPasswordMachineOptions = {
|
|
4
4
|
services?: Partial<typeof defaultServices>;
|
|
5
5
|
};
|
|
6
6
|
export declare function resetPasswordActor({ services }: ResetPasswordMachineOptions): import("xstate").StateMachine<ResetPasswordContext, any, AuthEvent, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { AuthEvent, SignInContext } from '../../../types';
|
|
2
2
|
import { defaultServices } from '../defaultServices';
|
|
3
|
-
export
|
|
3
|
+
export type SignInMachineOptions = {
|
|
4
4
|
services?: Partial<typeof defaultServices>;
|
|
5
5
|
};
|
|
6
6
|
export declare function signInActor({ services }: SignInMachineOptions): import("xstate").StateMachine<SignInContext, any, AuthEvent, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AuthContext, AuthEvent } from '../../types';
|
|
2
|
-
export
|
|
2
|
+
export type AuthenticatorMachineOptions = AuthContext['config'] & {
|
|
3
3
|
services?: AuthContext['services'];
|
|
4
4
|
};
|
|
5
5
|
export declare function createAuthenticatorMachine(): import("xstate").StateMachine<AuthContext, any, AuthEvent, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { AuthEvent, SignUpContext } from '../../types';
|
|
2
2
|
import { defaultServices } from './defaultServices';
|
|
3
|
-
export
|
|
3
|
+
export type SignUpMachineOptions = {
|
|
4
4
|
services?: Partial<typeof defaultServices>;
|
|
5
5
|
};
|
|
6
6
|
export declare function createSignUpMachine({ services }: SignUpMachineOptions): import("xstate").StateMachine<SignUpContext, any, AuthEvent, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BorderWidthValue, DesignTokenValues, OutputVariantKey } from './types/designToken';
|
|
2
|
-
|
|
3
|
-
export
|
|
2
|
+
type BorderWidthSize = 'small' | 'medium' | 'large';
|
|
3
|
+
export type BorderWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<DesignTokenValues<BorderWidthSize, BorderWidthValue<Platform, Output>, Output, Platform>> : Partial<DesignTokenValues<BorderWidthSize, BorderWidthValue<Platform, Output>, Output, Platform>>;
|
|
4
4
|
export declare const borderWidths: BorderWidths<'default'>;
|
|
5
5
|
export {};
|
|
@@ -2,30 +2,30 @@ import { ColorValue, DesignTokenValues, OutputVariantKey } from './types/designT
|
|
|
2
2
|
/**
|
|
3
3
|
* Util type for creating color interfaces using `ColorValue` from string and number unions
|
|
4
4
|
*/
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
type BaseColorValues<VariantKey extends string | number, Output, Platform = unknown> = DesignTokenValues<VariantKey, ColorValue, Output, Platform>;
|
|
6
|
+
type ColorValues<VariantKey extends string | number, Output, Platform = unknown> = Output extends 'required' | 'default' ? BaseColorValues<VariantKey, Output, Platform> : Partial<BaseColorValues<VariantKey, Output, Platform>>;
|
|
7
7
|
/**
|
|
8
8
|
* Util type for creating nested color scale interfaces from variant keys
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
10
|
+
type BaseColorValueScale<VariantKey extends string | number, Output, Platform = unknown> = Record<VariantKey, ColorValues<ScaleKey, Output, Platform>>;
|
|
11
|
+
type ColorValueScale<VariantKey extends string | number, Output, Platform = unknown> = Output extends 'required' | 'default' ? BaseColorValueScale<VariantKey, Output, Platform> : Partial<BaseColorValueScale<VariantKey, Output, Platform>>;
|
|
12
|
+
type ScaleKey = 10 | 20 | 40 | 60 | 80 | 90 | 100;
|
|
13
|
+
type OverlayKey = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
|
|
14
|
+
type ColorPaletteKey = 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'purple' | 'pink' | 'neutral';
|
|
15
|
+
type GreyscalePaletteKey = 'white' | 'black' | 'transparent';
|
|
16
|
+
type OrderVariant = 'primary' | 'secondary' | 'tertiary';
|
|
17
|
+
type OrderVariantKey<Output = unknown> = Output extends 'default' ? Exclude<OrderVariant, 'quaternary'> : OrderVariant;
|
|
18
|
+
type InformationVariantKey = 'info' | 'warning' | 'error' | 'success';
|
|
19
|
+
type WebStateVariantKey = 'active' | 'disabled' | 'error' | 'hover' | 'focus' | 'pressed';
|
|
20
|
+
type ReactNativeStateVariantKey = Exclude<WebStateVariantKey, 'focused' | 'hover'>;
|
|
21
|
+
type StateVariantKey<Platform> = Platform extends 'react-native' ? ReactNativeStateVariantKey : WebStateVariantKey;
|
|
22
|
+
type BrandVariantKey = Extract<OrderVariantKey, 'primary' | 'secondary'>;
|
|
23
|
+
type FontVariantKey<Output, Platform> = 'inverse' | 'interactive' | Extract<StateVariantKey<Platform>, 'active' | 'disabled' | 'hover' | 'focus'> | OrderVariantKey<Output> | InformationVariantKey;
|
|
24
|
+
type BackgroundColorKey<Platform> = Extract<StateVariantKey<Platform>, 'disabled'> | OrderVariantKey | InformationVariantKey | 'quaternary';
|
|
25
|
+
type BorderColorKey<Output, Platform> = Extract<StateVariantKey<Platform>, 'disabled' | 'error'> | OrderVariantKey<Output> | (Output extends 'default' ? Exclude<StateVariantKey<Platform>, 'active' | 'hover'> : StateVariantKey<Platform>);
|
|
26
|
+
type PaletteValues<Output, Platform> = ColorValueScale<ColorPaletteKey, Output, Platform>;
|
|
27
|
+
type GreyscaleColors<Output, Platform> = ColorValues<GreyscalePaletteKey, Output, Platform>;
|
|
28
|
+
type BaseColors<Output extends OutputVariantKey = unknown, Platform = unknown> = PaletteValues<Output, Platform> & GreyscaleColors<Output, Platform> & {
|
|
29
29
|
brand?: ColorValueScale<BrandVariantKey, Output, Platform>;
|
|
30
30
|
background?: ColorValues<BackgroundColorKey<Platform>, Output, Platform>;
|
|
31
31
|
border?: ColorValues<BorderColorKey<Output, Platform>, Output, Platform>;
|
|
@@ -33,6 +33,6 @@ declare type BaseColors<Output extends OutputVariantKey = unknown, Platform = un
|
|
|
33
33
|
overlay?: ColorValues<OverlayKey, Output, Platform>;
|
|
34
34
|
shadow?: ColorValues<OrderVariantKey, Output, Platform>;
|
|
35
35
|
};
|
|
36
|
-
export
|
|
36
|
+
export type Colors<Output extends OutputVariantKey = unknown, Platform = unknown> = (Output extends 'required' | 'default' ? Required<BaseColors<Output, Platform>> : BaseColors<Output, Platform>) & Record<string, any>;
|
|
37
37
|
export declare const colors: Colors<'default'>;
|
|
38
38
|
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export
|
|
2
|
+
type AlertVariationTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'color', OutputType>;
|
|
3
|
+
type AlertIconTokens<OutputType> = DesignTokenProperties<'size', OutputType>;
|
|
4
|
+
type AlertHeadingTokens<OutputType> = DesignTokenProperties<'fontSize' | 'fontWeight', OutputType>;
|
|
5
|
+
type AlertTokenKey = 'alignItems' | 'justifyContent' | 'color' | 'backgroundColor' | 'paddingBlock' | 'paddingInline';
|
|
6
|
+
export type AlertTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<AlertTokenKey, OutputType> & {
|
|
7
7
|
icon?: AlertIconTokens<OutputType>;
|
|
8
8
|
heading?: AlertHeadingTokens<OutputType>;
|
|
9
9
|
info?: AlertVariationTokens<OutputType>;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
type ModalTokenKey = 'width' | 'height' | 'backgroundColor' | 'top' | 'left';
|
|
3
|
+
type AuthenticatorModalTokens<OutputType> = DesignTokenProperties<ModalTokenKey, OutputType>;
|
|
4
|
+
type RouterKey = 'borderWidth' | 'borderStyle' | 'borderColor' | 'backgroundColor' | 'boxShadow';
|
|
5
|
+
type AuthenticatorRouterTokens<OutputType> = DesignTokenProperties<RouterKey, OutputType>;
|
|
6
|
+
type AuthenticatorFooterTokens<OutputType> = DesignTokenProperties<'paddingBottom', OutputType>;
|
|
7
|
+
type AuthenticatorFormTokens<OutputType> = DesignTokenProperties<'padding', OutputType>;
|
|
8
|
+
type AuthenticatorStateTokens<OutputType> = {
|
|
9
9
|
inactive?: DesignTokenProperties<'backgroundColor', OutputType>;
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
type AuthenticatorOrContainerTokens<OutputType> = DesignTokenProperties<'color', OutputType> & {
|
|
12
12
|
orLine?: DesignTokenProperties<'backgroundColor', OutputType>;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
type AuthenticatorContainerToken<OutputType> = {
|
|
15
15
|
widthMax?: DesignTokenProperties<'maxWidth', OutputType>['maxWidth'];
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type AuthenticatorTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'maxWidth', OutputType> & {
|
|
18
18
|
modal?: AuthenticatorModalTokens<OutputType>;
|
|
19
19
|
container?: AuthenticatorContainerToken<OutputType>;
|
|
20
20
|
router?: AuthenticatorRouterTokens<OutputType>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
export
|
|
2
|
+
export type AutocompleteTokens<OutputType extends OutputVariantKey> = {
|
|
3
3
|
menu?: DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'marginBlockStart' | 'width', OutputType> & {
|
|
4
4
|
options?: DesignTokenProperties<'display' | 'flexDirection' | 'maxHeight', OutputType>;
|
|
5
5
|
option?: DesignTokenProperties<'backgroundColor' | 'color' | 'cursor' | 'transitionDuration' | 'transitionProperty' | 'transitionTimingFunction', OutputType> & {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export
|
|
2
|
+
type VariationKey = 'backgroundColor' | 'color';
|
|
3
|
+
type BadgeVariationTokens<OutputType> = DesignTokenProperties<VariationKey, OutputType>;
|
|
4
|
+
type SizeKey = 'fontSize' | 'paddingHorizontal' | 'paddingVertical';
|
|
5
|
+
type BadgeSizeTokens<OutputType> = DesignTokenProperties<SizeKey, OutputType>;
|
|
6
|
+
type BadgeKey = 'backgroundColor' | 'borderRadius' | 'color' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'paddingHorizontal' | 'paddingVertical' | 'textAlign';
|
|
7
|
+
export type BadgeTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<BadgeKey, OutputType> & {
|
|
8
8
|
error?: BadgeVariationTokens<OutputType>;
|
|
9
9
|
large?: BadgeSizeTokens<OutputType>;
|
|
10
10
|
small?: BadgeSizeTokens<OutputType>;
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
|
|
3
|
+
type StateWithShadowTokens<Output> = StateTokens<Output> & DesignTokenProperties<'boxShadow', Output>;
|
|
4
|
+
type MenuStateTokens<Output> = Omit<StateTokens<Output>, 'borderColor'>;
|
|
5
|
+
type PrimaryVariationTokens<Output> = StateTokens<Output> & DesignTokenProperties<'borderStyle' | 'borderWidth', Output> & {
|
|
6
6
|
_disabled?: StateTokens<Output>;
|
|
7
7
|
_loading?: StateTokens<Output>;
|
|
8
8
|
_hover?: StateTokens<Output>;
|
|
9
9
|
_focus?: StateWithShadowTokens<Output>;
|
|
10
10
|
_active?: StateTokens<Output>;
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
type MenuVariationTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderWidth' | 'justifyContent', Output> & {
|
|
13
13
|
_hover?: MenuStateTokens<Output>;
|
|
14
14
|
_focus?: MenuStateTokens<Output>;
|
|
15
15
|
_active?: MenuStateTokens<Output>;
|
|
16
16
|
_disabled?: Omit<StateTokens<Output>, 'borderColor' | 'backgroundColor'>;
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
type LinkVariationTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderWidth' | 'color', Output> & {
|
|
19
19
|
_hover?: StateTokens<Output>;
|
|
20
20
|
_focus?: StateWithShadowTokens<Output>;
|
|
21
21
|
_active?: StateTokens<Output>;
|
|
22
22
|
_disabled?: StateTokens<Output>;
|
|
23
23
|
_loading?: StateTokens<Output>;
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
export
|
|
25
|
+
type ButtonSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd', Output>;
|
|
26
|
+
export type ButtonTokens<Output extends OutputVariantKey> = DesignTokenProperties<'fontWeight' | 'transitionDuration' | 'fontSize' | 'lineHeight' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd' | 'borderColor' | 'borderWidth' | 'borderStyle' | 'borderRadius' | 'color', Output> & {
|
|
27
27
|
_hover?: StateTokens<Output>;
|
|
28
28
|
_focus?: StateWithShadowTokens<Output>;
|
|
29
29
|
_active?: StateTokens<Output>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
2
|
+
type CardVariationStyleKey = 'backgroundColor' | 'borderRadius' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'boxShadow';
|
|
3
|
+
type CardVariationTokens<OutputType> = DesignTokenProperties<CardVariationStyleKey, OutputType>;
|
|
4
|
+
export type CardTokens<OutputType extends OutputVariantKey> = CardVariationTokens<OutputType> & DesignTokenProperties<'padding', OutputType> & {
|
|
5
5
|
elevated?: CardVariationTokens<OutputType>;
|
|
6
6
|
outlined?: CardVariationTokens<OutputType>;
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
type ButtonFocusToken<Output> = DesignTokenProperties<'outlineColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset' | 'borderColor' | 'boxShadow', Output>;
|
|
3
|
+
type BeforeToken<Output> = DesignTokenProperties<'width' | 'height' | 'borderWidth' | 'borderRadius' | 'borderStyle' | 'borderColor', Output>;
|
|
4
|
+
type ButtonToken<Output> = DesignTokenProperties<'position' | 'alignItems' | 'justifyContent' | 'color', Output> & {
|
|
5
5
|
before?: BeforeToken<Output>;
|
|
6
6
|
_focus?: ButtonFocusToken<Output>;
|
|
7
7
|
_disabled?: DesignTokenProperties<'borderColor', Output>;
|
|
@@ -9,14 +9,14 @@ declare type ButtonToken<Output> = DesignTokenProperties<'position' | 'alignItem
|
|
|
9
9
|
_focus?: DesignTokenProperties<'borderColor' | 'boxShadow', Output>;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
type IconCheckedStateToken<Output> = DesignTokenProperties<'opacity' | 'transform'> & {
|
|
13
13
|
_disabled?: DesignTokenProperties<'backgroundColor', Output>;
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
type IconToken<Output> = DesignTokenProperties<'backgroundColor' | 'borderRadius' | 'opacity' | 'transform' | 'transitionProperty' | 'transitionDuration' | 'transitionTimingFunction', Output> & {
|
|
16
16
|
_checked?: IconCheckedStateToken<Output>;
|
|
17
17
|
_indeterminate?: IconCheckedStateToken<Output>;
|
|
18
18
|
};
|
|
19
|
-
export
|
|
19
|
+
export type CheckboxTokens<Output extends OutputVariantKey> = DesignTokenProperties<'alignItems' | 'cursor', Output> & {
|
|
20
20
|
_disabled?: DesignTokenProperties<'cursor', Output>;
|
|
21
21
|
button?: ButtonToken<Output>;
|
|
22
22
|
icon?: IconToken<Output>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
export
|
|
2
|
+
export type CheckboxFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'alignItems' | 'alignContent' | 'flexDirection' | 'justifyContent', Output>;
|
|
3
3
|
export declare const checkboxfield: Required<CheckboxFieldTokens<'default'>>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
|
|
3
|
+
type PaginationTokens<Output> = {
|
|
4
4
|
current?: DesignTokenProperties<'color' | 'backgroundColor', Output>;
|
|
5
5
|
button?: DesignTokenProperties<'color', Output> & {
|
|
6
6
|
_hover?: DesignTokenProperties<'backgroundColor' | 'color', Output>;
|
|
7
7
|
_disabled?: DesignTokenProperties<'color', Output>;
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
type SearchTokens<Output> = {
|
|
11
11
|
input?: DesignTokenProperties<'color', Output>;
|
|
12
12
|
button?: DesignTokenProperties<'color', Output> & {
|
|
13
13
|
_active?: StateTokens<Output>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
export
|
|
2
|
+
export type CopyTokens<Output extends OutputVariantKey> = DesignTokenProperties<'fontSize' | 'gap', Output> & {
|
|
3
3
|
svg?: {
|
|
4
4
|
path?: DesignTokenProperties<'fill', Output>;
|
|
5
5
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
export
|
|
2
|
+
export type DialCodeSelectTokens<Output extends OutputVariantKey> = DesignTokenProperties<'height', Output>;
|
|
3
3
|
export declare const dialcodeselect: Required<DialCodeSelectTokens<'default'>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
3
|
-
export
|
|
2
|
+
type DividerSizeTokens<Output> = DesignTokenProperties<'borderWidth', Output>;
|
|
3
|
+
export type DividerTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderStyle' | 'borderColor' | 'borderWidth' | 'opacity', Output> & {
|
|
4
4
|
label?: DesignTokenProperties<'color' | 'paddingInline' | 'fontSize' | 'backgroundColor', Output>;
|
|
5
5
|
small?: DividerSizeTokens<Output>;
|
|
6
6
|
large?: DividerSizeTokens<Output>;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
2
|
+
type ExpanderItemTokens<Output> = DesignTokenProperties<'marginTop' | 'boxShadow' | 'borderBottomLeftRadius' | 'borderBottomRightRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderStartStartRadius' | 'borderStartEndRadius' | 'borderEndStartRadius' | 'borderEndEndRadius', Output> & {
|
|
3
3
|
_focus?: DesignTokenProperties<'boxShadow', Output>;
|
|
4
4
|
};
|
|
5
|
-
|
|
5
|
+
type ExpanderTriggerTokens<Output> = DesignTokenProperties<'minHeight' | 'paddingInlineStart' | 'paddingInlineEnd' | 'alignItems' | 'justifyContent', Output> & {
|
|
6
6
|
_hover?: DesignTokenProperties<'backgroundColor', Output>;
|
|
7
7
|
};
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
type ExpanderContentStateTokens<Output> = DesignTokenProperties<'animationDuration' | 'animationTimingFunction', Output>;
|
|
9
|
+
type ExpanderContentTokens<Output> = DesignTokenProperties<'paddingInlineStart' | 'paddingInlineEnd', Output> & {
|
|
10
10
|
text?: DesignTokenProperties<'color' | 'paddingBlockStart' | 'paddingBlockEnd', Output>;
|
|
11
11
|
_open?: ExpanderContentStateTokens<Output>;
|
|
12
12
|
_closed?: ExpanderContentStateTokens<Output>;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export type ExpanderTokens<Output extends OutputVariantKey> = DesignTokenProperties<'display' | 'backgroundColor' | 'borderRadius' | 'boxShadow' | 'width', Output> & {
|
|
15
15
|
content?: ExpanderContentTokens<Output>;
|
|
16
16
|
header?: DesignTokenProperties<'boxShadow', Output>;
|
|
17
17
|
item?: ExpanderItemTokens<Output>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
|
|
2
|
-
|
|
3
|
-
export
|
|
2
|
+
type FieldSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'gap', Output>;
|
|
3
|
+
export type FieldTokens<Output extends OutputVariantKey> = FieldSizeTokens<Output> & DesignTokenProperties<'flexDirection', Output> & {
|
|
4
4
|
small?: FieldSizeTokens<Output>;
|
|
5
5
|
large?: FieldSizeTokens<Output>;
|
|
6
6
|
label?: DesignTokenProperties<'color', Output>;
|