@aws-amplify/ui 6.0.10 → 6.0.11

package/dist/esm/helpers/authenticator/utils.mjs

@@ -21,6 +21,18 @@ const censorPhoneNumber = (val) => {
     }
     return split.join('');
 };
+// censors all but the first and last of the name of an email and keeps domain
+const censorEmail = (val) => {
+    const splitEmail = val.split('@');
+    const censoredName = censorAllButFirstAndLast(splitEmail[0]);
+    return `${censoredName}@${splitEmail[1]}`;
+};
+// based on the ContactMethod type, returns a censored contact value
+const censorContactMethod = (type, value) => {
+    return type === 'Phone Number'
+        ? censorPhoneNumber(value)
+        : censorEmail(value);
+};
 const hasSpecialChars = (password) => ALLOWED_SPECIAL_CHARACTERS.some((char) => password.includes(char));
 const getTotpCodeURL = (issuer, username, secret) => encodeURI(`otpauth://totp/${issuer}:${username}?secret=${secret}&issuer=${issuer}`);
 function trimValues(values, ...ignored) {
@@ -35,4 +47,4 @@ const isValidEmail = (value) => {
     return emailRegex.test(value);
 };
 
-export { censorAllButFirstAndLast, censorPhoneNumber, getTotpCodeURL, hasSpecialChars, isValidEmail, trimValues };
+export { censorAllButFirstAndLast, censorContactMethod, censorEmail, censorPhoneNumber, getTotpCodeURL, hasSpecialChars, isValidEmail, trimValues };

package/dist/esm/i18n/dictionaries/authenticator/he.mjs

@@ -20,7 +20,7 @@ const heDict = {
     'Enter your Email': 'הכנס את המייל שלך',
     'Enter your phone number': 'הכנס את מספר הטלפון שלך',
     'Enter your username': 'הכנס את שם המתמש שלך',
-    'Forgot your password?': 'שחכת סיסמא ?',
+    'Forgot your password?': 'שכחת סיסמא ?',
     'Hide password': 'הסתר סיסמא',
     Loading: 'טוען',
     'New password': 'סיסמא חדשה',

package/dist/esm/index.mjs

@@ -3,7 +3,7 @@ export { defaultAuthHubHandler, listenToAuthHub } from './helpers/authenticator/
 export { getNextServiceContextFacade, getNextServiceFacade, getSendEventAliases, getServiceContextFacade, getServiceFacade } from './helpers/authenticator/facade.mjs';
 export { ALLOWED_SPECIAL_CHARACTERS, NAVIGABLE_ROUTE_EVENT, defaultFormFieldOptions, emailRegex } from './helpers/authenticator/constants.mjs';
 export { getErrors, getFormDataFromEvent, isAuthFieldWithDefaults, setFormOrder } from './helpers/authenticator/form.mjs';
-export { censorAllButFirstAndLast, censorPhoneNumber, getTotpCodeURL, hasSpecialChars, isValidEmail, trimValues } from './helpers/authenticator/utils.mjs';
+export { censorAllButFirstAndLast, censorContactMethod, censorEmail, censorPhoneNumber, getTotpCodeURL, hasSpecialChars, isValidEmail, trimValues } from './helpers/authenticator/utils.mjs';
 export { getCustomFormFields, getDefaultFormFields, getFormFields, getSortedFormFields, removeOrderKeys } from './helpers/authenticator/formFields/formFields.mjs';
 export { DEFAULT_COUNTRY_CODE, defaultFormFieldsGetters, getAliasDefaultFormField } from './helpers/authenticator/formFields/defaults.mjs';
 export { applyTranslation, getPrimaryAlias, sortFormFields } from './helpers/authenticator/formFields/utils.mjs';

package/dist/esm/theme/tokens/components/checkbox.mjs

@@ -64,8 +64,11 @@ const checkbox = {
         },
     },
     label: {
+        color: { value: '{components.text.color.value}' },
         _disabled: {
-            color: { value: '{colors.font.disabled.value}' },
+            color: {
+                value: '{colors.font.disabled.value}',
+            },
         },
     },
 };

package/dist/index.js

@@ -1919,7 +1919,7 @@ const heDict$1 = {
     'Enter your Email': 'הכנס את המייל שלך',
     'Enter your phone number': 'הכנס את מספר הטלפון שלך',
     'Enter your username': 'הכנס את שם המתמש שלך',
-    'Forgot your password?': 'שחכת סיסמא ?',
+    'Forgot your password?': 'שכחת סיסמא ?',
     'Hide password': 'הסתר סיסמא',
     Loading: 'טוען',
     'New password': 'סיסמא חדשה',
@@ -2815,6 +2815,18 @@ const censorPhoneNumber = (val) => {
     }
     return split.join('');
 };
