playbook_ui_docs 14.23.0.pre.alpha.PLAY2330removewalkthrough9176 → 14.23.0.pre.alpha.advancedtablefix9082
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_checkbox/docs/_checkbox_indeterminate.html.erb +1 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_rails.md +1 -2
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options.jsx +0 -1
- 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 +2 -3
- data/app/pb_kits/playbook/pb_dropdown/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +0 -1
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx +69 -0
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx +71 -0
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx +110 -0
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx +76 -0
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx +76 -0
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx +76 -0
- data/app/pb_kits/playbook/pb_walkthrough/docs/example.yml +10 -0
- data/app/pb_kits/playbook/pb_walkthrough/docs/index.js +6 -0
- data/dist/playbook-doc.js +2 -2
- metadata +10 -4
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx +0 -90
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md +0 -4
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.advancedtablefix9082
|
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-17 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: playbook_ui
|
@@ -882,8 +882,6 @@ files:
|
|
882
882
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
|
883
883
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
|
884
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
|
887
885
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
|
888
886
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
|
889
887
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
|
@@ -2424,6 +2422,14 @@ files:
|
|
2424
2422
|
- app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.jsx
|
2425
2423
|
- app/pb_kits/playbook/pb_user_badge/docs/example.yml
|
2426
2424
|
- app/pb_kits/playbook/pb_user_badge/docs/index.js
|
2425
|
+
- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx
|
2426
|
+
- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx
|
2427
|
+
- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx
|
2428
|
+
- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx
|
2429
|
+
- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx
|
2430
|
+
- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx
|
2431
|
+
- app/pb_kits/playbook/pb_walkthrough/docs/example.yml
|
2432
|
+
- app/pb_kits/playbook/pb_walkthrough/docs/index.js
|
2427
2433
|
- app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.html.erb
|
2428
2434
|
- app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.jsx
|
2429
2435
|
- app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.html.erb
|
@@ -1,90 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import Dropdown from '../_dropdown'
|
3
|
-
|
4
|
-
const DropdownCustomActiveStyleOptions = (props) => {
|
5
|
-
|
6
|
-
|
7
|
-
const options = [
|
8
|
-
{
|
9
|
-
label: "United States",
|
10
|
-
value: "unitedStates",
|
11
|
-
id: "us"
|
12
|
-
},
|
13
|
-
{
|
14
|
-
label: "Canada",
|
15
|
-
value: "canada",
|
16
|
-
id: "ca"
|
17
|
-
},
|
18
|
-
{
|
19
|
-
label: "Pakistan",
|
20
|
-
value: "pakistan",
|
21
|
-
id: "pk"
|
22
|
-
}
|
23
|
-
];
|
24
|
-
|
25
|
-
|
26
|
-
return (
|
27
|
-
<div>
|
28
|
-
<Dropdown
|
29
|
-
activeStyle={{
|
30
|
-
backgroundColor: "bg_light",
|
31
|
-
fontColor: "primary",
|
32
|
-
}}
|
33
|
-
label="Background Color: bg_light; Font Color: primary"
|
34
|
-
marginBottom="sm"
|
35
|
-
options={options}
|
36
|
-
{...props}
|
37
|
-
>
|
38
|
-
<Dropdown.Trigger/>
|
39
|
-
<Dropdown.Container>
|
40
|
-
{options.map((option) => (
|
41
|
-
<Dropdown.Option key={option.id}
|
42
|
-
option={option}
|
43
|
-
/>
|
44
|
-
))}
|
45
|
-
</Dropdown.Container>
|
46
|
-
</Dropdown>
|
47
|
-
<Dropdown
|
48
|
-
activeStyle={{
|
49
|
-
backgroundColor: "white",
|
50
|
-
fontColor: "primary",
|
51
|
-
}}
|
52
|
-
label="Background Color: white; Font Color: primary"
|
53
|
-
marginBottom="sm"
|
54
|
-
options={options}
|
55
|
-
{...props}
|
56
|
-
/>
|
57
|
-
<Dropdown
|
58
|
-
activeStyle={{
|
59
|
-
backgroundColor: "bg_light",
|
60
|
-
fontColor: "text_lt_default",
|
61
|
-
}}
|
62
|
-
autocomplete
|
63
|
-
label="Background Color: bg_light; Font Color: text_lt_default"
|
64
|
-
marginBottom="sm"
|
65
|
-
options={options}
|
66
|
-
{...props}
|
67
|
-
/>
|
68
|
-
<Dropdown
|
69
|
-
activeStyle={{
|
70
|
-
fontColor: "text_lt_lighter",
|
71
|
-
}}
|
72
|
-
label="Font Color: text_lt_lighter"
|
73
|
-
marginBottom="sm"
|
74
|
-
options={options}
|
75
|
-
{...props}
|
76
|
-
>
|
77
|
-
<Dropdown.Trigger/>
|
78
|
-
<Dropdown.Container>
|
79
|
-
{options.map((option) => (
|
80
|
-
<Dropdown.Option key={option.id}
|
81
|
-
option={option}
|
82
|
-
/>
|
83
|
-
))}
|
84
|
-
</Dropdown.Container>
|
85
|
-
</Dropdown>
|
86
|
-
</div>
|
87
|
-
)
|
88
|
-
}
|
89
|
-
|
90
|
-
export default DropdownCustomActiveStyleOptions
|
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md
DELETED
@@ -1,4 +0,0 @@
|
|
1
|
-
The `activeStyle` prop can be used to customize the appearance of the dropdown selection indicator. It accepts an object with the following keys: `backgroundColor` sets the background color of the selected item (and its hover state); `fontColor` sets the font color of the selected item.
|
2
|
-
|
3
|
-
`backgroundColor` **Type**: String | **Values**: bg_light | white | **Default**: (no selection) is primary
|
4
|
-
`fontColor` **Type**: String | **Values**: primary | all [Playbook Text Colors](https://playbook.powerapp.cloud/visual_guidelines/colors) | **Default**: (no selection) is white
|