playbook_ui 16.1.0.pre.alpha.play277814027 → 16.1.0.pre.rc.0

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 (178) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +2 -12
  3. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +2 -2
  4. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +0 -4
  5. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +0 -33
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md +2 -2
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -2
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
  9. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +1 -51
  10. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +1 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +0 -34
  12. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +1 -1
  13. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +0 -19
  14. data/app/pb_kits/playbook/pb_background/docs/example.yml +0 -1
  15. data/app/pb_kits/playbook/pb_background/docs/index.js +0 -1
  16. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +5 -14
  17. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +6 -8
  18. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +0 -6
  19. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +2 -37
  20. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +0 -6
  21. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +1 -4
  22. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
  23. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +0 -6
  24. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +0 -94
  25. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +1 -5
  26. data/app/pb_kits/playbook/pb_dropdown/index.js +4 -59
  27. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +0 -3
  28. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +1 -2
  29. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx +1 -1
  30. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +2 -2
  31. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +9 -16
  32. data/app/pb_kits/playbook/pb_filter/filter.rb +2 -2
  33. data/app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.html.erb +1 -5
  34. data/app/pb_kits/playbook/pb_form/pb_form_validation.js +2 -9
  35. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb +5 -5
  36. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx +4 -4
  37. data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +0 -4
  38. data/app/pb_kits/playbook/pb_icon/icon.rb +1 -6
  39. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +33 -35
  40. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +0 -1
  41. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx +1 -1
  42. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md +1 -1
  43. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -1
  44. data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +7 -51
  45. data/app/pb_kits/playbook/pb_multiple_users/multiple_users.rb +0 -1
  46. data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +5 -20
  47. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +0 -1
  48. data/app/pb_kits/playbook/pb_passphrase/docs/example.yml +0 -2
  49. data/app/pb_kits/playbook/pb_passphrase/docs/index.js +0 -1
  50. data/app/pb_kits/playbook/pb_passphrase/passphrase.rb +0 -2
  51. data/app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx +1 -30
  52. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +0 -3
  53. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +0 -2
  54. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
  55. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +0 -3
  56. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +3 -34
  57. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +6 -33
  58. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +0 -3
  59. data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +0 -2
  60. data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb +0 -5
  61. data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.test.js +18 -33
  62. data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +11 -39
  63. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb +3 -3
  64. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx +0 -3
  65. data/app/pb_kits/playbook/pb_textarea/docs/example.yml +1 -4
  66. data/app/pb_kits/playbook/pb_textarea/docs/index.js +0 -1
  67. data/app/pb_kits/playbook/pb_textarea/index.ts +5 -12
  68. data/app/pb_kits/playbook/pb_textarea/textarea.html.erb +14 -30
  69. data/app/pb_kits/playbook/pb_textarea/textarea.rb +0 -36
  70. data/app/pb_kits/playbook/pb_textarea/textarea.test.js +1 -18
  71. data/app/pb_kits/playbook/pb_time_picker/_time_picker.tsx +11 -97
  72. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx +2 -5
  73. data/app/pb_kits/playbook/pb_time_picker/docs/example.yml +0 -2
  74. data/app/pb_kits/playbook/pb_time_picker/docs/index.js +0 -1
  75. data/app/pb_kits/playbook/pb_time_picker/time_picker.rb +0 -3
  76. data/app/pb_kits/playbook/pb_time_picker/time_picker.test.jsx +1 -47
  77. data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +1 -24
  78. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +1 -2
  79. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +1 -4
  80. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb +1 -1
  81. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +1 -1
  82. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +0 -4
  83. data/dist/chunks/{_pb_line_graph-BgKF_zz1.js → _pb_line_graph-hxi01lk7.js} +1 -1
  84. data/dist/chunks/_typeahead-BgLnlhzP.js +1 -0
  85. data/dist/chunks/{globalProps-BhVYCqRf.js → globalProps-DgYwLYNx.js} +1 -1
  86. data/dist/chunks/{lib-DD34ZrWL.js → lib-NLxTo8OB.js} +1 -1
  87. data/dist/chunks/vendor.js +3 -3
  88. data/dist/menu.yml +2 -2
  89. data/dist/playbook-rails-react-bindings.js +1 -1
  90. data/dist/playbook-rails.js +1 -1
  91. data/dist/playbook.css +1 -1
  92. data/lib/playbook/align_content.rb +3 -13
  93. data/lib/playbook/align_items.rb +3 -13
  94. data/lib/playbook/align_self.rb +3 -13
  95. data/lib/playbook/display.rb +0 -5
  96. data/lib/playbook/flex.rb +3 -13
  97. data/lib/playbook/flex_direction.rb +3 -13
  98. data/lib/playbook/flex_grow.rb +3 -13
  99. data/lib/playbook/flex_shrink.rb +3 -13
  100. data/lib/playbook/flex_wrap.rb +3 -13
  101. data/lib/playbook/forms/builder/phone_number_field.rb +0 -9
  102. data/lib/playbook/justify_content.rb +3 -13
  103. data/lib/playbook/justify_self.rb +3 -13
  104. data/lib/playbook/order.rb +3 -13
  105. data/lib/playbook/spacing.rb +9 -39
  106. data/lib/playbook/text_align.rb +3 -13
  107. data/lib/playbook/truncate.rb +1 -1
  108. data/lib/playbook/version.rb +2 -2
  109. data/lib/playbook/vertical_align.rb +3 -13
  110. data/lib/playbook/z_index.rb +0 -5
  111. metadata +6 -72
  112. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_custom.jsx +0 -71
  113. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_custom.md +0 -4
  114. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading_rails.html.erb +0 -64
  115. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading_rails.md +0 -18
  116. data/app/pb_kits/playbook/pb_background/docs/_background_responsive.jsx +0 -30
  117. data/app/pb_kits/playbook/pb_background/docs/_background_responsive.md +0 -1
  118. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.md +0 -1
  119. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_rails.md +0 -3
  120. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_react.md +0 -3
  121. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.html.erb +0 -52
  122. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.jsx +0 -72
  123. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.md +0 -5
  124. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx +0 -33
  125. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb +0 -20
  126. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.md +0 -8
  127. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_react.md +0 -8
  128. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.html.erb +0 -9
  129. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.jsx +0 -33
  130. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.md +0 -3
  131. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_input_display.html.erb +0 -74
  132. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_input_display.jsx +0 -87
  133. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_input_display.md +0 -3
  134. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.html.erb +0 -30
  135. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.html.erb +0 -7
  136. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.jsx +0 -24
  137. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.md +0 -3
  138. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb +0 -5
  139. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx +0 -14
  140. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md +0 -3
  141. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_required_indicator.jsx +0 -35
  142. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_required_indicator.md +0 -3
  143. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_required_indicator.html.erb +0 -10
  144. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_required_indicator.jsx +0 -21
  145. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_required_indicator.md +0 -3
  146. data/app/pb_kits/playbook/pb_table/docs/_sections.yml +0 -68
  147. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.md +0 -1
  148. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_input_options.html.erb +0 -39
  149. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_input_options.md +0 -3
  150. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_required_indicator.html.erb +0 -5
  151. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_required_indicator.jsx +0 -25
  152. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_required_indicator.md +0 -3
  153. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.html.erb +0 -6
  154. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.jsx +0 -16
  155. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.md +0 -3
  156. data/app/pb_kits/playbook/utilities/test/globalProps/borderRadius.test.js +0 -33
  157. data/app/pb_kits/playbook/utilities/test/globalProps/bottom.test.js +0 -60
  158. data/app/pb_kits/playbook/utilities/test/globalProps/cursor.test.js +0 -42
  159. data/app/pb_kits/playbook/utilities/test/globalProps/dark.test.js +0 -33
  160. data/app/pb_kits/playbook/utilities/test/globalProps/gap.test.js +0 -87
  161. data/app/pb_kits/playbook/utilities/test/globalProps/globalProps.integration.test.js +0 -936
  162. data/app/pb_kits/playbook/utilities/test/globalProps/height.test.js +0 -68
  163. data/app/pb_kits/playbook/utilities/test/globalProps/htmlOptions.test.js +0 -510
  164. data/app/pb_kits/playbook/utilities/test/globalProps/left.test.js +0 -60
  165. data/app/pb_kits/playbook/utilities/test/globalProps/lineHeight.test.js +0 -33
  166. data/app/pb_kits/playbook/utilities/test/globalProps/margin.test.js +0 -95
  167. data/app/pb_kits/playbook/utilities/test/globalProps/numberSpacing.test.js +0 -33
  168. data/app/pb_kits/playbook/utilities/test/globalProps/overflow.test.js +0 -68
  169. data/app/pb_kits/playbook/utilities/test/globalProps/padding.test.js +0 -95
  170. data/app/pb_kits/playbook/utilities/test/globalProps/position.test.js +0 -33
  171. data/app/pb_kits/playbook/utilities/test/globalProps/right.test.js +0 -60
  172. data/app/pb_kits/playbook/utilities/test/globalProps/shadow.test.js +0 -33
  173. data/app/pb_kits/playbook/utilities/test/globalProps/textAlign.test.js +0 -41
  174. data/app/pb_kits/playbook/utilities/test/globalProps/top.test.js +0 -60
  175. data/app/pb_kits/playbook/utilities/test/globalProps/verticalAlign.test.js +0 -40
  176. data/app/pb_kits/playbook/utilities/test/globalProps/width.test.js +0 -66
  177. data/app/pb_kits/playbook/utilities/test/globalProps/zIndex.test.js +0 -50
  178. data/dist/chunks/_typeahead-CWA5wlah.js +0 -1
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = align_content_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  align_content = send(k)
18
16
  if align_content.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "align_content_#{align_content[:default].underscore}" if align_content.key?(:default) && align_content_values.include?(align_content[:default])
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- align_content.each do |media_size, align_value|
26
- class_result << "align_content_#{media_size}_#{align_value.underscore}" if screen_size_values.include?(media_size.to_s) && align_content_values.include?(align_value)
17
+ align_content.map do |media_size, align_value|
18
+ "align_content_#{media_size}_#{align_value.underscore}" if align_content_values.include? align_value
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "align_content_#{align_content.underscore}" if align_content_values.include? align_content
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = align_items_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  align_items_value = send(k)
18
16
  if align_items_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "align_items_#{align_items_value[:default].underscore}" if align_items_value.key?(:default) && align_items_values.include?(align_items_value[:default].to_s)
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- align_items_value.each do |media_size, align_value|
26
- class_result << "align_items_#{media_size}_#{align_value.underscore}" if screen_size_values.include?(media_size.to_s) && align_items_values.include?(align_value.to_s)
17
+ align_items_value.map do |media_size, align_value|
18
+ "align_items_#{media_size}_#{align_value.underscore}" if align_items_values.include? align_value.to_s
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "align_items_#{align_items_value.underscore}" if align_items_values.include? align_items_value
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = align_self_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  align_self_value = send(k)
18
16
  if align_self_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "align_self_#{align_self_value[:default]}" if align_self_value.key?(:default) && align_self_values.include?(align_self_value[:default])
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- align_self_value.each do |media_size, align_value|
26
- class_result << "align_self_#{media_size}_#{align_value}" if screen_size_values.include?(media_size.to_s) && align_self_values.include?(align_value)
17
+ align_self_value.map do |media_size, align_value|
18
+ "align_self_#{media_size}_#{align_value}" if align_self_values.include? align_value
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "align_self_#{align_self_value}" if align_self_values.include? align_self_value
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  # rubocop:enable Style/IfInsideElse
35
25
  end
