playbook_ui_docs 14.23.0 → 14.24.0.pre.rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.html.erb +46 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md +7 -0
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md +1 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.jsx +107 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.md +1 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb +51 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md +1 -0
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +3 -0
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -0
  11. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md +1 -1
  12. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb +1 -1
  13. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_rails.md +2 -1
  14. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md +1 -1
  15. data/app/pb_kits/playbook/pb_gauge/docs/_description.md +1 -0
  16. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx +32 -15
  17. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_react.md +2 -0
  18. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +35 -9
  19. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_react.md +1 -0
  20. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +26 -14
  21. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +32 -15
  22. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +45 -17
  23. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +59 -22
  24. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +40 -9
  25. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +50 -18
  26. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +31 -18
  27. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +34 -17
  28. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +64 -23
  29. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units_react.md +1 -0
  30. data/app/pb_kits/playbook/pb_gauge/docs/example.yml +0 -1
  31. data/app/pb_kits/playbook/pb_gauge/docs/index.js +0 -1
  32. data/app/pb_kits/playbook/pb_line_graph/docs/_description.md +1 -3
  33. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx +36 -17
  34. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_react.md +3 -0
  35. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx +31 -16
  36. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx +63 -31
  37. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.md +3 -0
  38. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +35 -16
  39. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +41 -16
  40. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +107 -62
  41. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md +4 -7
  42. data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +0 -1
  43. data/app/pb_kits/playbook/pb_line_graph/docs/index.js +0 -1
  44. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb +10 -0
  45. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx +26 -0
  46. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md +3 -0
  47. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
  48. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
  49. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +1 -0
  50. data/dist/playbook-doc.js +1 -1
  51. metadata +21 -10
  52. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx +0 -30
  53. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.md +0 -1
  54. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx +0 -52
  55. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md +0 -1
  56. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_row_styling.md → _advanced_table_row_styling_react.md} +0 -0
  57. /data/app/pb_kits/playbook/pb_gauge/docs/{_gauge_colors.md → _gauge_colors_rails.md} +0 -0
  58. /data/app/pb_kits/playbook/pb_gauge/docs/{_gauge_complex.md → _gauge_complex_rails.md} +0 -0
  59. /data/app/pb_kits/playbook/pb_line_graph/docs/{_line_graph_colors.md → _line_graph_colors_rails.md} +0 -0
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.23.0
4
+ version: 14.24.0.pre.rc.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-07-15 00:00:00.000000000 Z
12
+ date: 2025-07-18 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -105,8 +105,10 @@ files:
105
105
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
106
106
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
107
107
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
108
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.html.erb
108
109
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx
109
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.md
110
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md
111
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_react.md
110
112
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.html.erb
111
113
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.jsx
112
114
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
@@ -151,6 +153,10 @@ files:
151
153
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
152
154
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx
153
155
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md
156
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.jsx
157
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.md
158
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb
159
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md
154
160
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
155
161
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
156
162
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
@@ -1082,12 +1088,15 @@ files:
1082
1088
  - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md
1083
1089
  - app/pb_kits/playbook/pb_form_pill/docs/example.yml
1084
1090
  - app/pb_kits/playbook/pb_form_pill/docs/index.js
1091
+ - app/pb_kits/playbook/pb_gauge/docs/_description.md
1085
1092
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
1086
1093
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx
1087
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.md
1094
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_rails.md
1095
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_react.md
1088
1096
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.html.erb
1089
1097
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx
1090
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.md
1098
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_rails.md
1099
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_react.md
1091
1100
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb
1092
1101
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx
1093
1102
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.html.erb
@@ -1100,8 +1109,6 @@ files:
1100
1109
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.html.erb
1101
1110
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx
1102
1111
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.md
1103
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx
1104
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.md
1105
1112
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.html.erb
1106
1113
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx
1107
1114
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.md
@@ -1109,6 +1116,7 @@ files:
1109
1116
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx
1110
1117
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_units.html.erb
1111
1118
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
1119
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_units_react.md
1112
1120
  - app/pb_kits/playbook/pb_gauge/docs/example.yml
1113
1121
  - app/pb_kits/playbook/pb_gauge/docs/index.js
