Skip to content
This repository was archived by the owner on Apr 26, 2024. It is now read-only.

Commit 51d180f

Browse files
DiogoSoaressDiogoSoaress
authored
style: change theme background color (#190)
* style: update theme background color and snapshots * chore: bump version
1 parent 93a9874 commit 51d180f

File tree

13 files changed

+143
-142
lines changed

13 files changed

+143
-142
lines changed

‎.storybook/gnosisTheme.js‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import { create } from '@storybook/theming/create';
2+
import theme from '../src/theme.ts';
23

34
export default create({
4-
base: '#f7f5f5',
5+
base: theme.colors.background,
56

67
colorPrimary: '#008C73',
78
colorSecondary: '#005546',
@@ -10,7 +11,7 @@ export default create({
1011
appBg: 'white',
1112
appContentBg: 'white',
1213
appBorderColor: 'grey',
13-
appBorderRadius: 4,
14+
appBorderRadius: 4,
1415

1516
// Text colors
1617
textColor: '#333333',

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@gnosis.pm/safe-react-components",
3-
"version": "1.1.1",
3+
"version": "1.1.2",
44
"description": "Gnosis UI components",
55
"main": "dist/index.min.js",
66
"typings": "dist/index.d.ts",

‎src/dataDisplay/FixedIcon/images/networkError.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const icon = (
2424
r="11"
2525
fill="#FFC05F"
2626
fillRule="nonzero"
27-
stroke="#F7F5F5"
27+
stroke="#F6F7F8"
2828
strokeWidth="4"
2929
/>
3030
</g>

‎src/dataDisplay/FixedIcon/images/notOwner.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const icon = (
1010
<path d="M0 0H108V96H0z" opacity=".557" />
1111
<g>
1212
<path
13-
fill="#F7F5F5"
13+
fill="#F6F7F8"
1414
d="M49 0c25.405 0 46 20.595 46 46S74.405 92 49 92 3 71.405 3 46 23.595 0 49 0"
1515
transform="translate(5 4)"
1616
/>

‎src/theme.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const theme = {
2727
rinkeby: '#E8673C',
2828
pendingTagHover: '#FBE5C5',
2929
tag: '#D4D5D3',
30-
background: '#F7F5F5',
30+
background: '#F6F7F8',
3131
white: '#ffffff',
3232
warning: '#FFC05F',
3333
pending: '#E8663D',

‎tests/__snapshots__/colors.stories.storyshot‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -468,8 +468,8 @@ exports[`Storyshots Utils/Colors Colors Sample 1`] = `
468468
className="sc-bTfYFJ itQCBQ"
469469
>
470470
<div
471-
className="sc-kHOZwM dEEZcu"
472-
color="#F7F5F5"
471+
className="sc-kHOZwM jZPnTU"
472+
color="#F6F7F8"
473473
/>
474474
<p
475475
className="sc-crHmcD kMPEWD"
@@ -481,7 +481,7 @@ exports[`Storyshots Utils/Colors Colors Sample 1`] = `
481481
className="sc-crHmcD kMPEWD"
482482
size="md"
483483
>
484-
#F7F5F5
484+
#F6F7F8
485485
</p>
486486
</div>
487487
<div

‎tests/dataDisplay/Accordion/__snapshots__/accordion.stories.storyshot‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ exports[`Storyshots Data Display/Accordion Compact Accordion 1`] = `
1818
<div
1919
aria-disabled={false}
2020
aria-expanded={false}
21-
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye gBiUvy"
21+
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye jLnYUe"
2222
onBlur={[Function]}
2323
onClick={[Function]}
2424
onDragLeave={[Function]}
@@ -148,7 +148,7 @@ exports[`Storyshots Data Display/Accordion Compact Accordion 1`] = `
148148
<div
149149
aria-disabled={false}
150150
aria-expanded={false}
151-
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye gBiUvy"
151+
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye jLnYUe"
152152
onBlur={[Function]}
153153
onClick={[Function]}
154154
onDragLeave={[Function]}
@@ -278,7 +278,7 @@ exports[`Storyshots Data Display/Accordion Compact Accordion 1`] = `
278278
<div
279279
aria-disabled={false}
280280
aria-expanded={false}
281-
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye gBiUvy"
281+
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye jLnYUe"
282282
onBlur={[Function]}
283283
onClick={[Function]}
284284
onDragLeave={[Function]}
@@ -415,7 +415,7 @@ exports[`Storyshots Data Display/Accordion Simple Accordion 1`] = `
415415
<div
416416
aria-disabled={false}
417417
aria-expanded={false}
418-
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye gBiUvy"
418+
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye jLnYUe"
419419
onBlur={[Function]}
420420
onClick={[Function]}
421421
onDragLeave={[Function]}
@@ -545,7 +545,7 @@ exports[`Storyshots Data Display/Accordion Simple Accordion 1`] = `
545545
<div
546546
aria-disabled={false}
547547
aria-expanded={false}
548-
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye gBiUvy"
548+
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye jLnYUe"
549549
onBlur={[Function]}
550550
onClick={[Function]}
551551
onDragLeave={[Function]}
@@ -675,7 +675,7 @@ exports[`Storyshots Data Display/Accordion Simple Accordion 1`] = `
675675
<div
676676
aria-disabled={false}
677677
aria-expanded={false}
678-
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye gBiUvy"
678+
className="MuiButtonBase-root MuiAccordionSummary-root sc-hKwDye jLnYUe"
679679
onBlur={[Function]}
680680
onClick={[Function]}
681681
onDragLeave={[Function]}

‎tests/dataDisplay/FixedDialog/__snapshots__/FixedDialog.stories.storyshot‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ exports[`Storyshots Data Display/FixedDialog Simple Fixed Dialog 1`] = `
3030
className="sc-hmjpVf AREoq"
3131
>
3232
<button
33-
className="MuiButtonBase-root MuiButton-root MuiButton-text sc-iwjdpV hmsnQe primary outlined"
33+
className="MuiButtonBase-root MuiButton-root MuiButton-text sc-iwjdpV dxbJjo primary outlined"
3434
disabled={false}
3535
onBlur={[Function]}
3636
onClick={[Function]}

‎tests/dataDisplay/FixedIcon/__snapshots__/fixedIcon.stories.storyshot‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
55
className="sc-hOGkXu hAReHs"
66
>
77
<div
8-
className="sc-dtMgUX hEcQbi"
8+
className="sc-dtMgUX gFWCec"
99
>
1010
<span>
1111
<svg
@@ -24,7 +24,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
2424
arrowSort
2525
</div>
2626
<div
27-
className="sc-dtMgUX hEcQbi"
27+
className="sc-dtMgUX gFWCec"
2828
>
2929
<span>
3030
<svg
@@ -42,7 +42,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
4242
connectedRinkeby
4343
</div>
4444
<div
45-
className="sc-dtMgUX hEcQbi"
45+
className="sc-dtMgUX gFWCec"
4646
>
4747
<span>
4848
<svg
@@ -60,7 +60,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
6060
connectedWallet
6161
</div>
6262
<div
63-
className="sc-dtMgUX hEcQbi"
63+
className="sc-dtMgUX gFWCec"
6464
>
6565
<span>
6666
<svg
@@ -79,7 +79,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
7979
bullit
8080
</div>
8181
<div
82-
className="sc-dtMgUX hEcQbi"
82+
className="sc-dtMgUX gFWCec"
8383
>
8484
<span>
8585
<svg
@@ -97,7 +97,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
9797
dropdownArrowSmall
9898
</div>
9999
<div
100-
className="sc-dtMgUX hEcQbi"
100+
className="sc-dtMgUX gFWCec"
101101
>
102102
<span>
103103
<svg
@@ -116,7 +116,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
116116
arrowReceived
117117
</div>
118118
<div
119-
className="sc-dtMgUX hEcQbi"
119+
className="sc-dtMgUX gFWCec"
120120
>
121121
<span>
122122
<svg
@@ -135,7 +135,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
135135
arrowSent
136136
</div>
137137
<div
138-
className="sc-dtMgUX hEcQbi"
138+
className="sc-dtMgUX gFWCec"
139139
>
140140
<span>
141141
<svg
@@ -171,7 +171,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
171171
threeDots
172172
</div>
173173
<div
174-
className="sc-dtMgUX hEcQbi"
174+
className="sc-dtMgUX gFWCec"
175175
>
176176
<span>
177177
<svg
@@ -205,7 +205,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
205205
options
206206
</div>
207207
<div
208-
className="sc-dtMgUX hEcQbi"
208+
className="sc-dtMgUX gFWCec"
209209
>
210210
<span>
211211
<svg
@@ -224,7 +224,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
224224
plus
225225
</div>
226226
<div
227-
className="sc-dtMgUX hEcQbi"
227+
className="sc-dtMgUX gFWCec"
228228
>
229229
<span>
230230
<svg
@@ -243,7 +243,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
243243
chevronRight
244244
</div>
245245
<div
246-
className="sc-dtMgUX hEcQbi"
246+
className="sc-dtMgUX gFWCec"
247247
>
248248
<span>
249249
<svg
@@ -262,7 +262,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
262262
chevronLeft
263263
</div>
264264
<div
265-
className="sc-dtMgUX hEcQbi"
265+
className="sc-dtMgUX gFWCec"
266266
>
267267
<span>
268268
<svg
@@ -281,7 +281,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
281281
chevronUp
282282
</div>
283283
<div
284-
className="sc-dtMgUX hEcQbi"
284+
className="sc-dtMgUX gFWCec"
285285
>
286286
<span>
287287
<svg
@@ -300,7 +300,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
300300
chevronDown
301301
</div>
302302
<div
303-
className="sc-dtMgUX hEcQbi"
303+
className="sc-dtMgUX gFWCec"
304304
>
305305
<span>
306306
<svg
@@ -319,7 +319,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
319319
settingsChange
320320
</div>
321321
<div
322-
className="sc-dtMgUX hEcQbi"
322+
className="sc-dtMgUX gFWCec"
323323
>
324324
<span>
325325
<svg
@@ -349,7 +349,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
349349
creatingInProgress
350350
</div>
351351
<div
352-
className="sc-dtMgUX hEcQbi"
352+
className="sc-dtMgUX gFWCec"
353353
>
354354
<span>
355355
<svg
@@ -369,7 +369,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
369369
<g>
370370
<path
371371
d="M49 0c25.405 0 46 20.595 46 46S74.405 92 49 92 3 71.405 3 46 23.595 0 49 0"
372-
fill="#F7F5F5"
372+
fill="#F6F7F8"
373373
transform="translate(5 4)"
374374
/>
375375
<path
@@ -395,7 +395,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
395395
notOwner
396396
</div>
397397
<div
398-
className="sc-dtMgUX hEcQbi"
398+
className="sc-dtMgUX gFWCec"
399399
>
400400
<span>
401401
<svg
@@ -433,7 +433,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
433433
notConnected
434434
</div>
435435
<div
436-
className="sc-dtMgUX hEcQbi"
436+
className="sc-dtMgUX gFWCec"
437437
>
438438
<span>
439439
<svg
@@ -468,7 +468,7 @@ exports[`Storyshots Data Display/FixedIcon Icons 1`] = `
468468
fill="#FFC05F"
469469
fillRule="nonzero"
470470
r="11"
471-
stroke="#F7F5F5"
471+
stroke="#F6F7F8"
472472
strokeWidth="4"
473473
/>
474474
</g>
@@ -484,7 +484,7 @@ exports[`Storyshots Data Display/FixedIcon Icons White 1`] = `
484484
className="sc-hOGkXu hAReHs"
485485
>
486486
<div
487-
className="sc-dtMgUX sc-eGRUor hEcQbi jXVzJi"
487+
className="sc-dtMgUX sc-eGRUor gFWCec jXVzJi"
488488
>
489489
<span>
490490
<svg
@@ -503,7 +503,7 @@ exports[`Storyshots Data Display/FixedIcon Icons White 1`] = `
503503
arrowSentWhite
504504
</div>
505505
<div
506-
className="sc-dtMgUX sc-eGRUor hEcQbi jXVzJi"
506+
className="sc-dtMgUX sc-eGRUor gFWCec jXVzJi"
507507
>
508508
<span>
509509
<svg

0 commit comments

Comments
 (0)