36
26
 
@@ -12,11 +12,6 @@ module Playbook
12
12
  css = ""
13
13
  if responsive
14
14
  display_value = send(:display)
15
-
16
- # Handle default value separately (generates base class without size prefix)
17
- css += "display_#{display_value[:default]} " if display_value.key?(:default) && display_values.include?(display_value[:default].to_s)
18
-
19
- # Handle responsive sizes (generates classes with size prefix)
20
15
  display_value.each do |key, value|
21
16
  css += "display_#{key}_#{value} " if display_size_values.include?(key.to_s) && display_values.include?(value.to_s)
22
17
  end
data/lib/playbook/flex.rb CHANGED
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = flex_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  flex_value = send(k)
18
16
  if flex_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "flex_#{flex_value[:default]}" if flex_value.key?(:default) && flex_values.include?(flex_value[:default].to_s)
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- flex_value.each do |media_size, value|
26
- class_result << "flex_#{media_size}_#{value}" if screen_size_values.include?(media_size.to_s) && flex_values.include?(value.to_s)
17
+ flex_value.map do |media_size, value|
18
+ "flex_#{media_size}_#{value}" if flex_values.include? value.to_s
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "flex_#{flex_value}" if flex_values.include? flex_value.to_s
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = flex_direction_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  flex_direction_value = send(k)
18
16
  if flex_direction_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "flex_direction_#{flex_direction_value[:default].underscore}" if flex_direction_value.key?(:default) && flex_direction_values.include?(flex_direction_value[:default])
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- flex_direction_value.each do |media_size, flex_value|
26
- class_result << "flex_direction_#{media_size}_#{flex_value.underscore}" if screen_size_values.include?(media_size.to_s) && flex_direction_values.include?(flex_value)
17
+ flex_direction_value.map do |media_size, flex_value|
18
+ "flex_direction_#{media_size}_#{flex_value.underscore}" if flex_direction_values.include? flex_value
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "flex_direction_#{flex_direction_value.underscore}" if flex_direction_values.include? flex_direction_value
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = flex_grow_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  flex_grow_value = send(k)
18
16
  if flex_grow_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "flex_grow_#{flex_grow_value[:default]}" if flex_grow_value.key?(:default) && flex_grow_values.include?(flex_grow_value[:default].to_s)
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- flex_grow_value.each do |media_size, grow_value|
26
- class_result << "flex_grow_#{media_size}_#{grow_value}" if screen_size_values.include?(media_size.to_s) && flex_grow_values.include?(grow_value.to_s)
17
+ flex_grow_value.map do |media_size, grow_value|
18
+ "flex_grow_#{media_size}_#{grow_value}" if flex_grow_values.include? grow_value.to_s
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "flex_grow_#{flex_grow_value}" if flex_grow_values.include? flex_grow_value.to_s
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = flex_shrink_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  flex_shrink_value = send(k)
18
16
  if flex_shrink_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "flex_shrink_#{flex_shrink_value[:default]}" if flex_shrink_value.key?(:default) && flex_shrink_values.include?(flex_shrink_value[:default].to_s)
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- flex_shrink_value.each do |media_size, shrink_value|
26
- class_result << "flex_shrink_#{media_size}_#{shrink_value}" if screen_size_values.include?(media_size.to_s) && flex_shrink_values.include?(shrink_value.to_s)
17
+ flex_shrink_value.map do |media_size, shrink_value|
18
+ "flex_shrink_#{media_size}_#{shrink_value}" if flex_shrink_values.include? shrink_value.to_s
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "flex_shrink_#{flex_shrink_value}" if flex_shrink_values.include? flex_shrink_value.to_s
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = flex_wrap_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  flex_wrap_value = send(k)
18
16
  if flex_wrap_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "flex_wrap_#{flex_wrap_value[:default].underscore}" if flex_wrap_value.key?(:default) && flex_wrap_values.include?(flex_wrap_value[:default])
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- flex_wrap_value.each do |media_size, wrap_value|
26
- class_result << "flex_wrap_#{media_size}_#{wrap_value.underscore}" if screen_size_values.include?(media_size.to_s) && flex_wrap_values.include?(wrap_value)
17
+ flex_wrap_value.map do |media_size, wrap_value|
18
+ "flex_wrap_#{media_size}_#{wrap_value.underscore}" if flex_wrap_values.include? wrap_value
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "flex_wrap_#{flex_wrap_value}" if flex_wrap_values.include? flex_wrap_value
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -5,15 +5,6 @@ module Playbook
5
5
  class Builder
