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.es.js
CHANGED
|
@@ -57,7 +57,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
57
57
|
height: '60px'
|
|
58
58
|
},
|
|
59
59
|
headerContainer: {
|
|
60
|
-
background: theme?.
|
|
60
|
+
background: theme?.colors?.white,
|
|
61
61
|
boxShadow: theme?.shadows?.primary,
|
|
62
62
|
padding: '20px 40px',
|
|
63
63
|
display: 'flex',
|
|
@@ -115,11 +115,11 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
115
115
|
lineHeight: '20px',
|
|
116
116
|
display: 'flex',
|
|
117
117
|
alignItems: 'center',
|
|
118
|
-
color: theme
|
|
118
|
+
color: theme?.colors?.headerText,
|
|
119
119
|
padding: '20px',
|
|
120
120
|
'&:hover': {
|
|
121
121
|
cursor: 'pointer',
|
|
122
|
-
background: theme
|
|
122
|
+
background: theme?.colors?.headerHover,
|
|
123
123
|
borderRadius: theme?.shape?.borderRadius?.small
|
|
124
124
|
}
|
|
125
125
|
},
|
|
@@ -128,7 +128,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
128
128
|
alignItems: 'center',
|
|
129
129
|
justifyContent: 'space-between',
|
|
130
130
|
padding: '18px 24px 18px 16px',
|
|
131
|
-
background: theme?.
|
|
131
|
+
background: theme?.colors?.white,
|
|
132
132
|
boxShadow: theme?.shadows?.primary,
|
|
133
133
|
position: ({
|
|
134
134
|
isFixed
|
|
@@ -204,7 +204,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
|
|
|
204
204
|
height: '100%'
|
|
205
205
|
},
|
|
206
206
|
menuContainer: {
|
|
207
|
-
background: theme?.
|
|
207
|
+
background: theme?.colors?.white,
|
|
208
208
|
boxShadow: theme.shadows.secondary,
|
|
209
209
|
width: '75%',
|
|
210
210
|
height: '100%',
|
|
@@ -2275,7 +2275,7 @@ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
|
|
|
2275
2275
|
let themeColor = theme.split('-');
|
|
2276
2276
|
let color, gradient, darkMode;
|
|
2277
2277
|
if (themeColor.length === 1) {
|
|
2278
|
-
color = themeColor[0] == 'default' ? '
|
|
2278
|
+
color = themeColor[0] == 'default' ? 'skyblue' : themeColor[0];
|
|
2279
2279
|
} else if (themeColor.length === 2) {
|
|
2280
2280
|
color = themeColor[0];
|
|
2281
2281
|
gradient = themeColor[1];
|
|
@@ -2357,7 +2357,9 @@ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
|
|
|
2357
2357
|
lightblack: allColors?.lightblack,
|
|
2358
2358
|
gray: allColors?.gray,
|
|
2359
2359
|
bannerColor: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.bannerRed,
|
|
2360
|
-
bannerCtaColor: gradient ? allColors?.lightblack : allColors?.white
|
|
2360
|
+
bannerCtaColor: gradient ? allColors?.lightblack : allColors?.white,
|
|
2361
|
+
headerText: allColors[color],
|
|
2362
|
+
headerHover: allColors['tertiary' + color]
|
|
2361
2363
|
};
|
|
2362
2364
|
const typography = {
|
|
2363
2365
|
fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
|