playbook_ui 14.2.1.pre.alpha.PBNTR479removeextraspacingfromradiochildren3671 → 14.2.1.pre.alpha.PLAY1516railsiconsfixedwidth3674
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_icon/icon.rb +1 -1
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -0
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +0 -13
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +1 -8
- data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +16 -23
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +1 -2
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +1 -6
- data/dist/chunks/{_typeahead-DfMKlsoq.js → _typeahead-Cq7RLPBA.js} +1 -1
- data/dist/chunks/{_weekday_stacked-DWwxor7z.js → _weekday_stacked-Cykj5kLZ.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +4 -6
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb +0 -88
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx +0 -60
data/lib/playbook/version.rb
CHANGED
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.2.1.pre.alpha.
|
4
|
+
version: 14.2.1.pre.alpha.PLAY1516railsiconsfixedwidth3674
|
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-
|
12
|
+
date: 2024-09-05 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -2841,8 +2841,6 @@ files:
|
|
2841
2841
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
|
2842
2842
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
|
2843
2843
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
|
2844
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
|
2845
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
|
2846
2844
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
|
2847
2845
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
|
2848
2846
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
|
@@ -3024,8 +3022,8 @@ files:
|
|
3024
3022
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3025
3023
|
- app/pb_kits/playbook/utilities/text.ts
|
3026
3024
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3027
|
-
- dist/chunks/_typeahead-
|
3028
|
-
- dist/chunks/_weekday_stacked-
|
3025
|
+
- dist/chunks/_typeahead-Cq7RLPBA.js
|
3026
|
+
- dist/chunks/_weekday_stacked-Cykj5kLZ.js
|
3029
3027
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3030
3028
|
- dist/chunks/lib-DErGXNy3.js
|
3031
3029
|
- dist/chunks/pb_form_validation-BC6kh7Hu.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
|