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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.html.erb +46 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md +7 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.jsx +107 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.md +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb +51 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md +1 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb +1 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_rails.md +2 -1
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md +1 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_description.md +1 -0
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx +32 -15
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_react.md +2 -0
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +35 -9
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_react.md +1 -0
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +26 -14
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +32 -15
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +45 -17
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +59 -22
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +40 -9
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +50 -18
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +31 -18
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +34 -17
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +64 -23
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units_react.md +1 -0
- data/app/pb_kits/playbook/pb_gauge/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_gauge/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx +36 -17
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_react.md +3 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx +31 -16
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx +63 -31
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.md +3 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +35 -16
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +41 -16
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +107 -62
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md +4 -7
- data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb +10 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx +26 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md +3 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +1 -0
- data/dist/playbook-doc.js +1 -1
- metadata +21 -10
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx +0 -30
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.md +0 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx +0 -52
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md +0 -1
- /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_row_styling.md → _advanced_table_row_styling_react.md} +0 -0
- /data/app/pb_kits/playbook/pb_gauge/docs/{_gauge_colors.md → _gauge_colors_rails.md} +0 -0
- /data/app/pb_kits/playbook/pb_gauge/docs/{_gauge_complex.md → _gauge_complex_rails.md} +0 -0
- /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.
|
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-
|
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/
|
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/
|
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/
|
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/
|
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.
|
File without changes
|
File without changes
|
File without changes
|
/data/app/pb_kits/playbook/pb_line_graph/docs/{_line_graph_colors.md → _line_graph_colors_rails.md}
RENAMED
File without changes
|