@popmenu/common-ui 0.106.0 → 0.108.0

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.
@@ -21,7 +21,7 @@ export declare type ReducerState = {
21
21
  };
22
22
  export declare type ReducerStateValue = 'initial' | 'signUp' | 'emailFound' | 'indirectUserFound' | 'emailAuthCode' | 'emailPasswordSignIn' | 'phoneFound' | 'phoneAuthCode' | 'phonePasswordSignIn' | 'welcome';
23
23
  export declare type ClickEventType = 'submit-form' | 'click-close' | 'code-sent' | 'request-auth-code-email' | 'request-auth-code-sms' | 'close' | 'use-different-account' | 'sign-in-with-password' | 'sign-in-with-facebook' | 'sign-in-with-google';
24
- declare type MessageKey = `${ReducerStateValue}Title` | `${ReducerStateValue}Info` | `${ReducerStateValue}GraphicAlt` | 'indirectUserFoundLabel' | 'indirectUserFoundCtaButtonLabel' | 'indirectUserFoundCtaButtonLabelAlt' | 'signUpPhoneErrorText' | 'signUpPhoneInputLabel' | 'signUpNameInputLabel' | 'signUpEmailErrorText' | 'signUpEmailInputLabel' | 'signUpLocationErrorText' | 'signUpLocationInputLabel' | 'signUpBirthdaySectionLabel' | 'signUpMonthInputLabel' | 'signUpDayInputLabel' | 'signUp' | 'signUpFinePrint' | 'emailFoundInputLabel' | 'emailFoundCtaButtonLabel' | 'phoneFoundInputLabel' | 'phoneFoundCtaButtonLabel' | 'emailAuthCodeInputLabel' | 'phoneAuthCodeInputLabel' | 'resendAuthCode' | 'or' | 'popmenuLogoAlt' | 'continueWithFacebookButtonLabel' | 'continueWithGoogleButtonLabel' | 'initialCtaButtonLabel' | 'initialInputLabel' | 'passwordInputLabel' | 'poweredBy' | 'done' | 'signIn' | 'signInWithPassword';
24
+ export declare type MessageKey = `${ReducerStateValue}Title` | `${ReducerStateValue}Info` | `${ReducerStateValue}GraphicAlt` | 'indirectUserFoundLabel' | 'indirectUserFoundCtaButtonLabel' | 'indirectUserFoundCtaButtonLabelAlt' | 'signUpPhoneErrorText' | 'signUpPhoneInputLabel' | 'signUpNameInputLabel' | 'signUpEmailErrorText' | 'signUpEmailInputLabel' | 'signUpLocationErrorText' | 'signUpLocationInputLabel' | 'signUpBirthdaySectionLabel' | 'signUpMonthInputLabel' | 'signUpDayInputLabel' | 'signUp' | 'signUpFinePrint' | 'emailFoundInputLabel' | 'emailFoundCtaButtonLabel' | 'phoneFoundInputLabel' | 'phoneFoundCtaButtonLabel' | 'emailAuthCodeInputLabel' | 'phoneAuthCodeInputLabel' | 'resendAuthCode' | 'or' | 'popmenuLogoAlt' | 'continueWithFacebookButtonLabel' | 'continueWithGoogleButtonLabel' | 'initialCtaButtonLabel' | 'initialInputLabel' | 'passwordInputLabel' | 'poweredBy' | 'done' | 'signIn' | 'signInWithPassword';
25
25
  declare type LocationOption = {
26
26
  label: string;
27
27
  value: string;
package/build/index.es.js CHANGED
@@ -309,6 +309,7 @@ var useIconStyles = makeStyles(function (_a) {
309
309
  if (props.color) {
310
310
  if (semanticColors.includes(props.color.split('.')[0])) {
311
311
  var _a = props.color.split('.'), color = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
312
+ // @ts-expect-error - todo.
312
313
  value = palette[color][variant];
313
314
  }
314
315
  else if (props.color.search(/^(rgb|hsla|#)/) !== -1) {
@@ -569,6 +570,7 @@ var getBackground = function (theme) { return function (props) {
569
570
  }
570
571
  else if (severity) {
571
572
  var _a = backgrounds[severity].split('.'), color = _a[0], colorVariant = _a[1];
573
+ // @ts-expect-error - todo.
572
574
  background = theme.palette[color][colorVariant];
573
575
  }
574
576
  return background;
@@ -662,14 +664,18 @@ var getCustomColor = function (theme, color) {
662
664
  var isTextColor = color && ['textPrimary', 'textSecondary'].includes(color);
663
665
  switch (true) {
664
666
  case isCommonColor:
667
+ // @ts-expect-error - todo.
665
668
  return theme.palette.common[color];
666
669
  case Boolean(isGreyColor):
667
670
  var scale = color.split('.')[1];
671
+ // @ts-expect-error - todo.
668
672
  return theme.palette.grey[scale] || theme.palette.grey[900];
669
673
  case Boolean(isSemanticColor):
670
674
  var _a = color.split('.'), paletteKey = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
675
+ // @ts-expect-error - todo.
671
676
  return theme.palette[paletteKey][variant];
672
677
  case isTextColor:
678
+ // @ts-expect-error - todo.
673
679
  return theme.palette.text[color.slice(4).toLowerCase()];
674
680
  default:
675
681
  return undefined;
@@ -727,9 +733,12 @@ Typography.defaultProps = defaultTypographyProps;
727
733
 
728
734
  var getFadeStop = function (_a, typographyVariant) {
729
735
  var typography = _a.typography;
736
+ // @ts-expect-error - todo.
730
737
  return !isNaN(Number(typography[typographyVariant].lineHeight))
731
- ? typography[typographyVariant].lineHeight + "rem"
732
- : typography[typographyVariant].lineHeight;
738
+ ? // @ts-expect-error - todo.
739
+ typography[typographyVariant].lineHeight + "rem"
740
+ : // @ts-expect-error - todo.
741
+ typography[typographyVariant].lineHeight;
733
742
  };
734
743
  var useCollapsibleTextStyles = makeStyles(function (theme) { return ({
735
744
  overlay: {
@@ -792,6 +801,7 @@ var useStyles$5 = makeStyles(function (theme) { return ({
792
801
  var textColor = props.textColor;
793
802
  if (Object.values(SemanticColors).includes(textColor)) {
794
803
  var _a = textColor.split('.'), semanticColor = _a[0], shade = _a[1];
804
+ // @ts-expect-error - todo.
795
805
  return theme.palette[semanticColor][shade];
796
806
  }
797
807
  else if (textColor) {
@@ -808,6 +818,7 @@ var useStyles$5 = makeStyles(function (theme) { return ({
808
818
  var dividerColor = props.dividerColor;
809
819
  if (Object.values(SemanticColors).includes(dividerColor)) {
810
820
  var _a = dividerColor.split('.'), semanticColor = _a[0], shade = _a[1];
821
+ // @ts-expect-error - todo.
811
822
  return theme.palette[semanticColor][shade];
812
823
  }
813
824
  else if (dividerColor) {