playbook_ui_docs 14.4.0.pre.alpha.PLAY1547reactzoompanpinchlightbox3613893 → 14.4.0.pre.alpha.PLAY1562highchartsbump3819

Sign up to get free protection for your applications and to get access to all the features.
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.0.pre.alpha.PLAY1547reactzoompanpinchlightbox3613893
4
+ version: 14.4.0.pre.alpha.PLAY1562highchartsbump3819
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: 2024-09-26 00:00:00.000000000 Z
12
+ date: 2024-09-19 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -1404,7 +1404,6 @@ files:
1404
1404
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom.html.erb
1405
1405
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx
1406
1406
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb
1407
- - app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx
1408
1407
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.md
1409
1408
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom_swift.md
1410
1409
  - app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb
@@ -1896,8 +1895,6 @@ files:
1896
1895
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
1897
1896
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
1898
1897
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
1899
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
1900
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
1901
1898
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
1902
1899
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
1903
1900
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
@@ -1,59 +0,0 @@
1
- import React from 'react'
2
- import Radio from '../_radio'
3
- import Select from '../../pb_select/_select'
4
- import Typeahead from '../../pb_typeahead/_typeahead'
5
- import Title from '../../pb_title/_title'
6
-
7
- const RadioChildren = (props) => {
8
-
9
-
10
- const options = [
11
- { label: 'Orange', value: 'Orange' },
12
- { label: 'Red', value: 'Red' },
13
- { label: 'Green', value: 'Green' },
14
- { label: 'Blue', value: 'Blue' },
15
- ]
16
-
17
- return (
18
- <div>
19
- <Radio
20
- customChildren
21
- label="Select"
22
- name="Group1"
23
- tabIndex={0}
24
- value="Select"
25
- {...props}
26
- >
27
- <Select
28
- minWidth="xs"
29
- options={options}
30
- />
31
- </Radio>
32
- <Radio
33
- customChildren
34
- label="Typeahead"
35
- name="Group1"
36
- tabIndex={0}
37
- value="Typeahead"
38
- {...props}
39
- >
40
- <Typeahead
41
- minWidth="xs"
42
- options={options}
43
- />
44
- </Radio>
45
- <br />
46
- <Radio
47
- customChildren
48
- defaultChecked={false}
49
- label="Typography"
50
- name="Group1"
51
- value="Typography"
52
- {...props}
53
- >
54
- <Title text="Custom Typography" />
55
- </Radio>
56
- </div>
57
- )
58
- }
59
- export default RadioChildren
@@ -1,88 +0,0 @@
1
- <%
2
- options = [
3
- { label: 'Orange', value: '#FFA500' },
4
- { label: 'Red', value: '#FF0000' },
5
- { label: 'Green', value: '#00FF00' },
6
- { label: 'Blue', value: '#0000FF' },
7
- ]
8
- %>
9
-
10
- <%= pb_rails("typeahead", props: {
11
- id: "typeahead-default",
12
- placeholder: "All Colors",
13
- options: options,
14
- label: "None",
15
- name: :foo,
16
- is_multi: false,
17
- margin_bottom: "none",
18
- })
19
- %>
20
- <%= pb_rails("typeahead", props: {
21
- id: "typeahead-default",
22
- placeholder: "All Colors",
23
- options: options,
24
- label: "XXS",
25
- name: :foo,
26
- is_multi: false,
27
- margin_bottom: "xxs",
28
- })
29
- %>
30
- <%= pb_rails("typeahead", props: {
31
- id: "typeahead-default",
32
- placeholder: "All Colors",
33
- options: options,
34
- label: "XS",
35
- name: :foo,
36
- is_multi: false,
37
- margin_bottom: "xs",
38
- })
39
- %>
40
- <%= pb_rails("typeahead", props: {
41
- id: "typeahead-default",
42
- placeholder: "All Colors",
43
- options: options,
44
- label: "Default - SM",
45
- name: :foo,
46
- is_multi: false,
47
- })
48
- %>
49
- <%= pb_rails("typeahead", props: {
50
- id: "typeahead-default",
51
- placeholder: "All Colors",
52
- options: options,
53
- label: "MD",
54
- name: :foo,
55
- is_multi: false,
56
- margin_bottom: "md",
57
- })
58
- %>
59
- <%= pb_rails("typeahead", props: {
60
- id: "typeahead-default",
61
- placeholder: "All Colors",
62
- options: options,
63
- label: "LG",
64
- name: :foo,
65
- is_multi: false,
66
- margin_bottom: "lg",
67
- })
68
- %>
69
- <%= pb_rails("typeahead", props: {
70
- id: "typeahead-default",
71
- placeholder: "All Colors",
72
- options: options,
73
- label: "XL",
74
- name: :foo,
75
- is_multi: false,
76
- margin_bottom: "xl",
77
- })
78
- %>
79
-
80
- <%= javascript_tag defer: "defer" do %>
81
- document.addEventListener("pb-typeahead-kit-typeahead-default-result-option-select", function(event) {
82
- console.log('Single Option selected')
83
- console.dir(event.detail)
84
- })
85
- document.addEventListener("pb-typeahead-kit-typeahead-default-result-clear", function() {
86
- console.log('All options cleared')
87
- })
88
- <% end %>
@@ -1,60 +0,0 @@
1
- import React from 'react'
2
-
3
- import Typeahead from '../_typeahead'
4
-
5
- const options = [
6
- { label: 'Orange', value: '#FFA500' },
7
- { label: 'Red', value: '#FF0000' },
8
- { label: 'Green', value: '#00FF00' },
9
- { label: 'Blue', value: '#0000FF' },
10
- ]
11
-
12
- const TypeaheadMarginBottom = (props) => {
13
- return (
14
- <>
15
- <Typeahead
16
- label="None"
17
- marginBottom="none"
18
- options={options}
19
- {...props}
20
- />
21
- <Typeahead
22
- label="XXS"
23
- marginBottom="xxs"
24
- options={options}
25
- {...props}
26
- />
27
- <Typeahead
28
- label="XS"
29
- marginBottom="xs"
30
- options={options}
31
- {...props}
32
- />
33
- <Typeahead
34
- label="Default - SM"
35
- options={options}
36
- {...props}
37
- />
38
- <Typeahead
39
- label="MD"
40
- marginBottom="md"
41
- options={options}
42
- {...props}
43
- />
44
- <Typeahead
45
- label="LG"
46
- marginBottom="lg"
47
- options={options}
48
- {...props}
49
- />
50
- <Typeahead
51
- label="XL"
52
- marginBottom="xl"
53
- options={options}
54
- {...props}
55
- />
56
- </>
57
- )
58
- }
59
-
60
- export default TypeaheadMarginBottom