playbook_ui_docs 14.4.0.pre.rc.0 → 14.4.0.pre.rc.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_radio/docs/_radio_children.jsx +1 -4
  3. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
  4. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
  5. data/dist/playbook-doc.js +1 -1
  6. metadata +2 -4
  7. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb +0 -88
  8. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx +0 -60
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.rc.0
4
+ version: 14.4.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: 2024-09-06 00:00:00.000000000 Z
12
+ date: 2024-09-09 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -1885,8 +1885,6 @@ files:
1885
1885
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
1886
1886
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
1887
1887
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
1888
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
1889
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
1890
1888
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
1891
1889
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
1892
1890
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb DELETED
@@ -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 %>
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx DELETED
@@ -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