Skip to content

Commit a796a0a

Browse files
removing gradient for data colors
1 parent dead313 commit a796a0a

File tree

2 files changed

+0
-696
lines changed

2 files changed

+0
-696
lines changed

docs/storybook/stories/Color/DataVis/Charts.stories.tsx

Lines changed: 0 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -63,53 +63,3 @@ export const HighchartsAccentColors = () => {
6363
</Table.Container>
6464
)
6565
}
66-
67-
export const HighchartsGradients = () => {
68-
const data = getTokensByName(colorTokens, 'data')
69-
.filter(({type}) => type === 'gradient')
70-
.map(token => {
71-
console.log(token)
72-
73-
return {
74-
id: token.name,
75-
...token,
76-
}
77-
})
78-
return (
79-
<Table.Container>
80-
<Table.Title as="h1" id="pattern">
81-
Data visualization gradients
82-
</Table.Title>
83-
<DataTable
84-
aria-labelledby="pattern"
85-
data={data}
86-
columns={[
87-
{
88-
header: 'Sample',
89-
field: 'name',
90-
rowHeader: true,
91-
renderCell: row => {
92-
return <ColorTokenSwatch gradientStops={row.value} />
93-
},
94-
},
95-
{
96-
header: 'Token',
97-
field: 'name',
98-
rowHeader: true,
99-
renderCell: row => {
100-
return <InlineCode value={row.name} copyClipboard cssVar />
101-
},
102-
},
103-
{
104-
header: 'Output value',
105-
field: 'value',
106-
rowHeader: true,
107-
renderCell: row => {
108-
return <p>{row.value.map(({color, position}) => `${color} ${position * 100}%`).join(', ')}</p>
109-
},
110-
},
111-
]}
112-
/>
113-
</Table.Container>
114-
)
115-
}

0 commit comments

Comments
 (0)