@bbl-digital/snorre 2.2.0-beta.2 → 2.2.0-beta.4

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.
Files changed (5) hide show
  1. package/dist/bundle.js +1 -1
  2. package/esm/app-shell/theme.js +1 -1
  3. package/lib/app-shell/theme.js +1 -1
  4. package/package.json +1 -1
  5. package/theme-generator.js +14 -7
package/dist/bundle.js CHANGED
@@ -66,7 +66,7 @@
66
66
  illustrationPrimary10: values.illustrationPrimary10 ? values.illustrationPrimary10 : '#E2E9F7',
67
67
  illustrationPrimary5: values.illustrationPrimary5 ? values.illustrationPrimary5 : '#EDF1F8',
68
68
  sidemenuColor: values.sidemenuColor ? values.sidemenuColor : 'linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(#1657E2, #1657E2)',
69
- sidemenuItemColor: values.sidemenuItemColor ? values.sidemenuColor : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(#1657E2, #1657E2)',
69
+ sidemenuItemColor: values.sidemenuItemColor ? values.sidemenuItemColor : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(#1657E2, #1657E2)',
70
70
  submenuColor: values.submenuColor ? values.submenuColor : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(#1657E2, #1657E2)',
71
71
  submenuItemColor: values.submenuItemColor ? values.submenuItemColor : '#0b2b71',
72
72
  submenuTextColor: values.submenuTextColor ? values.submenuTextColor : 'rgba(255, 255, 255, 0.7)',
package/esm/app-shell/theme.js CHANGED
@@ -53,7 +53,7 @@ export const initTheme = (values, defaultTextColor) => {
53
53
  illustrationPrimary10: values.illustrationPrimary10 ? values.illustrationPrimary10 : '#E2E9F7',
54
54
  illustrationPrimary5: values.illustrationPrimary5 ? values.illustrationPrimary5 : '#EDF1F8',
55
55
  sidemenuColor: values.sidemenuColor ? values.sidemenuColor : 'linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(#1657E2, #1657E2)',
56
- sidemenuItemColor: values.sidemenuItemColor ? values.sidemenuColor : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(#1657E2, #1657E2)',
56
+ sidemenuItemColor: values.sidemenuItemColor ? values.sidemenuItemColor : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(#1657E2, #1657E2)',
57
57
  submenuColor: values.submenuColor ? values.submenuColor : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(#1657E2, #1657E2)',
58
58
  submenuItemColor: values.submenuItemColor ? values.submenuItemColor : '#0b2b71',
59
59
  submenuTextColor: values.submenuTextColor ? values.submenuTextColor : 'rgba(255, 255, 255, 0.7)',
package/lib/app-shell/theme.js CHANGED
@@ -53,7 +53,7 @@ export const initTheme = (values, defaultTextColor) => {
53
53
  illustrationPrimary10: values.illustrationPrimary10 ? values.illustrationPrimary10 : '#E2E9F7',
54
54
  illustrationPrimary5: values.illustrationPrimary5 ? values.illustrationPrimary5 : '#EDF1F8',
55
55
  sidemenuColor: values.sidemenuColor ? values.sidemenuColor : 'linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(#1657E2, #1657E2)',
56
- sidemenuItemColor: values.sidemenuItemColor ? values.sidemenuColor : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(#1657E2, #1657E2)',
56
+ sidemenuItemColor: values.sidemenuItemColor ? values.sidemenuItemColor : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(#1657E2, #1657E2)',
57
57
  submenuColor: values.submenuColor ? values.submenuColor : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(#1657E2, #1657E2)',
58
58
  submenuItemColor: values.submenuItemColor ? values.submenuItemColor : '#0b2b71',
59
59
  submenuTextColor: values.submenuTextColor ? values.submenuTextColor : 'rgba(255, 255, 255, 0.7)',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "2.2.0-beta.2",
3
+ "version": "2.2.0-beta.4",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",
package/theme-generator.js CHANGED
@@ -10,12 +10,13 @@ const initTheme = (
10
10
  submenuColor,
11
11
  submenuItemColor,
12
12
  submenuTextColor,
13
- submenuTextColorActive
13
+ submenuTextColorActive,
14
+ customBgColor
14
15
  ) => {
15
16
  const styles = {
16
17
  primary: primary,
17
18
  secondary: secondary,
18
- bg: hexToRGBA(primary, bgalpha),
19
+ bg: customBgColor ? customBgColor : hexToRGBA(primary, bgalpha),
19
20
  primary10opa: hexToRGBA(primary, 0.1),
20
21
  primary20opa: hexToRGBA(primary, 0.2),
21
22
  primary50opa: hexToRGBA(primary, 0.5),
@@ -158,7 +159,8 @@ const updateTheme = (bbl) => {
158
159
  b.theme.submenuColor,
159
160
  b.theme.submenuItemColor,
160
161
  b.theme.submenuTextColor,
161
- b.theme.submenuTextColorActive
162
+ b.theme.submenuTextColorActive,
163
+ b.theme.customBgColor
162
164
  )
163
165
  } else {
164
166
  for (const b of bbls) {
@@ -173,7 +175,8 @@ const updateTheme = (bbl) => {
173
175
  b.theme.submenuColor,
174
176
  b.theme.submenuItemColor,
175
177
  b.theme.submenuTextColor,
176
- b.theme.submenuTextColorActive
178
+ b.theme.submenuTextColorActive,
179
+ b.theme.customBgColor
177
180
  )
178
181
  }
179
182
  }
@@ -190,7 +193,8 @@ const updateBbl = (
190
193
  submenuColor,
191
194
  submenuItemColor,
192
195
  submenuTextColor,
193
- submenuTextColorActive
196
+ submenuTextColorActive,
197
+ customBgColor
194
198
  ) => {
195
199
  let data = JSON.stringify(
196
200
  initTheme(
@@ -203,7 +207,8 @@ const updateBbl = (
203
207
  submenuColor,
204
208
  submenuItemColor,
205
209
  submenuTextColor,
206
- submenuTextColorActive
210
+ submenuTextColorActive,
211
+ customBgColor
207
212
  )
208
213
  )
209
214
  console.log(data)
@@ -479,6 +484,8 @@ const bbls = [
479
484
  submenuItemColor: 'white',
480
485
  submenuTextColor: 'rgba(0, 0, 0, 0.7)',
481
486
  submenuTextColorActive: 'black',
487
+ customBgColor: '#FCFBF8',
488
+ portalFooterColor: '#343E40',
482
489
  },
483
490
  },
484
491
  {
@@ -577,4 +584,4 @@ const bbls = [
577
584
  },
578
585
  ]
579
586
 
580
- updateTheme()
587
+ updateTheme('usbl')