playbook_ui 14.3.2.pre.alpha.PBNTR515typeaheadmarginbottomredux3756 → 14.3.2.pre.alpha.pbntr523enablekitsforradiofix3809
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +2 -3
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +245 -23
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +1 -1
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.html.erb +117 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.jsx +227 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.md +1 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +1 -1
- data/app/pb_kits/playbook/pb_icon/icon.rb +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +5 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb +72 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx +91 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_rails.md +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_react.md +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +4 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +97 -21
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.test.js +166 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx +45 -6
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.html.erb +73 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.jsx +86 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +6 -2
- data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.rb +21 -1
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +92 -33
- data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb +48 -0
- data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +59 -0
- data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.md +1 -0
- data/app/pb_kits/playbook/pb_radio/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_radio/index.js +17 -0
- data/app/pb_kits/playbook/pb_radio/radio.html.erb +35 -13
- data/app/pb_kits/playbook/pb_radio/radio.rb +3 -1
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -0
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +9 -7
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +4 -3
- data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +5 -6
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +26 -18
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.html.erb +31 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +26 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_rails.md +1 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_react.md +1 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +2 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -1
- data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +1 -2
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +5 -6
- data/app/pb_kits/playbook/tokens/_colors.scss +2 -0
- data/dist/chunks/{_typeahead-BOgF-ybo.js → _typeahead-468tQVei.js} +2 -2
- data/dist/chunks/{_weekday_stacked-COb2q6KQ.js → _weekday_stacked-CODev76A.js} +2 -2
- data/dist/chunks/lib-D2U4I1U6.js +16 -0
- data/dist/chunks/{pb_form_validation-u2wnZ3oe.js → pb_form_validation-zV9OpdSt.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 +23 -8
- 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/dist/chunks/lib-D9uVVKnh.js +0 -16
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.3.2.pre.alpha.
|
4
|
+
version: 14.3.2.pre.alpha.pbntr523enablekitsforradiofix3809
|
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-18 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -1337,6 +1337,9 @@ files:
|
|
1337
1337
|
- app/pb_kits/playbook/pb_form_pill/_form_pill.scss
|
1338
1338
|
- app/pb_kits/playbook/pb_form_pill/_form_pill.test.jsx
|
1339
1339
|
- app/pb_kits/playbook/pb_form_pill/_form_pill.tsx
|
1340
|
+
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.html.erb
|
1341
|
+
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.jsx
|
1342
|
+
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.md
|
1340
1343
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.html.erb
|
1341
1344
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.jsx
|
1342
1345
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.md
|
@@ -1775,6 +1778,10 @@ files:
|
|
1775
1778
|
- app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx
|
1776
1779
|
- app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss
|
1777
1780
|
- app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx
|
1781
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb
|
1782
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx
|
1783
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_rails.md
|
1784
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_react.md
|
1778
1785
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb
|
1779
1786
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
|
1780
1787
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
|
@@ -1820,6 +1827,8 @@ files:
|
|
1820
1827
|
- app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.test.js
|
1821
1828
|
- app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx
|
1822
1829
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md
|
1830
|
+
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.html.erb
|
1831
|
+
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.jsx
|
1823
1832
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.html.erb
|
1824
1833
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
|
1825
1834
|
- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md
|
@@ -2149,6 +2158,9 @@ files:
|
|
2149
2158
|
- app/pb_kits/playbook/pb_radio/docs/_radio_alignment_swift.md
|
2150
2159
|
- app/pb_kits/playbook/pb_radio/docs/_radio_custom.html.erb
|
2151
2160
|
- app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx
|
2161
|
+
- app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb
|
2162
|
+
- app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx
|
2163
|
+
- app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.md
|
2152
2164
|
- app/pb_kits/playbook/pb_radio/docs/_radio_custom_swift.md
|
2153
2165
|
- app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb
|
2154
2166
|
- app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx
|
@@ -2167,6 +2179,7 @@ files:
|
|
2167
2179
|
- app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md
|
2168
2180
|
- app/pb_kits/playbook/pb_radio/docs/example.yml
|
2169
2181
|
- app/pb_kits/playbook/pb_radio/docs/index.js
|
2182
|
+
- app/pb_kits/playbook/pb_radio/index.js
|
2170
2183
|
- app/pb_kits/playbook/pb_radio/radio.html.erb
|
2171
2184
|
- app/pb_kits/playbook/pb_radio/radio.rb
|
2172
2185
|
- app/pb_kits/playbook/pb_radio/radio.test.js
|
@@ -2853,8 +2866,6 @@ files:
|
|
2853
2866
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
|
2854
2867
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
|
2855
2868
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
|
2856
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
|
2857
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
|
2858
2869
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
|
2859
2870
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
|
2860
2871
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
|
@@ -2870,6 +2881,10 @@ files:
|
|
2870
2881
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.html.erb
|
2871
2882
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx
|
2872
2883
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.md
|
2884
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.html.erb
|
2885
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
|
2886
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_rails.md
|
2887
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_react.md
|
2873
2888
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.html.erb
|
2874
2889
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.md
|
2875
2890
|
- app/pb_kits/playbook/pb_typeahead/docs/example.yml
|
@@ -3036,11 +3051,11 @@ files:
|
|
3036
3051
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3037
3052
|
- app/pb_kits/playbook/utilities/text.ts
|
3038
3053
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3039
|
-
- dist/chunks/_typeahead-
|
3040
|
-
- dist/chunks/_weekday_stacked-
|
3054
|
+
- dist/chunks/_typeahead-468tQVei.js
|
3055
|
+
- dist/chunks/_weekday_stacked-CODev76A.js
|
3041
3056
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3042
|
-
- dist/chunks/lib-
|
3043
|
-
- dist/chunks/pb_form_validation-
|
3057
|
+
- dist/chunks/lib-D2U4I1U6.js
|
3058
|
+
- dist/chunks/pb_form_validation-zV9OpdSt.js
|
3044
3059
|
- dist/chunks/vendor.js
|
3045
3060
|
- dist/menu.yml
|
3046
3061
|
- dist/playbook-doc.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
|