1114
1122
  - app/pb_kits/playbook/pb_hashtag/docs/_description.md
@@ -1321,11 +1329,13 @@ files:
1321
1329
  - app/pb_kits/playbook/pb_line_graph/docs/_description.md
1322
1330
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.html.erb
1323
1331
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx
1324
- - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.md
1332
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_rails.md
1333
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_react.md
1325
1334
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb
1326
1335
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx
1327
1336
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb
1328
1337
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx
1338
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.md
1329
1339
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb
1330
1340
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
1331
1341
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb
@@ -1333,8 +1343,6 @@ files:
1333
1343
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
1334
1344
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
1335
1345
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
1336
- - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx
1337
- - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md
1338
1346
  - app/pb_kits/playbook/pb_line_graph/docs/example.yml
1339
1347
  - app/pb_kits/playbook/pb_line_graph/docs/index.js
1340
1348
  - app/pb_kits/playbook/pb_link/docs/_link_color.html.erb
@@ -1661,6 +1669,9 @@ files:
1661
1669
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
1662
1670
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
1663
1671
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
1672
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
1673
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
1674
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
1664
1675
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb
1665
1676
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx
1666
1677
  - app/pb_kits/playbook/pb_phone_number_input/docs/example.yml
@@ -1,30 +0,0 @@
1
- import React from 'react'
2
- import gaugeTheme from '../gaugeTheme'
3
- import Highcharts from "highcharts"
4
- import HighchartsReact from "highcharts-react-official"
5
- import HighchartsMore from "highcharts/highcharts-more"
6
- import SolidGauge from "highcharts/modules/solid-gauge"
7
-
8
- HighchartsMore(Highcharts);
9
- SolidGauge(Highcharts);
10
-
11
- const data = [{ name: "Name", y: 45 }]
12
-
13
- const baseOptions = {
14
- series: [{ data: data }],
15
- };
16
-
17
- const GaugePbStyles = () => {
18
- const options = Highcharts.merge({}, gaugeTheme, baseOptions);
19
-
20
- return (
21
- <div>
22
- <HighchartsReact
23
- highcharts={Highcharts}
24
- options={options}
25
- />
26
- </div>
27
- );
28
- };
29
-
30
- export default GaugePbStyles;
@@ -1 +0,0 @@
1
- You don't need to use the Gauge Kit to apply Playbook styles to your Highcharts gauge chart. Just import gaugeTheme.ts and merge it with your chart options—Playbook’s styling will apply automatically.
@@ -1,52 +0,0 @@
1
- import React from 'react'
2
- import lineGraphTheme from '../lineGraphTheme'
3
- import Highcharts from "highcharts"
4
- import HighchartsReact from "highcharts-react-official"
5
-
6
- const data = [{
7
- name: 'Installation',
8
- data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175],
9
- }, {
10
- name: 'Manufacturing',
11
- data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434],
12
- }, {
13
- name: 'Sales & Distribution',
14
- data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387],
15
- }, {
16
- name: 'Project Development',
17
- data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227],
18
- }, {
19
- name: 'Other',
20
- data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111],
21
- }]
22
-
23
- const categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
24
-
25
- const baseOptions = {
26
- series: data,
27
- title: { text: "Solar Employment Growth by Sector, 2010-2016" },
28
- subtitle: { text: "Source: thesolarfoundation.com" },
29
- xAxis: {
30
- categories: categories,
31
- },
32
- yAxis: {
33
- title: {
34
- text: "Number of Employees",
35
- },
36
- },
37
- }
38
-
39
- const LineGraphPbStyles = () => {
40
- const options = Highcharts.merge({}, lineGraphTheme, baseOptions)
41
-
42
- return(
43
- <div>
44
- <HighchartsReact
45
- highcharts={Highcharts}
46
- options={options}
47
- />
48
- </div>
49
- )
50
- }
51
-
52
- export default LineGraphPbStyles
@@ -1 +0,0 @@
1
- You don't need to use the Line Graph Kit to apply Playbook styles to your Highcharts line graph. Just import lineGraphTheme.ts and merge it with your graph options—Playbook’s styling will apply automatically.