diy-template-components 1.1.8 → 1.1.10
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/index.es.js +15 -8
- package/build/index.es.js.map +1 -1
- package/build/index.js +15 -8
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -2208,6 +2208,7 @@ const allColors = {
|
|
|
2208
2208
|
black: '#000000',
|
|
2209
2209
|
lightblack: '#333333',
|
|
2210
2210
|
gray: '#999999',
|
|
2211
|
+
bannerRed: "#EB5757",
|
|
2211
2212
|
// Blue gradient
|
|
2212
2213
|
|
|
2213
2214
|
blue: '#1676F3',
|
|
@@ -2269,7 +2270,7 @@ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
|
|
|
2269
2270
|
let themeColor = theme.split('-');
|
|
2270
2271
|
let color, gradient, darkMode;
|
|
2271
2272
|
if (themeColor.length === 1) {
|
|
2272
|
-
color = themeColor[0]
|
|
2273
|
+
color = themeColor[0] == 'default' ? 'blue' : themeColor[0];
|
|
2273
2274
|
} else if (themeColor.length === 2) {
|
|
2274
2275
|
color = themeColor[0];
|
|
2275
2276
|
gradient = themeColor[1];
|
|
@@ -2349,7 +2350,9 @@ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
|
|
|
2349
2350
|
white: allColors?.white,
|
|
2350
2351
|
black: allColors?.black,
|
|
2351
2352
|
lightblack: allColors?.lightblack,
|
|
2352
|
-
gray: allColors?.gray
|
|
2353
|
+
gray: allColors?.gray,
|
|
2354
|
+
bannerColor: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.bannerRed,
|
|
2355
|
+
bannerCtaColor: gradient ? allColors?.lightblack : allColors?.white
|
|
2353
2356
|
};
|
|
2354
2357
|
const typography = {
|
|
2355
2358
|
fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
|
|
@@ -7595,7 +7598,8 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7595
7598
|
offerText: {
|
|
7596
7599
|
textAlign: 'center',
|
|
7597
7600
|
color: theme?.colors?.lightblack,
|
|
7598
|
-
marginBottom: '5% !important'
|
|
7601
|
+
marginBottom: '5% !important',
|
|
7602
|
+
fontWeight: '700'
|
|
7599
7603
|
},
|
|
7600
7604
|
offerPrice: {
|
|
7601
7605
|
fontSize: theme.typography.fontSize.h5,
|
|
@@ -7655,8 +7659,9 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7655
7659
|
},
|
|
7656
7660
|
bannerContainer: {
|
|
7657
7661
|
width: '100%',
|
|
7658
|
-
background:
|
|
7659
|
-
color: theme?.colors?.
|
|
7662
|
+
background: theme?.colors?.bannerColor,
|
|
7663
|
+
color: theme?.colors?.bannerCtaColor,
|
|
7664
|
+
fontWeight: '600',
|
|
7660
7665
|
textAlign: 'center',
|
|
7661
7666
|
padding: '10px 10px 23px 40px',
|
|
7662
7667
|
wordWrap: 'break-word',
|
|
@@ -8095,7 +8100,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
|
|
|
8095
8100
|
|
|
8096
8101
|
offerText: {
|
|
8097
8102
|
textAlign: 'center',
|
|
8098
|
-
color: theme.palette.font.primary
|
|
8103
|
+
color: theme.palette.font.primary,
|
|
8104
|
+
fontWeight: '700'
|
|
8099
8105
|
},
|
|
8100
8106
|
offerPrice: {
|
|
8101
8107
|
fontSize: theme.typography.fontSize.h4,
|
|
@@ -8157,8 +8163,9 @@ const useCoursePromotionPage = createUseStyles(theme => {
|
|
|
8157
8163
|
|
|
8158
8164
|
bannerContainer: {
|
|
8159
8165
|
width: '100%',
|
|
8160
|
-
background:
|
|
8161
|
-
color: theme?.colors?.
|
|
8166
|
+
background: theme?.colors?.bannerColor,
|
|
8167
|
+
color: theme?.colors?.bannerCtaColor,
|
|
8168
|
+
fontWeight: '600',
|
|
8162
8169
|
textAlign: 'center',
|
|
8163
8170
|
padding: '10px 10px 23px 40px',
|
|
8164
8171
|
wordWrap: 'break-word',
|