6
6
  def phone_number_field(name, props: {})
7
7
  props[:name] = name
8
-
9
- if props[:label] == true && props[:required_indicator]
10
- props[:label] = if @object && @object.class.respond_to?(:human_attribute_name)
11
- @object.class.human_attribute_name(name)
12
- else
13
- name.to_s.humanize
14
- end
15
- end
16
-
17
8
  @template.pb_rails("phone_number_input", props: props)
18
9
  end
19
10
  end
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = justify_content_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  justify_content_value = send(k)
18
16
  if justify_content_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "justify_content_#{justify_content_value[:default].underscore}" if justify_content_value.key?(:default) && justify_content_values.include?(justify_content_value[:default])
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- justify_content_value.each do |media_size, justify_value|
26
- class_result << "justify_content_#{media_size}_#{justify_value.underscore}" if screen_size_values.include?(media_size.to_s) && justify_content_values.include?(justify_value)
17
+ justify_content_value.map do |media_size, justify_value|
18
+ "justify_content_#{media_size}_#{justify_value.underscore}" if justify_content_values.include? justify_value
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "justify_content_#{justify_content_value.underscore}" if justify_content_values.include? justify_content_value
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = justify_self_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  justify_self_value = send(k)
18
16
  if justify_self_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "justify_self_#{justify_self_value[:default]}" if justify_self_value.key?(:default) && justify_self_values.include?(justify_self_value[:default])
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- justify_self_value.each do |media_size, self_value|
26
- class_result << "justify_self_#{media_size}_#{self_value}" if screen_size_values.include?(media_size.to_s) && justify_self_values.include?(self_value)
17
+ justify_self_value.map do |media_size, self_value|
18
+ "justify_self_#{media_size}_#{self_value}" if justify_self_values.include? self_value
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "justify_self_#{justify_self_value}" if justify_self_values.include? justify_self_value
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = order_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  order_value = send(k)
18
16
  if order_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "flex_order_#{order_value[:default]}" if order_value.key?(:default) && order_values.include?(order_value[:default].to_s)
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- order_value.each do |media_size, order_size_value|
26
- class_result << "flex_order_#{media_size}_#{order_size_value}" if screen_size_values.include?(media_size.to_s) && order_values.include?(order_size_value.to_s)
17
+ order_value.map do |media_size, order_size_value|
18
+ "flex_order_#{media_size}_#{order_size_value}" if order_values.include? order_size_value.to_s
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "flex_order_#{order_value}" if order_values.include? order_value.to_s
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -176,78 +176,48 @@ module Playbook
176
176
  selected_gap_props = gap_options.keys.select { |sk| try(sk) }
