playbook_ui 13.12.0.pre.alpha.play1051testhighcharts1581 → 13.12.0.pre.alpha.play10281596

Sign up to get free protection for your applications and to get access to all the features.
Files changed (137) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +5 -1
  3. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx +6 -2
  4. data/app/pb_kits/playbook/pb_background/_background.tsx +9 -5
  5. data/app/pb_kits/playbook/pb_badge/_badge.tsx +5 -1
  6. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +39 -39
  7. data/app/pb_kits/playbook/pb_body/_body.tsx +5 -1
  8. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.tsx +5 -1
  9. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.tsx +5 -2
  10. data/app/pb_kits/playbook/pb_button/_button.tsx +8 -1
  11. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.tsx +5 -1
  12. data/app/pb_kits/playbook/pb_caption/_caption.tsx +6 -1
  13. data/app/pb_kits/playbook/pb_card/_card.tsx +5 -1
  14. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +7 -2
  15. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +71 -71
  16. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +5 -3
  17. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +5 -1
  18. data/app/pb_kits/playbook/pb_contact/_contact.tsx +5 -1
  19. data/app/pb_kits/playbook/pb_currency/_currency.tsx +5 -1
  20. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +208 -210
  21. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +207 -209
  22. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.tsx +5 -1
  23. data/app/pb_kits/playbook/pb_date/_date.tsx +12 -7
  24. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +5 -1
  25. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +5 -1
  26. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.tsx +15 -4
  27. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +12 -5
  28. data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +5 -1
  29. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +5 -1
  30. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx +15 -4
  31. data/app/pb_kits/playbook/pb_detail/_detail.tsx +5 -1
  32. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +11 -3
  33. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx +8 -3
  34. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx +5 -1
  35. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.tsx +8 -1
  36. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +6 -2
  37. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +6 -1
  38. data/app/pb_kits/playbook/pb_flex/_flex.tsx +6 -1
  39. data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +6 -1
  40. data/app/pb_kits/playbook/pb_form_group/_form_group.tsx +5 -1
  41. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +7 -1
  42. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +54 -62
  43. data/app/pb_kits/playbook/pb_hashtag/_hashtag.tsx +5 -1
  44. data/app/pb_kits/playbook/pb_highlight/_highlight.tsx +5 -0
  45. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +10 -3
  46. data/app/pb_kits/playbook/pb_icon/_icon.tsx +7 -1
  47. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +5 -1
  48. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +5 -1
  49. data/app/pb_kits/playbook/pb_icon_value/_icon_value.tsx +5 -1
  50. data/app/pb_kits/playbook/pb_image/_image.tsx +6 -1
  51. data/app/pb_kits/playbook/pb_label_pill/_label_pill.tsx +5 -1
  52. data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +6 -2
  53. data/app/pb_kits/playbook/pb_layout/_layout.tsx +6 -1
  54. data/app/pb_kits/playbook/pb_legend/_legend.tsx +5 -1
  55. data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.tsx +6 -1
  56. data/app/pb_kits/playbook/pb_lightbox/_lightbox.tsx +5 -1
  57. data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +44 -44
  58. data/app/pb_kits/playbook/pb_list/_list.tsx +7 -2
  59. data/app/pb_kits/playbook/pb_list/_list_item.tsx +5 -1
  60. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +5 -1
  61. data/app/pb_kits/playbook/pb_map/_map.tsx +6 -1
  62. data/app/pb_kits/playbook/pb_message/_message.tsx +5 -1
  63. data/app/pb_kits/playbook/pb_message/_message_mention.tsx +5 -1
  64. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +5 -1
  65. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.tsx +5 -1
  66. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +11 -0
  67. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +7 -0
  68. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +13 -0
  69. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +11 -0
  70. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +6 -0
  71. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx +5 -1
  72. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +15 -0
  73. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +5 -0
  74. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +15 -0
  75. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +15 -0
  76. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +6 -0
  77. data/app/pb_kits/playbook/pb_nav/_item.tsx +7 -2
  78. data/app/pb_kits/playbook/pb_nav/_nav.tsx +5 -1
  79. data/app/pb_kits/playbook/pb_online_status/_online_status.tsx +5 -1
  80. data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +6 -2
  81. data/app/pb_kits/playbook/pb_person/_person.tsx +5 -0
  82. data/app/pb_kits/playbook/pb_person_contact/_person_contact.tsx +5 -1
  83. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +8 -2
  84. data/app/pb_kits/playbook/pb_pill/_pill.tsx +5 -1
  85. data/app/pb_kits/playbook/pb_popover/_popover.tsx +6 -1
  86. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +5 -1
  87. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.tsx +9 -3
  88. data/app/pb_kits/playbook/pb_progress_step/_progress_step.tsx +5 -1
  89. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.tsx +6 -2
  90. data/app/pb_kits/playbook/pb_radio/_radio.tsx +5 -1
  91. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +7 -1
  92. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +5 -1
  93. data/app/pb_kits/playbook/pb_select/_select.tsx +6 -1
  94. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +6 -2
  95. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.tsx +5 -0
  96. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.tsx +5 -0
  97. data/app/pb_kits/playbook/pb_selectable_list/_item.tsx +11 -3
  98. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.tsx +5 -1
  99. data/app/pb_kits/playbook/pb_source/_source.tsx +5 -1
  100. data/app/pb_kits/playbook/pb_star_rating/_star_rating.tsx +5 -1
  101. data/app/pb_kits/playbook/pb_stat_change/_stat_change.tsx +14 -2
  102. data/app/pb_kits/playbook/pb_stat_value/_stat_value.tsx +6 -0
  103. data/app/pb_kits/playbook/pb_table/_table.tsx +5 -1
  104. data/app/pb_kits/playbook/pb_table/_table_row.tsx +5 -1
  105. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +5 -1
  106. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +35 -0
  107. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +29 -0
  108. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +13 -0
  109. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +24 -0
  110. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +13 -0
  111. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +7 -0
  112. data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +5 -2
  113. data/app/pb_kits/playbook/pb_time/_time.tsx +9 -2
  114. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +5 -1
  115. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.tsx +6 -2
  116. data/app/pb_kits/playbook/pb_timeline/_item.tsx +9 -2
  117. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +5 -1
  118. data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +5 -1
  119. data/app/pb_kits/playbook/pb_title/_title.tsx +5 -1
  120. data/app/pb_kits/playbook/pb_title_count/_title_count.tsx +5 -1
  121. data/app/pb_kits/playbook/pb_title_detail/_title_detail.tsx +16 -3
  122. data/app/pb_kits/playbook/pb_toggle/_toggle.tsx +5 -0
  123. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +11 -0
  124. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +10 -0
  125. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md +6 -0
  126. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +4 -0
  127. data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +5 -1
  128. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +38 -38
  129. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +7 -2
  130. data/app/pb_kits/playbook/pb_user/_user.tsx +5 -1
  131. data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx +5 -1
  132. data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx +5 -1
  133. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +5 -1
  134. data/app/pb_kits/playbook/utilities/props.ts +16 -0
  135. data/dist/playbook-rails.js +7 -7
  136. data/lib/playbook/version.rb +1 -1
  137. metadata +18 -2
