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

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 (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