react-gldn-kit 0.1.113 → 0.1.115
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/index.js +1 -1
- package/dist/lib/components/Banners/index.js +1 -2
- package/dist/lib/components/Banners/types.d.ts +1 -2
- package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/EmailConfirmation/index.js +1 -0
- package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmation/index.js +1 -0
- package/dist/lib/components/Modals/Alert/index.js +3 -1
- package/dist/main.css +32 -4
- package/package.json +1 -1
|
@@ -74,8 +74,7 @@ var Banners = function (props) {
|
|
|
74
74
|
}
|
|
75
75
|
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.embla }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaViewport, ref: emblaRef }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaContainer }, { children: banners.map(function (adaptedBanner, index) {
|
|
76
76
|
var _a;
|
|
77
|
-
var _b = adaptedBanner.backgroundSliderType, backgroundSliderType = _b === void 0 ? types_1.EBackgroundSliderType.Half : _b, titleClasses = adaptedBanner.titleClasses, subTitleClasses = adaptedBanner.subTitleClasses,
|
|
78
|
-
var path = isMobile ? mobile : desktop;
|
|
77
|
+
var _b = adaptedBanner.backgroundSliderType, backgroundSliderType = _b === void 0 ? types_1.EBackgroundSliderType.Half : _b, titleClasses = adaptedBanner.titleClasses, subTitleClasses = adaptedBanner.subTitleClasses, path = adaptedBanner.path;
|
|
79
78
|
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.emblaSlide, (_a = {},
|
|
80
79
|
_a[styles.half] = backgroundSliderType === types_1.EBackgroundSliderType.Half,
|
|
81
80
|
_a[styles.full] = backgroundSliderType === types_1.EBackgroundSliderType.Full,
|
|
@@ -109,6 +109,7 @@ var EmailConfirmation = function () {
|
|
|
109
109
|
}, [notifications]);
|
|
110
110
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column, (_a = {},
|
|
111
111
|
_a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
|
|
112
|
+
_a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
|
|
112
113
|
_a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
|
|
113
114
|
_a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
|
|
114
115
|
_a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
|
|
@@ -111,6 +111,7 @@ var NumberConfirmation = function () {
|
|
|
111
111
|
}, [notifications]);
|
|
112
112
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column, (_a = {},
|
|
113
113
|
_a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
|
|
114
|
+
_a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
|
|
114
115
|
_a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
|
|
115
116
|
_a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
|
|
116
117
|
_a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
|
|
@@ -294,7 +294,9 @@ var Alerts = function (props) {
|
|
|
294
294
|
_c[styles.yellowSignUp] = (modalType === types_1.EModalTypes.SignIn ||
|
|
295
295
|
modalType === types_1.EModalTypes.SignUp ||
|
|
296
296
|
modalType === types_1.EModalTypes.LostPassword ||
|
|
297
|
-
modalType === types_1.EModalTypes.SetNewPassword
|
|
297
|
+
modalType === types_1.EModalTypes.SetNewPassword ||
|
|
298
|
+
modalType === types_1.EModalTypes.NumberConfirmation ||
|
|
299
|
+
modalType === types_1.EModalTypes.EmailConfirmation) &&
|
|
298
300
|
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseYellow,
|
|
299
301
|
_c[styles.whiteSignUp] = (modalType === types_1.EModalTypes.SignIn ||
|
|
300
302
|
modalType === types_1.EModalTypes.SignUp ||
|
package/dist/main.css
CHANGED
|
@@ -4436,6 +4436,17 @@
|
|
|
4436
4436
|
--input-code-color: var(--base-1000);
|
|
4437
4437
|
}
|
|
4438
4438
|
|
|
4439
|
+
.KIT__NumberConfirmation-module__yellow___23F74 {
|
|
4440
|
+
--button-primary-border: none;
|
|
4441
|
+
--button-color-primary-text: var(--base-1000);
|
|
4442
|
+
--button-color-primary: linear-gradient(
|
|
4443
|
+
90deg,
|
|
4444
|
+
rgba(255, 222, 106, 1) 23%,
|
|
4445
|
+
rgba(224, 168, 37, 1) 67%
|
|
4446
|
+
);
|
|
4447
|
+
--input-code-background: rgba(36, 36, 36, 1);
|
|
4448
|
+
}
|
|
4449
|
+
|
|
4439
4450
|
.KIT__NumberConfirmation-module__whiteYellow___CGY2s,
|
|
4440
4451
|
.KIT__NumberConfirmation-module__whiteBlue___TnqTv,
|
|
4441
4452
|
.KIT__NumberConfirmation-module__whitePurple___oh3mh {
|
|
@@ -4449,7 +4460,7 @@
|
|
|
4449
4460
|
}
|
|
4450
4461
|
|
|
4451
4462
|
.KIT__NumberConfirmation-module__whiteYellow___CGY2s {
|
|
4452
|
-
--number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1)
|
|
4463
|
+
--number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1);
|
|
4453
4464
|
--button-color-primary: rgb(252, 212, 53);
|
|
4454
4465
|
}
|
|
4455
4466
|
|
|
@@ -4506,7 +4517,10 @@
|
|
|
4506
4517
|
|
|
4507
4518
|
.KIT__NumberConfirmation-module__resendCode___zdM3H span {
|
|
4508
4519
|
color: rgba(69, 118, 244, 1);
|
|
4509
|
-
color: var(
|
|
4520
|
+
color: var(
|
|
4521
|
+
--number-confirmation-resend-code-span-color,
|
|
4522
|
+
rgba(69, 118, 244, 1)
|
|
4523
|
+
);
|
|
4510
4524
|
font-weight: 600;
|
|
4511
4525
|
}
|
|
4512
4526
|
|
|
@@ -4531,6 +4545,17 @@
|
|
|
4531
4545
|
--input-code-color: var(--base-1000);
|
|
4532
4546
|
}
|
|
4533
4547
|
|
|
4548
|
+
.KIT__EmailConfirmation-module__yellow___Y6bwe {
|
|
4549
|
+
--button-primary-border: none;
|
|
4550
|
+
--button-color-primary-text: var(--base-1000);
|
|
4551
|
+
--button-color-primary: linear-gradient(
|
|
4552
|
+
90deg,
|
|
4553
|
+
rgba(255, 222, 106, 1) 23%,
|
|
4554
|
+
rgba(224, 168, 37, 1) 67%
|
|
4555
|
+
);
|
|
4556
|
+
--input-code-background: rgba(36, 36, 36, 1);
|
|
4557
|
+
}
|
|
4558
|
+
|
|
4534
4559
|
.KIT__EmailConfirmation-module__whiteYellow___dLQLm,
|
|
4535
4560
|
.KIT__EmailConfirmation-module__whiteBlue___rLt8v,
|
|
4536
4561
|
.KIT__EmailConfirmation-module__whitePurple___Xh7x8 {
|
|
@@ -4544,7 +4569,7 @@
|
|
|
4544
4569
|
}
|
|
4545
4570
|
|
|
4546
4571
|
.KIT__EmailConfirmation-module__whiteYellow___dLQLm {
|
|
4547
|
-
--number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1)
|
|
4572
|
+
--number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1);
|
|
4548
4573
|
--button-color-primary: rgb(252, 212, 53);
|
|
4549
4574
|
}
|
|
4550
4575
|
|
|
@@ -4600,7 +4625,10 @@
|
|
|
4600
4625
|
|
|
4601
4626
|
.KIT__EmailConfirmation-module__resendCode___zy06h span {
|
|
4602
4627
|
color: rgba(69, 118, 244, 1);
|
|
4603
|
-
color: var(
|
|
4628
|
+
color: var(
|
|
4629
|
+
--number-confirmation-resend-code-span-color,
|
|
4630
|
+
rgba(69, 118, 244, 1)
|
|
4631
|
+
);
|
|
4604
4632
|
font-weight: 600;
|
|
4605
4633
|
}
|
|
4606
4634
|
|