playbook_ui_docs 14.3.0.pre.rc.12 → 14.3.1.pre.alpha.PBNTR515typeaheadmarginbottomredux3746

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.3.0.pre.rc.12
4
+ version: 14.3.1.pre.alpha.PBNTR515typeaheadmarginbottomredux3746
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-10 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -1885,7 +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
1888
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
1890
1889
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
1891
1890
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
@@ -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 %>