177
177
  return nil unless selected_gap_props.present?
178
178
 
179
- screen_size_values = %w[xs sm md lg xl]
180
-
181
179
  selected_gap_props.map do |k|
182
180
  gap_value = send(k)
183
181
  if gap_value.is_a?(Hash)
184
- class_result = []
185
-
186
- # Handle default value separately (generates base class without size prefix)
187
- class_result << "gap_#{gap_value[:default].underscore}" if gap_value.key?(:default) && gap_values.include?(gap_value[:default].to_s)
188
-
189
- # Handle responsive sizes (generates classes with size prefix)
190
- gap_value.each do |media_size, gap_spacing_value|
191
- class_result << "gap_#{media_size}_#{gap_spacing_value.underscore}" if screen_size_values.include?(media_size.to_s) && gap_values.include?(gap_spacing_value.to_s)
182
+ gap_value.map do |media_size, gap_spacing_value|
183
+ "gap_#{media_size}_#{gap_spacing_value.underscore}" if gap_values.include?(gap_spacing_value.to_s)
192
184
  end
193
-
194
- class_result
195
185
  elsif gap_values.include?(gap_value.to_s)
196
186
  "gap_#{gap_value.underscore}"
197
187
  end
198
- end.flatten.compact.join(" ")
188
+ end.compact.join(" ")
199
189
  end