@@ -3,261 +3,259 @@ import typography from '../tokens/exports/_typography.scss'
3
3
 
4
4
  import { ThemeProps } from './themeTypes'
5
5
 
6
- //import Highcharts from 'highcharts'
6
+ import Highcharts from 'highcharts'
7
7
 
8
8
  const pbButtonHoverColor = '#004ebb'
9
- function highchartsDarkTheme(highcharts: any): ThemeProps {
10
- return {
11
- lang: {
12
- thousandsSep: ',',
9
+ const highchartsDarkTheme: ThemeProps = {
10
+ lang: {
11
+ thousandsSep: ',',
12
+ },
13
+ colors: [
14
+ colors.data_1,
15
+ colors.data_2,
16
+ colors.data_3,
17
+ colors.data_4,
18
+ colors.data_5,
19
+ colors.data_6,
20
+ colors.data_7,
21
+ ],
22
+ chart: {
23
+ borderWidth: 0,
24
+ borderRadius: 0,
25
+ plotBackgroundColor: null,
26
+ plotShadow: false,
27
+ plotBorderWidth: 0,
28
+ },
29
+ title: {
30
+ style: {
31
+ color: colors.text_dk_default,
32
+ fontFamily: typography.font_family_base,
33
+ fontWeight: typography.regular,
34
+ fontSize: typography.heading_3,
13
35
  },
14
- colors: [
15
- colors.data_1,
16
- colors.data_2,
17
- colors.data_3,
18
- colors.data_4,
19
- colors.data_5,
20
- colors.data_6,
21
- colors.data_7,
22
- ],
23
- chart: {
24
- borderWidth: 0,
25
- borderRadius: 0,
26
- plotBackgroundColor: null,
27
- plotShadow: false,
28
- plotBorderWidth: 0,
36
+ },
37
+ subtitle: {
38
+ style: {
39
+ fontFamily: typography.font_family_base,
40
+ color: colors.text_dk_light,
41
+ fontWeight: typography.regular,
42
+ fontSize: typography.text_base,
43
+ },
44
+ },
45
+ xAxis: {
46
+ gridLineWidth: 0,
47
+ lineColor: colors.border_dark,
48
+ tickColor: colors.border_dark,
49
+ labels: {
50
+ style: {
51
+ fontFamily: typography.font_family_base,
52
+ color: colors.text_dk_lighter,
53
+ fontWeight: typography.bold,
54
+ fontSize: typography.text_smaller,
55
+ },
29
56
  },
30
57
  title: {
31
58
  style: {
32
59
  color: colors.text_dk_default,
33
60
  fontFamily: typography.font_family_base,
34
61
  fontWeight: typography.regular,
35
- fontSize: typography.heading_3,
62
+ fontSize: typography.heading_4,
36
63
  },
37
64
  },
38
- subtitle: {
65
+ },
66
+ yAxis: {
67
+ alternateGridColor: null,
68
+ minorTickInterval: null,
69
+ gridLineColor: colors.border_dark,
70
+ minorGridLineColor: colors.border_dark,
71
+ lineWidth: 0,
72
+ tickWidth: 0,
73
+ labels: {
39
74
  style: {
40
75
  fontFamily: typography.font_family_base,
41
- color: colors.text_dk_light,
42
- fontWeight: typography.regular,
43
- fontSize: typography.text_base,
76
+ color: colors.text_dk_lighter,
77
+ fontWeight: typography.bold,
78
+ fontSize: typography.text_smaller,
44
79
  },
45
80
  },
46
- xAxis: {
47
- gridLineWidth: 0,
48
- lineColor: colors.border_dark,
49
- tickColor: colors.border_dark,
50
- labels: {
51
- style: {
52
- fontFamily: typography.font_family_base,
53
- color: colors.text_dk_lighter,
54
- fontWeight: typography.bold,
55
- fontSize: typography.text_smaller,
56
- },
57
- },
58
- title: {
59
- style: {
60
- color: colors.text_dk_default,
61
- fontFamily: typography.font_family_base,
62
- fontWeight: typography.regular,
63
- fontSize: typography.heading_4,
64
- },
81
+ title: {
82
+ style: {
83
+ fontFamily: typography.font_family_base,
84
+ color: colors.text_dk_lighter,
85
+ fontWeight: typography.bold,
86
+ fontSize: typography.text_smaller,
65
87
  },
66
88
  },
67
- yAxis: {
68
- alternateGridColor: null,
69
- minorTickInterval: null,
70
- gridLineColor: colors.border_dark,
71
- minorGridLineColor: colors.border_dark,
72
- lineWidth: 0,
73
- tickWidth: 0,
74
- labels: {
75
- style: {
76
- fontFamily: typography.font_family_base,
77
- color: colors.text_dk_lighter,
78
- fontWeight: typography.bold,
79
- fontSize: typography.text_smaller,
89
+ },
90
+ legend: {
91
+ layout: 'horizontal',
92
+ align: 'center',
93
+ verticalAlign: 'bottom',
94
+ itemStyle: {
95
+ fontFamily: typography.font_family_base,
96
+ color: colors.text_dk_light,
97
+ fontWeight: typography.regular,
98
+ fontSize: typography.text_smaller,
99
+ },
100
+ itemHoverStyle: {
101
+ color: colors.text_dk_default,
102
+ },
103
+ itemHiddenStyle: {
104
+ color: colors.text_dk_lighter,
105
+ },
106
+ },
107
+ labels: {
108
+ style: {
109
+ color: colors.primary,
110
+ },
111
+ },
112
+ tooltip: {
113
+ backgroundColor: {
114
+ linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
115
+ stops: [
116
+ [0, colors.card_light],
117
+ [1, colors.card_light],
118
+ ],
119
+ },
120
+ shadow: false,
121
+ borderWidth: 0,
122
+ borderRadius: 10,
123
+ style: {
124
+ fontFamily: typography.font_family_base,
125
+ color: colors.text_lt_default,
126
+ fontWeight: typography.regular,
127
+ fontSize: typography.text_smaller,
128
+ },
129
+ },
130
+ // specific to gauge
131
+ // unfilled gauge color
132
+ pane: {
133
+ background: {
134
+ borderColor: colors.border_dark,
135
+ },
136
+ },
137
+
138
+ plotOptions: {
139
+ series: {
140
+ borderColor: colors.bg_dark_card,
141
+ borderWidth: 2,
142
+ type: 'area',
143
+ nullColor: colors.text_dk_lighter,
144
+ fillColor: {
145
+ linearGradient: {
146
+ x1: 0,
147
+ y1: 0,
148
+ x2: 0,
149
+ y2: 1,
80
150
  },
151
+ stops: [
152
+ [0, Highcharts.getOptions().colors[0]],
153
+ [1, 'white'],
154
+ ],
81
155
  },
82
- title: {
156
+ threshold: null,
157
+ },
158
+ // PIE STYLES
159
+ pie: {
160
+ colors: [
161
+ colors.data_1,
162
+ colors.data_2,
163
+ colors.data_3,
164
+ colors.data_4,
165
+ colors.data_5,
166
+ colors.data_6,
167
+ colors.data_7,
168
+ ],
169
+ dataLabels: {
83
170
  style: {
84
171
  fontFamily: typography.font_family_base,
85
- color: colors.text_dk_lighter,
86
- fontWeight: typography.bold,
87
172
  fontSize: typography.text_smaller,
173
+ color: colors.text_dk_light,
174
+ fontWeight: typography.regular,
88
175
  },
89
176
  },
90
177
  },
91
- legend: {
92
- layout: 'horizontal',
93
- align: 'center',
94
- verticalAlign: 'bottom',
95
- itemStyle: {
96
- fontFamily: typography.font_family_base,
178
+
179
+ // LINE CHART STYLES
180
+ line: {
181
+ dataLabels: {
97
182
  color: colors.text_dk_light,
98
- fontWeight: typography.regular,
99
- fontSize: typography.text_smaller,
100
- },
101
- itemHoverStyle: {
102
- color: colors.text_dk_default,
103
- },
104
- itemHiddenStyle: {
105
- color: colors.text_dk_lighter,
106
- },
107
- },
108
- labels: {
109
- style: {
110
- color: colors.primary,
111
- },
112
- },
113
- tooltip: {
114
- backgroundColor: {
115
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
116
- stops: [
117
- [0, colors.card_light],
118
- [1, colors.card_light],
119
- ],
120
- },
121
- shadow: false,
122
- borderWidth: 0,
123
- borderRadius: 10,
124
- style: {
125
- fontFamily: typography.font_family_base,
126
- color: colors.text_lt_default,
127
- fontWeight: typography.regular,
128
- fontSize: typography.text_smaller,
129
183
  },
130
- },
131
- // specific to gauge
132
- // unfilled gauge color
133
- pane: {
134
- background: {
135
- borderColor: colors.border_dark,
184
+ marker: {
185
+ lineColor: colors.border_dark,
136
186
  },
137
- },
138
-
139
- plotOptions: {
140
- series: {
141
- borderColor: colors.bg_dark_card,
142
- borderWidth: 2,
143
- type: 'area',
144
- nullColor: colors.text_dk_lighter,
145
- fillColor: {
146
- linearGradient: {
147
- x1: 0,
148
- y1: 0,
149
- x2: 0,
150
- y2: 1,
187
+ area: {
188
+ shadow: false,
189
+ states: {
190
+ hover: {
191
+ lineWidth: 1,
151
192
  },
152
- stops: [
153
- [0, highcharts.getOptions().colors[0]],
154
- [1, 'white'],
155
- ],
156
193
  },
157
194
  threshold: null,
158
195
  },
159
- // PIE STYLES
160
- pie: {
161
- colors: [
162
- colors.data_1,
163
- colors.data_2,
164
- colors.data_3,
165
- colors.data_4,
166
- colors.data_5,
167
- colors.data_6,
168
- colors.data_7,
169
- ],
170
- dataLabels: {
171
- style: {
172
- fontFamily: typography.font_family_base,
173
- fontSize: typography.text_smaller,
174
- color: colors.text_dk_light,
175
- fontWeight: typography.regular,
176
- },
177
- },
178
- },
196
+ },
179
197
 
180
- // LINE CHART STYLES
181
- line: {
182
- dataLabels: {
183
- color: colors.text_dk_light,
198
+ //TREEMAP CHART STYLES
199
+ treemap: {
200
+ layoutAlgorithm: "squarified",
201
+ allowTraversingTree: false,
202
+ animationLimit: 1000,
203
+ colors: [
204
+ colors.data_1,
205
+ colors.data_2,
206
+ colors.data_3,
207
+ colors.data_4,
208
+ colors.data_5,
209
+ colors.data_6,
210
+ colors.data_7,
211
+ colors.data_8,
212
+ ],
213
+ colorByPoint: true,
214
+ dataLabels: {
215
+ enabled: true,
216
+ style: {
217
+ fontFamily: typography.font_family_base,
218
+ fontWeight: typography.bold,
219
+ fontSize: typography.heading_4,
184
220
  },
185
- marker: {
186
- lineColor: colors.border_dark,
221
+ },
222
+ levels: [
223
+ {
224
+ level: 1,
225
+ dataLabels: {
226
+ enabled: false,
227
+ },
187
228
  },
188
- area: {
189
- shadow: false,
229
+ ],
230
+ traverseUpButton: {
231
+ position: { y: -50 },
232
+ text: '< Back',
233
+ theme: {
234
+ r: 4,
190
235
  states: {
191
236
  hover: {
192
- lineWidth: 1,
237
+ style: {
238
+ fill: pbButtonHoverColor,
239
+ },
193
240
  },
194
241
  },
195
- threshold: null,
196
- },
197
- },
198
-
199
- //TREEMAP CHART STYLES
200
- treemap: {
201
- layoutAlgorithm: "squarified",
202
- allowTraversingTree: false,
203
- animationLimit: 1000,
204
- colors: [
205
- colors.data_1,
206
- colors.data_2,
207
- colors.data_3,
208
- colors.data_4,
209
- colors.data_5,
210
- colors.data_6,
211
- colors.data_7,
212
- colors.data_8,
213
- ],
214
- colorByPoint: true,
215
- dataLabels: {
216
- enabled: true,
217
242
  style: {
218
- fontFamily: typography.font_family_base,
243
+ fill: colors.royal,
244
+ color: colors.white,
245
+ fontSize: `${typography.text_small}`,
219
246
  fontWeight: typography.bold,
220
- fontSize: typography.heading_4,
221
- },
222
- },
223
- levels: [
224
- {
225
- level: 1,
226
- dataLabels: {
227
- enabled: false,
228
- },
229
- },
230
- ],
231
- traverseUpButton: {
232
- position: { y: -50 },
233
- text: '< Back',
234
- theme: {
235
- r: 4,
236
- states: {
237
- hover: {
238
- style: {
239
- fill: pbButtonHoverColor,
240
- },
241
- },
242
- },
243
- style: {
244
- fill: colors.royal,
245
- color: colors.white,
246
- fontSize: `${typography.text_small}`,
247
- fontWeight: typography.bold,
248
- fontFamily: `${typography.font_family_base}`,
249
- },
250
- stroke: colors.royal,
251
- height: 24,
252
- width: 90,
247
+ fontFamily: `${typography.font_family_base}`,
253
248
  },
249
+ stroke: colors.royal,
250
+ height: 24,
251
+ width: 90,
254
252
  },
255
253
  },
256
254
  },
257
- credits: {
258
- enabled: false
259
- },
260
- }
255
+ },
256
+ credits: {
257
+ enabled: false
258
+ },
261
259
  }
262
260
 
263
261
  export { highchartsDarkTheme }