Update design tokens library from 1.5 to 1.6 WIP (#14732)
* Updating account menu icon color * Updating design-tokens and making appropriate updates to extension styles * Adding more deprecated tags to colors * Adding spinner and removing todo comment * Remove comment * Updates * Updating snapshots * More color and ui updates * reverting transition changefeature/default_network_editable
George Marshall
3 years ago
committed by
GitHub
parent
70bdd9729f
commit
8fcbebc546
@ -0,0 +1,47 @@ |
||||
import React from 'react'; |
||||
import ConfirmDetailRow from '.'; |
||||
|
||||
export default { |
||||
title: 'Components/App/ConfirmPageContainer/ConfirmDetailRow', |
||||
id: __filename, |
||||
argTypes: { |
||||
headerText: { |
||||
control: 'text', |
||||
}, |
||||
headerTextClassName: { |
||||
control: 'text', |
||||
}, |
||||
label: { |
||||
control: 'text', |
||||
}, |
||||
onHeaderClick: { |
||||
control: 'text', |
||||
}, |
||||
primaryValueTextColor: { |
||||
control: 'text', |
||||
}, |
||||
primaryText: { |
||||
control: 'text', |
||||
}, |
||||
secondaryText: { |
||||
control: 'text', |
||||
}, |
||||
value: { |
||||
control: 'text', |
||||
}, |
||||
}, |
||||
args: { |
||||
headerText: 'headerText', |
||||
headerTextClassName: 'headerTextClassName', |
||||
label: 'label', |
||||
onHeaderClick: 'onHeaderClick', |
||||
primaryValueTextColor: 'primaryValueTextColor', |
||||
primaryText: 'primaryText', |
||||
secondaryText: 'secondaryText', |
||||
value: 'value', |
||||
}, |
||||
}; |
||||
|
||||
export const DefaultStory = (args) => <ConfirmDetailRow {...args} />; |
||||
|
||||
DefaultStory.storyName = 'Default'; |
||||
@ -0,0 +1,38 @@ |
||||
import React from 'react'; |
||||
import ConnectedAccountsList from '.'; |
||||
|
||||
export default { |
||||
title: 'Components/App/ConnectedAccountsList', |
||||
id: __filename, |
||||
argTypes: { |
||||
connectedAccounts: { |
||||
control: 'array', |
||||
}, |
||||
selectedAddress: { |
||||
control: 'text', |
||||
}, |
||||
shouldRenderListOptions: { |
||||
control: 'boolean', |
||||
}, |
||||
}, |
||||
args: { |
||||
connectedAccounts: [ |
||||
{ |
||||
name: 'This is a Really Long Account Name', |
||||
address: '0x64a845a5b02460acf8a3d84503b0d68d028b4bb4', |
||||
index: 0, |
||||
balance: '0x176e5b6f173ebe66', |
||||
}, |
||||
{ |
||||
name: 'Account 2', |
||||
address: '0xb19ac54efa18cc3a14a5b821bfec73d284bf0c5e', |
||||
index: 1, |
||||
balance: '0x2d3142f5000', |
||||
}, |
||||
], |
||||
}, |
||||
}; |
||||
|
||||
export const DefaultStory = (args) => <ConnectedAccountsList {...args} />; |
||||
|
||||
DefaultStory.storyName = 'Default'; |
||||
@ -1,5 +1,5 @@ |
||||
.icon-with-fallback { |
||||
&__fallback { |
||||
color: var(--color-icon-default); |
||||
color: var(--color-icon-alternative); |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,26 @@ |
||||
import React from 'react'; |
||||
import Spinner from '.'; |
||||
|
||||
export default { |
||||
title: 'Components/UI/Spinner', |
||||
id: __filename, |
||||
argTypes: { |
||||
className: { |
||||
control: 'text', |
||||
}, |
||||
color: { |
||||
control: 'text', |
||||
}, |
||||
}, |
||||
args: { |
||||
color: 'var(--color-warning-default)', |
||||
}, |
||||
}; |
||||
|
||||
export const DefaultStory = (args) => ( |
||||
<div style={{ width: 100, height: 100 }}> |
||||
<Spinner {...args} /> |
||||
</div> |
||||
); |
||||
|
||||
DefaultStory.storyName = 'Default'; |
||||
Loading…
Reference in new issue