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.
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.PLAY2330removewalkthrough9176
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-23 00:00:00.000000000 Z
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
@@ -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