File tree Expand file tree Collapse file tree 2 files changed +0
-696
lines changed
docs/storybook/stories/Color/DataVis
src/tokens/functional/color Expand file tree Collapse file tree 2 files changed +0
-696
lines changed Original file line number Diff line number Diff line change @@ -63,53 +63,3 @@ export const HighchartsAccentColors = () => {
63
63
</ Table . Container >
64
64
)
65
65
}
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
- }
You can’t perform that action at this time.
0 commit comments