@comicrelief/component-library 8.11.0 → 8.12.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.
@@ -79,7 +79,7 @@ jobs:
79
79
  run: yarn install --frozen-lockfile --ignore-scripts
80
80
 
81
81
  - name: Install playwright browsers
82
- run: yarn playwright install --with-deps chromium
82
+ run: yarn playwright install chromium
83
83
 
84
84
  - name: Run end-to-end tests
85
85
  run: yarn test:e2e:ci
@@ -1,17 +1,20 @@
1
1
  ### Comic Relief
2
-
3
2
  ```js
4
- <SocialIcons campaign="comicrelief" />
3
+ <div style={{ background: "black", padding: "10px"}}>
4
+ <SocialIcons campaign="comicrelief" />
5
+ </div>
5
6
  ```
6
7
 
7
8
  ### Red Nose Day
8
-
9
9
  ```js
10
- <SocialIcons campaign="rednoseday" />
10
+ <div style={{ background: "black", padding: "10px"}}>
11
+ <SocialIcons campaign="rednoseday" />
12
+ </div>
11
13
  ```
12
14
 
13
15
  ### Sport Relief with self target
14
-
15
16
  ```js
16
- <SocialIcons campaign="sportrelief" target="self" />
17
+ <div style={{ background: "black", padding: "10px"}}>
18
+ <SocialIcons campaign="sportrelief" target="self" />
19
+ </div>
17
20
  ```
@@ -63,6 +63,14 @@ const colors = {
63
63
  rnd_24_teal_dark: '#2B7C77',
64
64
  rnd_24_pink_dark: '#A67E94',
65
65
  rnd_24_blue: '#3367AF',
66
+ rnd_25_ruby_red: '#AE001B',
67
+ rnd_25_glitzy_grape: '#A20C51',
68
+ rnd_25_glitzy_blue: '#0F1953',
69
+ rnd_25_glitzy_purple: '#3A1F62',
70
+ rnd_25_glitzy_black: '#2B3737',
71
+ rnd_25_party_pink: '#FF9DEC',
72
+ rnd_25_party_blue: '#004EFF',
73
+ rnd_25_party_lilac: '#B07FEA',
66
74
  teal: '#4ECDBE',
67
75
  teal_dark: '#13767C',
68
76
  teal_light: '#86E4E9',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@comicrelief/component-library",
3
3
  "author": "Comic Relief Engineering Team",
4
- "version": "8.11.0",
4
+ "version": "8.12.1",
5
5
  "main": "dist/index.js",
6
6
  "license": "ISC",
7
7
  "jest": {
@@ -1,17 +1,20 @@
1
1
  ### Comic Relief
2
-
3
2
  ```js
4
- <SocialIcons campaign="comicrelief" />
3
+ <div style={{ background: "black", padding: "10px"}}>
4
+ <SocialIcons campaign="comicrelief" />
5
+ </div>
5
6
  ```
6
7
 
7
8
  ### Red Nose Day
8
-
9
9
  ```js
10
- <SocialIcons campaign="rednoseday" />
10
+ <div style={{ background: "black", padding: "10px"}}>
11
+ <SocialIcons campaign="rednoseday" />
12
+ </div>
11
13
  ```
12
14
 
13
15
  ### Sport Relief with self target
14
-
15
16
  ```js
16
- <SocialIcons campaign="sportrelief" target="self" />
17
+ <div style={{ background: "black", padding: "10px"}}>
18
+ <SocialIcons campaign="sportrelief" target="self" />
19
+ </div>
17
20
  ```
@@ -57,6 +57,14 @@ const colors = {
57
57
  rnd_24_teal_dark: '#2B7C77',
58
58
  rnd_24_pink_dark: '#A67E94',
59
59
  rnd_24_blue: '#3367AF',
60
+ rnd_25_ruby_red: '#AE001B',
61
+ rnd_25_glitzy_grape: '#A20C51',
62
+ rnd_25_glitzy_blue: '#0F1953',
63
+ rnd_25_glitzy_purple: '#3A1F62',
64
+ rnd_25_glitzy_black: '#2B3737',
65
+ rnd_25_party_pink: '#FF9DEC',
66
+ rnd_25_party_blue: '#004EFF',
67
+ rnd_25_party_lilac: '#B07FEA',
60
68
  teal: '#4ECDBE',
61
69
  teal_dark: '#13767C',
62
70
  teal_light: '#86E4E9',