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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +2 -12
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +0 -4
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +0 -33
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +1 -51
- data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +0 -34
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +0 -19
- data/app/pb_kits/playbook/pb_background/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_background/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +5 -14
- data/app/pb_kits/playbook/pb_dialog/_dialog.scss +6 -8
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +0 -6
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +2 -37
- data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_dropdown/docs/index.js +1 -4
- data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
- data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +0 -6
- data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +0 -94
- data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +1 -5
- data/app/pb_kits/playbook/pb_dropdown/index.js +4 -59
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +0 -3
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +1 -2
- data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx +1 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +2 -2
- data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +9 -16
- data/app/pb_kits/playbook/pb_filter/filter.rb +2 -2
- data/app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.html.erb +1 -5
- data/app/pb_kits/playbook/pb_form/pb_form_validation.js +2 -9
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb +5 -5
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx +4 -4
- data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +0 -4
- data/app/pb_kits/playbook/pb_icon/icon.rb +1 -6
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +33 -35
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +7 -51
- data/app/pb_kits/playbook/pb_multiple_users/multiple_users.rb +0 -1
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +5 -20
- data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +0 -1
- data/app/pb_kits/playbook/pb_passphrase/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_passphrase/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_passphrase/passphrase.rb +0 -2
- data/app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx +1 -30
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +0 -3
- data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +0 -3
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +3 -34
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +6 -33
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb +0 -5
- data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.test.js +18 -33
- data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +11 -39
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb +3 -3
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx +0 -3
- data/app/pb_kits/playbook/pb_textarea/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_textarea/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_textarea/index.ts +5 -12
- data/app/pb_kits/playbook/pb_textarea/textarea.html.erb +14 -30
- data/app/pb_kits/playbook/pb_textarea/textarea.rb +0 -36
- data/app/pb_kits/playbook/pb_textarea/textarea.test.js +1 -18
- data/app/pb_kits/playbook/pb_time_picker/_time_picker.tsx +11 -97
- data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx +2 -5
- data/app/pb_kits/playbook/pb_time_picker/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_time_picker/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_time_picker/time_picker.rb +0 -3
- data/app/pb_kits/playbook/pb_time_picker/time_picker.test.jsx +1 -47
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +1 -24
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +1 -2
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +1 -4
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +0 -4
- data/dist/chunks/{_pb_line_graph-BgKF_zz1.js → _pb_line_graph-hxi01lk7.js} +1 -1
- data/dist/chunks/_typeahead-BgLnlhzP.js +1 -0
- data/dist/chunks/{globalProps-BhVYCqRf.js → globalProps-DgYwLYNx.js} +1 -1
- data/dist/chunks/{lib-DD34ZrWL.js → lib-NLxTo8OB.js} +1 -1
- data/dist/chunks/vendor.js +3 -3
- data/dist/menu.yml +2 -2
- 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/align_content.rb +3 -13
- data/lib/playbook/align_items.rb +3 -13
- data/lib/playbook/align_self.rb +3 -13
- data/lib/playbook/display.rb +0 -5
- data/lib/playbook/flex.rb +3 -13
- data/lib/playbook/flex_direction.rb +3 -13
- data/lib/playbook/flex_grow.rb +3 -13
- data/lib/playbook/flex_shrink.rb +3 -13
- data/lib/playbook/flex_wrap.rb +3 -13
- data/lib/playbook/forms/builder/phone_number_field.rb +0 -9
- data/lib/playbook/justify_content.rb +3 -13
- data/lib/playbook/justify_self.rb +3 -13
- data/lib/playbook/order.rb +3 -13
- data/lib/playbook/spacing.rb +9 -39
- data/lib/playbook/text_align.rb +3 -13
- data/lib/playbook/truncate.rb +1 -1
- data/lib/playbook/version.rb +2 -2
- data/lib/playbook/vertical_align.rb +3 -13
- data/lib/playbook/z_index.rb +0 -5
- metadata +6 -72
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_custom.jsx +0 -71
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_custom.md +0 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading_rails.html.erb +0 -64
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading_rails.md +0 -18
- data/app/pb_kits/playbook/pb_background/docs/_background_responsive.jsx +0 -30
- data/app/pb_kits/playbook/pb_background/docs/_background_responsive.md +0 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.md +0 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_rails.md +0 -3
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_react.md +0 -3
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.html.erb +0 -52
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.jsx +0 -72
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.md +0 -5
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx +0 -33
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb +0 -20
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.md +0 -8
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_react.md +0 -8
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.html.erb +0 -9
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.jsx +0 -33
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.md +0 -3
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_input_display.html.erb +0 -74
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_input_display.jsx +0 -87
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_input_display.md +0 -3
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.html.erb +0 -30
- data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.html.erb +0 -7
- data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.jsx +0 -24
- data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.md +0 -3
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb +0 -5
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx +0 -14
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md +0 -3
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_required_indicator.jsx +0 -35
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_required_indicator.md +0 -3
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_required_indicator.html.erb +0 -10
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_required_indicator.jsx +0 -21
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_required_indicator.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_sections.yml +0 -68
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.md +0 -1
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_input_options.html.erb +0 -39
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_input_options.md +0 -3
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_required_indicator.html.erb +0 -5
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_required_indicator.jsx +0 -25
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_required_indicator.md +0 -3
- data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.html.erb +0 -6
- data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.jsx +0 -16
- data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.md +0 -3
- data/app/pb_kits/playbook/utilities/test/globalProps/borderRadius.test.js +0 -33
- data/app/pb_kits/playbook/utilities/test/globalProps/bottom.test.js +0 -60
- data/app/pb_kits/playbook/utilities/test/globalProps/cursor.test.js +0 -42
- data/app/pb_kits/playbook/utilities/test/globalProps/dark.test.js +0 -33
- data/app/pb_kits/playbook/utilities/test/globalProps/gap.test.js +0 -87
- data/app/pb_kits/playbook/utilities/test/globalProps/globalProps.integration.test.js +0 -936
- data/app/pb_kits/playbook/utilities/test/globalProps/height.test.js +0 -68
- data/app/pb_kits/playbook/utilities/test/globalProps/htmlOptions.test.js +0 -510
- data/app/pb_kits/playbook/utilities/test/globalProps/left.test.js +0 -60
- data/app/pb_kits/playbook/utilities/test/globalProps/lineHeight.test.js +0 -33
- data/app/pb_kits/playbook/utilities/test/globalProps/margin.test.js +0 -95
- data/app/pb_kits/playbook/utilities/test/globalProps/numberSpacing.test.js +0 -33
- data/app/pb_kits/playbook/utilities/test/globalProps/overflow.test.js +0 -68
- data/app/pb_kits/playbook/utilities/test/globalProps/padding.test.js +0 -95
- data/app/pb_kits/playbook/utilities/test/globalProps/position.test.js +0 -33
- data/app/pb_kits/playbook/utilities/test/globalProps/right.test.js +0 -60
- data/app/pb_kits/playbook/utilities/test/globalProps/shadow.test.js +0 -33
- data/app/pb_kits/playbook/utilities/test/globalProps/textAlign.test.js +0 -41
- data/app/pb_kits/playbook/utilities/test/globalProps/top.test.js +0 -60
- data/app/pb_kits/playbook/utilities/test/globalProps/verticalAlign.test.js +0 -40
- data/app/pb_kits/playbook/utilities/test/globalProps/width.test.js +0 -66
- data/app/pb_kits/playbook/utilities/test/globalProps/zIndex.test.js +0 -50
- 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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
end
|
|
35
25
|
# rubocop:enable Style/IfInsideElse
|
|
36
26
|
|
data/lib/playbook/align_items.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
end
|
|
35
25
|
# rubocop:enable Style/IfInsideElse
|
|
36
26
|
|
data/lib/playbook/align_self.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
# rubocop:enable Style/IfInsideElse
|
|
35
25
|
end
|
|
36
26
|
|
data/lib/playbook/display.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
end
|
|
35
25
|
# rubocop:enable Style/IfInsideElse
|
|
36
26
|
|
data/lib/playbook/flex_grow.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
end
|
|
35
25
|
# rubocop:enable Style/IfInsideElse
|
|
36
26
|
|
data/lib/playbook/flex_shrink.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
end
|
|
35
25
|
# rubocop:enable Style/IfInsideElse
|
|
36
26
|
|
data/lib/playbook/flex_wrap.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
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
|
-
|
|
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.
|
|
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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
end
|
|
35
25
|
# rubocop:enable Style/IfInsideElse
|
|
36
26
|
|
data/lib/playbook/order.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
end
|
|
35
25
|
# rubocop:enable Style/IfInsideElse
|
|
36
26
|
|
data/lib/playbook/spacing.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
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
|
-
|
|
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.
|
|
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
|
-
|
|
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.
|
|
220
|
+
end.compact.join(" ")
|
|
251
221
|
end
|
|
252
222
|
end
|
|
253
223
|
end
|
data/lib/playbook/text_align.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
end
|
|
35
25
|
# rubocop:enable Style/IfInsideElse
|
|
36
26
|
|
data/lib/playbook/truncate.rb
CHANGED
|
@@ -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)
|
|
14
|
+
truncate_value = send(k)
|
|
15
15
|
"truncate_#{truncate_value}" if truncate_values.include? truncate_value
|
|
16
16
|
end.compact.join(" ")
|
|
17
17
|
end
|
data/lib/playbook/version.rb
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
23
|
+
end.compact.join(" ")
|
|
34
24
|
end
|
|
35
25
|
# rubocop:enable Style/IfInsideElse
|
|
36
26
|
|
data/lib/playbook/z_index.rb
CHANGED
|
@@ -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
|