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

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.
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