playbook_ui 14.3.2.pre.alpha.PBNTR515typeaheadmarginbottomredux3785 → 14.3.2.pre.alpha.pbntr523enablekitsforradiofix3809

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +2 -3
  3. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +245 -23
  4. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +1 -1
  5. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.html.erb +117 -0
  6. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.jsx +227 -0
  7. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.md +1 -0
  8. data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -0
  9. data/app/pb_kits/playbook/pb_form_pill/docs/index.js +1 -0
  10. data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +1 -1
  11. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +5 -1
  12. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb +72 -0
  13. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx +91 -0
  14. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_rails.md +1 -0
  15. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_react.md +1 -0
  16. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +2 -0
  17. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
  18. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +4 -0
  19. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +97 -21
  20. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.test.js +166 -0
  21. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx +45 -6
  22. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.html.erb +73 -0
  23. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.jsx +86 -0
  24. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +2 -0
  25. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +1 -0
  26. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +6 -2
  27. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.rb +21 -1
  28. data/app/pb_kits/playbook/pb_radio/_radio.tsx +92 -33
  29. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb +48 -0
  30. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +59 -0
  31. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.md +1 -0
  32. data/app/pb_kits/playbook/pb_radio/docs/example.yml +2 -0
  33. data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
  34. data/app/pb_kits/playbook/pb_radio/index.js +17 -0
  35. data/app/pb_kits/playbook/pb_radio/radio.html.erb +35 -13
  36. data/app/pb_kits/playbook/pb_radio/radio.rb +3 -1
  37. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -0
  38. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +1 -0
  39. data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +9 -7
  40. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +4 -3
  41. data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +5 -6
  42. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +26 -18
  43. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.html.erb +31 -0
  44. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +26 -0
  45. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_rails.md +1 -0
  46. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_react.md +1 -0
  47. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +2 -2
  48. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -1
  49. data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +1 -2
  50. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +5 -6
  51. data/app/pb_kits/playbook/tokens/_colors.scss +2 -0
  52. data/dist/chunks/{_typeahead-DaDWXuYo.js → _typeahead-468tQVei.js} +2 -2
  53. data/dist/chunks/{_weekday_stacked-Drg1rU0J.js → _weekday_stacked-CODev76A.js} +2 -2
  54. data/dist/chunks/{lib--ErPKv63.js → lib-D2U4I1U6.js} +1 -1
  55. data/dist/chunks/{pb_form_validation-CHMFwDfe.js → pb_form_validation-zV9OpdSt.js} +1 -1
  56. data/dist/chunks/vendor.js +1 -1
  57. data/dist/playbook-doc.js +1 -1
  58. data/dist/playbook-rails-react-bindings.js +1 -1
  59. data/dist/playbook-rails.js +1 -1
  60. data/dist/playbook.css +1 -1
  61. data/lib/playbook/version.rb +1 -1
  62. metadata +23 -8
  63. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb +0 -88
  64. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx +0 -60
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.3.2"
5
- VERSION = "14.3.2.pre.alpha.PBNTR515typeaheadmarginbottomredux3785"
5
+ VERSION = "14.3.2.pre.alpha.pbntr523enablekitsforradiofix3809"
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.3.2.pre.alpha.PBNTR515typeaheadmarginbottomredux3785
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-17 00:00:00.000000000 Z
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-DaDWXuYo.js
3040
- - dist/chunks/_weekday_stacked-Drg1rU0J.js
3054
+ - dist/chunks/_typeahead-468tQVei.js
3055
+ - dist/chunks/_weekday_stacked-CODev76A.js
3041
3056
  - dist/chunks/lazysizes-B7xYodB-.js
3042
- - dist/chunks/lib--ErPKv63.js
3043
- - dist/chunks/pb_form_validation-CHMFwDfe.js
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