playbook_ui 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.
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.3.0"
5
- VERSION = "14.4.0.pre.rc.0"
5
+ VERSION = "14.4.0.pre.rc.1"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
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: actionpack
@@ -2854,8 +2854,6 @@ files:
2854
2854
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
2855
2855
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
2856
2856
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
2857
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
2858
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
2859
2857
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
2860
2858
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
2861
2859
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
@@ -3037,8 +3035,8 @@ files:
3037
3035
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3038
3036
  - app/pb_kits/playbook/utilities/text.ts
3039
3037
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3040
- - dist/chunks/_typeahead-es44Ih6G.js
3041
- - dist/chunks/_weekday_stacked-DWJJPUPQ.js
3038
+ - dist/chunks/_typeahead-BWUFVlae.js
3039
+ - dist/chunks/_weekday_stacked-DpRkKl3_.js
3042
3040
  - dist/chunks/lazysizes-B7xYodB-.js
3043
3041
  - dist/chunks/lib-D9uVVKnh.js
3044
3042
  - dist/chunks/pb_form_validation-u2wnZ3oe.js
@@ -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