@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.
package/build/components/FollowerAuthenticationDialog/FollowerAuthenticationDialogProps.d.ts
CHANGED
|
@@ -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
|
-
?
|
|
732
|
-
|
|
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) {
|