playbook_ui_docs 14.23.0.pre.alpha.PLAY2303optD9000 → 14.23.0.pre.alpha.PLAY2329atstickypinnedborderbug9195
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_pinned_rows.jsx +1 -1
- 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_dropdown/docs/_dropdown_with_custom_active_style_options.jsx +90 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md +4 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options.jsx +1 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options_react.md +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +3 -2
- data/app/pb_kits/playbook/pb_dropdown/docs/index.js +2 -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 +23 -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.23.0.pre.alpha.
|
4
|
+
version: 14.23.0.pre.alpha.PLAY2329atstickypinnedborderbug9195
|
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-24 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
|
@@ -876,6 +882,8 @@ files:
|
|
876
882
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
|
877
883
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
|
878
884
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
|
885
|
+
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx
|
886
|
+
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md
|
879
887
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
|
880
888
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
|
881
889
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
|
@@ -1082,12 +1090,15 @@ files:
|
|
1082
1090
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md
|
1083
1091
|
- app/pb_kits/playbook/pb_form_pill/docs/example.yml
|
1084
1092
|
- app/pb_kits/playbook/pb_form_pill/docs/index.js
|
1093
|
+
- app/pb_kits/playbook/pb_gauge/docs/_description.md
|
1085
1094
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
|
1086
1095
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx
|
1087
|
-
- app/pb_kits/playbook/pb_gauge/docs/
|
1096
|
+
- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_rails.md
|
1097
|
+
- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_react.md
|
1088
1098
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.html.erb
|
1089
1099
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx
|
1090
|
-
- app/pb_kits/playbook/pb_gauge/docs/
|
1100
|
+
- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_rails.md
|
1101
|
+
- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_react.md
|
1091
1102
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb
|
1092
1103
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx
|
1093
1104
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.html.erb
|
@@ -1100,8 +1111,6 @@ files:
|
|
1100
1111
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.html.erb
|
1101
1112
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx
|
1102
1113
|
- 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
1114
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.html.erb
|
1106
1115
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx
|
1107
1116
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.md
|
@@ -1109,6 +1118,7 @@ files:
|
|
1109
1118
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx
|
1110
1119
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_units.html.erb
|
1111
1120
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
|
1121
|
+
- app/pb_kits/playbook/pb_gauge/docs/_gauge_units_react.md
|
1112
1122
|
- app/pb_kits/playbook/pb_gauge/docs/example.yml
|
1113
1123
|
- app/pb_kits/playbook/pb_gauge/docs/index.js
|
1114
1124
|
- app/pb_kits/playbook/pb_hashtag/docs/_description.md
|
@@ -1321,11 +1331,13 @@ files:
|
|
1321
1331
|
- app/pb_kits/playbook/pb_line_graph/docs/_description.md
|
1322
1332
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.html.erb
|
1323
1333
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx
|
1324
|
-
- app/pb_kits/playbook/pb_line_graph/docs/
|
1334
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_rails.md
|
1335
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_react.md
|
1325
1336
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb
|
1326
1337
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx
|
1327
1338
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb
|
1328
1339
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx
|
1340
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.md
|
1329
1341
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb
|
1330
1342
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
|
1331
1343
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb
|
@@ -1333,8 +1345,6 @@ files:
|
|
1333
1345
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
|
1334
1346
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
|
1335
1347
|
- 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
1348
|
- app/pb_kits/playbook/pb_line_graph/docs/example.yml
|
1339
1349
|
- app/pb_kits/playbook/pb_line_graph/docs/index.js
|
1340
1350
|
- app/pb_kits/playbook/pb_link/docs/_link_color.html.erb
|
@@ -1661,6 +1671,9 @@ files:
|
|
1661
1671
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
|
1662
1672
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
|
1663
1673
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
|
1674
|
+
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
|
1675
|
+
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
|
1676
|
+
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
|
1664
1677
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb
|
1665
1678
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx
|
1666
1679
|
- 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
|