@bbl-digital/snorre 4.0.0-beta.1 → 4.0.0-beta.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. package/dist/bundle.js +2 -2
  2. package/esm/layout/Menu/AppPicker/index.js +1 -1
  3. package/esm/layout/Menu/SecondaryMenu/index.js +1 -1
  4. package/lib/layout/Menu/AppPicker/index.js +1 -1
  5. package/lib/layout/Menu/SecondaryMenu/index.js +1 -1
  6. package/package.json +1 -1
  7. package/theme-bbls.js +3 -2
  8. package/theme-generator.js +3 -2
package/dist/bundle.js CHANGED
@@ -27936,7 +27936,7 @@
27936
27936
  })
27937
27937
  }) : /*#__PURE__*/jsxRuntime$1.jsx(Text, {
27938
27938
  semibold: true,
27939
- color: !lightTheme && !selected ? 'white' : !lightTheme && small ? 'white' : 'black',
27939
+ color: !lightTheme && !selected ? 'white' : !lightTheme && small ? theme.lightAppPickerActiveTextColor : 'black',
27940
27940
  size: fontSize,
27941
27941
  children: label
27942
27942
  })]
@@ -28104,7 +28104,7 @@
28104
28104
  "data-tracking-event": 'Menu toggle: ' + (!small ? 'collapse' : 'expand'),
28105
28105
  children: /*#__PURE__*/jsxRuntime$1.jsx(IconChevronLeft$1, {
28106
28106
  size: "9px",
28107
- color: lightTheme ? theme.primary : 'white'
28107
+ color: lightTheme ? theme.btnDefault : 'white'
28108
28108
  })
28109
28109
  }), !small && label && /*#__PURE__*/jsxRuntime$1.jsx(Text, {
28110
28110
  size: "10px",
package/esm/layout/Menu/AppPicker/index.js CHANGED
@@ -47,7 +47,7 @@ const AppPicker = ({
47
47
  })
48
48
  }) : /*#__PURE__*/_jsx(Text, {
49
49
  semibold: true,
50
- color: !lightTheme && !selected ? 'white' : !lightTheme && small ? 'white' : 'black',
50
+ color: !lightTheme && !selected ? 'white' : !lightTheme && small ? theme.lightAppPickerActiveTextColor : 'black',
51
51
  size: fontSize,
52
52
  children: label
53
53
  })]
package/esm/layout/Menu/SecondaryMenu/index.js CHANGED
@@ -30,7 +30,7 @@ const SecondaryMenu = ({
30
30
  "data-tracking-event": 'Menu toggle: ' + (!small ? 'collapse' : 'expand'),
31
31
  children: /*#__PURE__*/_jsx(IconChevronLeft, {
32
32
  size: "9px",
33
- color: lightTheme ? theme.primary : 'white'
33
+ color: lightTheme ? theme.btnDefault : 'white'
34
34
  })
35
35
  }), !small && label && /*#__PURE__*/_jsx(Text, {
36
36
  size: "10px",
package/lib/layout/Menu/AppPicker/index.js CHANGED
@@ -47,7 +47,7 @@ const AppPicker = ({
47
47
  })
48
48
  }) : /*#__PURE__*/_jsx(Text, {
49
49
  semibold: true,
50
- color: !lightTheme && !selected ? 'white' : !lightTheme && small ? 'white' : 'black',
50
+ color: !lightTheme && !selected ? 'white' : !lightTheme && small ? theme.lightAppPickerActiveTextColor : 'black',
51
51
  size: fontSize,
52
52
  children: label
53
53
  })]
package/lib/layout/Menu/SecondaryMenu/index.js CHANGED
@@ -30,7 +30,7 @@ const SecondaryMenu = ({
30
30
  "data-tracking-event": 'Menu toggle: ' + (!small ? 'collapse' : 'expand'),
31
31
  children: /*#__PURE__*/_jsx(IconChevronLeft, {
32
32
  size: "9px",
33
- color: lightTheme ? theme.primary : 'white'
33
+ color: lightTheme ? theme.btnDefault : 'white'
34
34
  })
35
35
  }), !small && label && /*#__PURE__*/_jsx(Text, {
36
36
  size: "10px",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "4.0.0-beta.1",
3
+ "version": "4.0.0-beta.2",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",
package/theme-bbls.js CHANGED
@@ -309,6 +309,7 @@ module.exports = [
309
309
  secondary: '#D24448',
310
310
  alpha: '0.04',
311
311
  secondaryFooter: true,
312
+ btnDefault: '#343e3e',
312
313
  submenuColor: '#F5F2EB',
313
314
  submenuItemColor: 'white',
314
315
  submenuTextColor: 'rgba(0, 0, 0, 0.7)',
@@ -323,8 +324,8 @@ module.exports = [
323
324
  lightMenuItemActiveBackground: '#343e3e',
324
325
  lightMenuItemIconColor: '#fcf1d3',
325
326
  lightMenuExternalLinkColor: 'white',
326
- lightAppPickerBackground: 'transparent',
327
- lightAppPickerIconColor: 'white',
327
+ lightAppPickerBackground: 'rgba(255, 255, 255, 0.3)',
328
+ lightAppPickerIconColor: '#343e3e',
328
329
  lightAppPickerIconBackground: 'transparent',
329
330
  lightAppPickerActiveTextColor: 'black',
330
331
  lightAppPickerActiveBackground: 'white',
package/theme-generator.js CHANGED
@@ -175,6 +175,7 @@ const initTheme = (
175
175
  lightAppPickerIconBackground: lightAppPickerIconBackground
176
176
  ? lightAppPickerIconBackground
177
177
  : hexifyWithWhiteBackground('rgba(255, 255, 255, 0.7)'),
178
+ lightAppPickerTextColor: getContrastYIQ(lightMenuBackground || '#ffffff'),
178
179
  lightAppPickerActiveTextColor: lightAppPickerActiveTextColor
179
180
  ? lightAppPickerActiveTextColor
180
181
  : 'black',
@@ -183,7 +184,7 @@ const initTheme = (
183
184
  : hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
184
185
  lightAppPickerActiveIconColor: lightAppPickerActiveIconColor
185
186
  ? lightAppPickerActiveIconColor
186
- : '#000000',
187
+ : primary,
187
188
  lightAppPickerActiveIconBackground: lightAppPickerActiveIconBackground
188
189
  ? lightAppPickerActiveIconBackground
189
190
  : '#ffffff',
@@ -206,7 +207,7 @@ const initTheme = (
206
207
  /**
207
208
  * Sidemenu - Light
208
209
  */
209
- lightMenuBackground: lightMenuBackground ? lightMenuBackground : 'white',
210
+ lightMenuBackground: lightMenuBackground ? lightMenuBackground : '#ffffff',
210
211
  lightMenuTextColor: lightMenuTextColor ? lightMenuTextColor : 'black',
211
212
  lightMenuItemTextColor: lightMenuItemTextColor
212
213
  ? lightMenuItemTextColor