200
190
 
201
191
  def column_gap_props
202
192
  selected_column_gap_props = column_gap_options.keys.select { |sk| try(sk) }
203
193
  return nil unless selected_column_gap_props.present?
204
194
 
205
- screen_size_values = %w[xs sm md lg xl]
206
-
207
195
  selected_column_gap_props.map do |k|
208
196
  column_gap_value = send(k)
209
197
  if column_gap_value.is_a?(Hash)
210
- class_result = []
211
-
212
- # Handle default value separately (generates base class without size prefix)
213
- class_result << "column_gap_#{column_gap_value[:default].underscore}" if column_gap_value.key?(:default) && gap_values.include?(column_gap_value[:default].to_s)
214
-
215
- # Handle responsive sizes (generates classes with size prefix)
216
- column_gap_value.each do |media_size, column_gap_spacing_value|
217
- class_result << "column_gap_#{media_size}_#{column_gap_spacing_value.underscore}" if screen_size_values.include?(media_size.to_s) && gap_values.include?(column_gap_spacing_value.to_s)
198
+ column_gap_value.map do |media_size, column_gap_spacing_value|
199
+ "column_gap_#{media_size}_#{column_gap_spacing_value.underscore}" if gap_values.include?(column_gap_spacing_value.to_s)
218
200
  end
219
-
220
- class_result
221
201
  elsif gap_values.include?(column_gap_value.to_s)
222
202
  "column_gap_#{column_gap_value.underscore}"
223
203
  end
224
- end.flatten.compact.join(" ")
204
+ end.compact.join(" ")
225
205
  end
226
206
 
227
207
  def row_gap_props
228
208
  selected_row_gap_props = row_gap_options.keys.select { |sk| try(sk) }
229
209
  return nil unless selected_row_gap_props.present?
230
210
 
231
- screen_size_values = %w[xs sm md lg xl]
232
-
233
211
  selected_row_gap_props.map do |k|
234
212
  row_gap_value = send(k)
235
213
  if row_gap_value.is_a?(Hash)