+// censors all but the first and last of the name of an email and keeps domain
+const censorEmail = (val) => {
+    const splitEmail = val.split('@');
+    const censoredName = censorAllButFirstAndLast(splitEmail[0]);
+    return `${censoredName}@${splitEmail[1]}`;
+};
+// based on the ContactMethod type, returns a censored contact value
+const censorContactMethod = (type, value) => {
+    return type === 'Phone Number'
+        ? censorPhoneNumber(value)
+        : censorEmail(value);
+};
 const hasSpecialChars = (password) => ALLOWED_SPECIAL_CHARACTERS.some((char) => password.includes(char));
 const getTotpCodeURL = (issuer, username, secret) => encodeURI(`otpauth://totp/${issuer}:${username}?secret=${secret}&issuer=${issuer}`);
 function trimValues(values, ...ignored) {
@@ -6036,8 +6048,11 @@ const checkbox = {
         },
     },
     label: {
+        color: { value: '{components.text.color.value}' },
         _disabled: {
-            color: { value: '{colors.font.disabled.value}' },
+            color: {
+                value: '{colors.font.disabled.value}',
+            },
         },
     },
 };
@@ -8323,6 +8338,8 @@ exports.authFieldsWithDefaults = authFieldsWithDefaults;
 exports.authenticatorTextUtil = authenticatorTextUtil;
 exports.capitalize = capitalize;
 exports.censorAllButFirstAndLast = censorAllButFirstAndLast;
+exports.censorContactMethod = censorContactMethod;
+exports.censorEmail = censorEmail;
 exports.censorPhoneNumber = censorPhoneNumber;
 exports.changePassword = changePassword;
 exports.classNameModifier = classNameModifier;

package/dist/styles/base.css

@@ -512,6 +512,7 @@
   --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-checkbox-label-color: var(--amplify-components-text-color);
   --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkboxfield-align-items: flex-start;
   --amplify-components-checkboxfield-align-content: center;

package/dist/styles/base.layer.css

@@ -513,6 +513,7 @@
   --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-checkbox-label-color: var(--amplify-components-text-color);
   --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkboxfield-align-items: flex-start;
   --amplify-components-checkboxfield-align-content: center;

package/dist/styles/checkbox.css

@@ -91,5 +91,8 @@
 }
 
 .amplify-checkbox__label {
-  color: inherit;
+  color: var(--amplify-components-checkbox-label-color);
+}
+.amplify-checkbox__label--disabled {
+  color: var(--amplify-components-checkbox-label-disabled-color);
 }

package/dist/styles/checkbox.layer.css

@@ -92,6 +92,9 @@
 }
 
 .amplify-checkbox__label {
-  color: inherit;
+  color: var(--amplify-components-checkbox-label-color);
+}
+.amplify-checkbox__label--disabled {
+  color: var(--amplify-components-checkbox-label-disabled-color);
 }
 }

package/dist/styles.css

@@ -512,6 +512,7 @@
   --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-checkbox-label-color: var(--amplify-components-text-color);
   --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkboxfield-align-items: flex-start;
   --amplify-components-checkboxfield-align-content: center;
@@ -3668,7 +3669,10 @@ strong.amplify-text {
 }
 
 .amplify-checkbox__label {
-  color: inherit;
+  color: var(--amplify-components-checkbox-label-color);
+}
+.amplify-checkbox__label--disabled {
+  color: var(--amplify-components-checkbox-label-disabled-color);
 }
 
 .amplify-checkboxfield {

package/dist/styles.layer.css

@@ -513,6 +513,7 @@
   --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-checkbox-label-color: var(--amplify-components-text-color);
   --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkboxfield-align-items: flex-start;
   --amplify-components-checkboxfield-align-content: center;
@@ -3669,7 +3670,10 @@ strong.amplify-text {
 }
 
 .amplify-checkbox__label {
-  color: inherit;
+  color: var(--amplify-components-checkbox-label-color);
+}
+.amplify-checkbox__label--disabled {
+  color: var(--amplify-components-checkbox-label-disabled-color);
 }
 
 .amplify-checkboxfield {

package/dist/theme.css

@@ -509,6 +509,7 @@
 --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
 --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
 --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+--amplify-components-checkbox-label-color: var(--amplify-components-text-color);
 --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
 --amplify-components-checkboxfield-align-items: flex-start;
 --amplify-components-checkboxfield-align-content: center;

package/dist/types/helpers/authenticator/utils.d.ts

@@ -1,5 +1,8 @@
+import type { ContactMethod } from '../../types';
 export declare const censorAllButFirstAndLast: (value: string) => string;
 export declare const censorPhoneNumber: (val: string) => string;
+export declare const censorEmail: (val: string) => string;
+export declare const censorContactMethod: (type: ContactMethod, value: string) => string;
 export declare const hasSpecialChars: (password: string) => boolean;
 export declare const getTotpCodeURL: (issuer: string, username: string, secret: string) => string;
 export declare function trimValues<T extends Record<string, string>>(values: T, ...ignored: string[]): T;

package/dist/types/theme/tokens/components/checkbox.d.ts

@@ -20,7 +20,7 @@ export type CheckboxTokens<Output extends OutputVariantKey> = DesignTokenPropert
     _disabled?: DesignTokenProperties<'cursor', Output>;
     button?: ButtonToken<Output>;
     icon?: IconToken<Output>;
-    label?: {
+    label?: DesignTokenProperties<'color', Output> & {
         _disabled?: DesignTokenProperties<'color', Output>;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "6.0.10",
+  "version": "6.0.11",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {