diy-template-components 1.1.9 → 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 +14 -7
- package/build/index.es.js.map +1 -1
- package/build/index.js +14 -7
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -2224,6 +2224,7 @@ const allColors = {
|
|
|
2224
2224
|
black: '#000000',
|
|
2225
2225
|
lightblack: '#333333',
|
|
2226
2226
|
gray: '#999999',
|
|
2227
|
+
bannerRed: "#EB5757",
|
|
2227
2228
|
// Blue gradient
|
|
2228
2229
|
|
|
2229
2230
|
blue: '#1676F3',
|
|
@@ -2365,7 +2366,9 @@ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
|
|
|
2365
2366
|
white: allColors?.white,
|
|
2366
2367
|
black: allColors?.black,
|
|
2367
2368
|
lightblack: allColors?.lightblack,
|
|
2368
|
-
gray: allColors?.gray
|
|
2369
|
+
gray: allColors?.gray,
|
|
2370
|
+
bannerColor: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.bannerRed,
|
|
2371
|
+
bannerCtaColor: gradient ? allColors?.lightblack : allColors?.white
|
|
2369
2372
|
};
|
|
2370
2373
|
const typography = {
|
|
2371
2374
|
fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
|
|
@@ -7611,7 +7614,8 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7611
7614
|
offerText: {
|
|
7612
7615
|
textAlign: 'center',
|
|
7613
7616
|
color: theme?.colors?.lightblack,
|
|
7614
|
-
marginBottom: '5% !important'
|
|
7617
|
+
marginBottom: '5% !important',
|
|
7618
|
+
fontWeight: '700'
|
|
7615
7619
|
},
|
|
7616
7620
|
offerPrice: {
|
|
7617
7621
|
fontSize: theme.typography.fontSize.h5,
|
|
@@ -7671,8 +7675,9 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7671
7675
|
},
|
|
7672
7676
|
bannerContainer: {
|
|
7673
7677
|
width: '100%',
|
|
7674
|
-
background:
|
|
7675
|
-
color: theme?.colors?.
|
|
7678
|
+
background: theme?.colors?.bannerColor,
|
|
7679
|
+
color: theme?.colors?.bannerCtaColor,
|
|
7680
|
+
fontWeight: '600',
|
|
7676
7681
|
textAlign: 'center',
|
|
7677
7682
|
padding: '10px 10px 23px 40px',
|
|
7678
7683
|
wordWrap: 'break-word',
|
|
@@ -8111,7 +8116,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
|
|
|
8111
8116
|
|
|
8112
8117
|
offerText: {
|
|
8113
8118
|
textAlign: 'center',
|
|
8114
|
-
color: theme.palette.font.primary
|
|
8119
|
+
color: theme.palette.font.primary,
|
|
8120
|
+
fontWeight: '700'
|
|
8115
8121
|
},
|
|
8116
8122
|
offerPrice: {
|
|
8117
8123
|
fontSize: theme.typography.fontSize.h4,
|
|
@@ -8173,8 +8179,9 @@ const useCoursePromotionPage = createUseStyles(theme => {
|
|
|
8173
8179
|
|
|
8174
8180
|
bannerContainer: {
|
|
8175
8181
|
width: '100%',
|
|
8176
|
-
background:
|
|
8177
|
-
color: theme?.colors?.
|
|
8182
|
+
background: theme?.colors?.bannerColor,
|
|
8183
|
+
color: theme?.colors?.bannerCtaColor,
|
|
8184
|
+
fontWeight: '600',
|
|
8178
8185
|
textAlign: 'center',
|
|
8179
8186
|
padding: '10px 10px 23px 40px',
|
|
8180
8187
|
wordWrap: 'break-word',
|