diy-template-components 2.0.0 → 2.0.1
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 +9 -7
- package/build/index.es.js.map +1 -1
- package/build/index.js +9 -7
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -73,7 +73,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
73
73
|
height: '60px'
|
|
74
74
|
},
|
|
75
75
|
headerContainer: {
|
|
76
|
-
background: theme?.
|
|
76
|
+
background: theme?.colors?.white,
|
|
77
77
|
boxShadow: theme?.shadows?.primary,
|
|
78
78
|
padding: '20px 40px',
|
|
79
79
|
display: 'flex',
|
|
@@ -131,11 +131,11 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
131
131
|
lineHeight: '20px',
|
|
132
132
|
display: 'flex',
|
|
133
133
|
alignItems: 'center',
|
|
134
|
-
color: theme
|
|
134
|
+
color: theme?.colors?.headerText,
|
|
135
135
|
padding: '20px',
|
|
136
136
|
'&:hover': {
|
|
137
137
|
cursor: 'pointer',
|
|
138
|
-
background: theme
|
|
138
|
+
background: theme?.colors?.headerHover,
|
|
139
139
|
borderRadius: theme?.shape?.borderRadius?.small
|
|
140
140
|
}
|
|
141
141
|
},
|
|
@@ -144,7 +144,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
144
144
|
alignItems: 'center',
|
|
145
145
|
justifyContent: 'space-between',
|
|
146
146
|
padding: '18px 24px 18px 16px',
|
|
147
|
-
background: theme?.
|
|
147
|
+
background: theme?.colors?.white,
|
|
148
148
|
boxShadow: theme?.shadows?.primary,
|
|
149
149
|
position: ({
|
|
150
150
|
isFixed
|
|
@@ -220,7 +220,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
220
220
|
height: '100%'
|
|
221
221
|
},
|
|
222
222
|
menuContainer: {
|
|
223
|
-
background: theme?.
|
|
223
|
+
background: theme?.colors?.white,
|
|
224
224
|
boxShadow: theme.shadows.secondary,
|
|
225
225
|
width: '75%',
|
|
226
226
|
height: '100%',
|
|
@@ -2291,7 +2291,7 @@ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
|
|
|
2291
2291
|
let themeColor = theme.split('-');
|
|
2292
2292
|
let color, gradient, darkMode;
|
|
2293
2293
|
if (themeColor.length === 1) {
|
|
2294
|
-
color = themeColor[0] == 'default' ? '
|
|
2294
|
+
color = themeColor[0] == 'default' ? 'skyblue' : themeColor[0];
|
|
2295
2295
|
} else if (themeColor.length === 2) {
|
|
2296
2296
|
color = themeColor[0];
|
|
2297
2297
|
gradient = themeColor[1];
|
|
@@ -2373,7 +2373,9 @@ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
|
|
|
2373
2373
|
lightblack: allColors?.lightblack,
|
|
2374
2374
|
gray: allColors?.gray,
|
|
2375
2375
|
bannerColor: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.bannerRed,
|
|
2376
|
-
bannerCtaColor: gradient ? allColors?.lightblack : allColors?.white
|
|
2376
|
+
bannerCtaColor: gradient ? allColors?.lightblack : allColors?.white,
|
|
2377
|
+
headerText: allColors[color],
|
|
2378
|
+
headerHover: allColors['tertiary' + color]
|
|
2377
2379
|
};
|
|
2378
2380
|
const typography = {
|
|
2379
2381
|
fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
|