236
- class_result = []
237
-
238
- # Handle default value separately (generates base class without size prefix)
239
- class_result << "row_gap_#{row_gap_value[:default].underscore}" if row_gap_value.key?(:default) && gap_values.include?(row_gap_value[:default].to_s)
240
-
241
- # Handle responsive sizes (generates classes with size prefix)
242
- row_gap_value.each do |media_size, row_gap_spacing_value|
243
- class_result << "row_gap_#{media_size}_#{row_gap_spacing_value.underscore}" if screen_size_values.include?(media_size.to_s) && gap_values.include?(row_gap_spacing_value.to_s)
214
+ row_gap_value.map do |media_size, row_gap_spacing_value|
215
+ "row_gap_#{media_size}_#{row_gap_spacing_value.underscore}" if gap_values.include?(row_gap_spacing_value.to_s)
244
216
  end
245
-
246
- class_result
247
217
  elsif gap_values.include?(row_gap_value.to_s)
248
218
  "row_gap_#{row_gap_value.underscore}"
249
219
  end
250
- end.flatten.compact.join(" ")
220
+ end.compact.join(" ")
251
221
  end
252
222
  end
253
223
  end
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = text_align_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  text_align_value = send(k)
18
16
  if text_align_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "text_align_#{text_align_value[:default].underscore}" if text_align_value.key?(:default) && text_align_values.include?(text_align_value[:default])
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- text_align_value.each do |media_size, flex_value|
26
- class_result << "text_align_#{media_size}_#{flex_value.underscore}" if screen_size_values.include?(media_size.to_s) && text_align_values.include?(flex_value)
17
+ text_align_value.map do |media_size, flex_value|
18
+ "text_align_#{media_size}_#{flex_value.underscore}" if text_align_values.include? flex_value
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "text_align_#{text_align_value.underscore}" if text_align_values.include? text_align_value
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -11,7 +11,7 @@ module Playbook
11
11
  return nil unless selected_props.present?
12
12
 
13
13
  selected_props.map do |k|
14
- truncate_value = send(k).to_s
14
+ truncate_value = send(k)
15
15
  "truncate_#{truncate_value}" if truncate_values.include? truncate_value
16
16
  end.compact.join(" ")
17
17
  end
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "16.1.0"
5
- VERSION = "16.1.0.pre.alpha.play277814027"
4
+ PREVIOUS_VERSION = "16.0.0"
5
+ VERSION = "16.1.0.pre.rc.0"
6
6
  end
@@ -11,26 +11,16 @@ module Playbook
11
11
  selected_props = vertical_align_options.keys.select { |sk| try(sk) }
12
12
  return nil unless selected_props.present?
13
13
 
14
- screen_size_values = %w[xs sm md lg xl]
15
-
16
14
  selected_props.map do |k|
17
15
  vertical_align_value = send(k)
18
16
  if vertical_align_value.is_a?(Hash)
19
- class_result = []
20
-
21
- # Handle default value separately (generates base class without size prefix)
22
- class_result << "vertical_align_#{vertical_align_value[:default].underscore}" if vertical_align_value.key?(:default) && vertical_align_values.include?(vertical_align_value[:default])
23
-
24
- # Handle responsive sizes (generates classes with size prefix)
25
- vertical_align_value.each do |media_size, flex_value|
26
- class_result << "vertical_align_#{media_size}_#{flex_value.underscore}" if screen_size_values.include?(media_size.to_s) && vertical_align_values.include?(flex_value)
17
+ vertical_align_value.map do |media_size, flex_value|
18
+ "vertical_align_#{media_size}_#{flex_value.underscore}" if vertical_align_values.include? flex_value
27
19
  end
28
-
29
- class_result
30
20
  else
31
21
  "vertical_align_#{vertical_align_value.underscore}" if vertical_align_values.include? vertical_align_value
32
22
  end
33
- end.flatten.compact.join(" ")
23
+ end.compact.join(" ")
34
24
  end
35
25
  # rubocop:enable Style/IfInsideElse
36
26
 
@@ -28,11 +28,6 @@ module Playbook
28
28
  css = ""
29
29
  if responsive
30
30
  z_index_value = send(:z_index)
31
-
32
- # Handle default value separately (generates base class without size prefix)
33
- css += "z_index_#{z_index_value[:default]} " if z_index_value.key?(:default) && z_index_values.include?(z_index_value[:default].to_s)
34
-
35
- # Handle responsive sizes (generates classes with size prefix)
36
31
  z_index_value.each do |key, value|
37
32
  css += "z_index_#{key}_#{value} " if screen_size_values.include?(key.to_s) && z_index_values.include?(value.to_s)
38
33
  end