playbook_ui 13.21.0.pre.alpha.PBNTR225advancedtablefeedback2438 → 13.21.0.pre.alpha.PBNTR243globalpositioningpropinset2504

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 (163) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/README.md +2 -2
  3. data/app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx +20 -35
  4. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +7 -2
  5. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +6 -7
  6. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +14 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +19 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +16 -10
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +2 -0
  10. data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +9 -0
  11. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +30 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +20 -0
  13. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +21 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +37 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +32 -0
  16. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +2 -1
  17. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +2 -1
  18. data/app/pb_kits/playbook/pb_background/background.html.erb +2 -1
  19. data/app/pb_kits/playbook/pb_badge/badge.html.erb +2 -1
  20. data/app/pb_kits/playbook/pb_body/body.html.erb +2 -1
  21. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +0 -7
  22. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.html.erb +2 -1
  23. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.html.erb +2 -1
  24. data/app/pb_kits/playbook/pb_button/button.html.erb +2 -1
  25. data/app/pb_kits/playbook/pb_button/button.rb +2 -3
  26. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb +2 -1
  27. data/app/pb_kits/playbook/pb_caption/caption.html.erb +2 -1
  28. data/app/pb_kits/playbook/pb_card/card.html.erb +2 -1
  29. data/app/pb_kits/playbook/pb_card/card_body.html.erb +2 -1
  30. data/app/pb_kits/playbook/pb_card/card_header.html.erb +2 -1
  31. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +3 -1
  32. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +2 -1
  33. data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +2 -1
  34. data/app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb +2 -1
  35. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +2 -1
  36. data/app/pb_kits/playbook/pb_contact/contact.html.erb +2 -1
  37. data/app/pb_kits/playbook/pb_currency/currency.html.erb +2 -1
  38. data/app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb +2 -1
  39. data/app/pb_kits/playbook/pb_date/date.html.erb +2 -1
  40. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +1 -2
  41. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +3 -0
  42. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +4 -2
  43. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +2 -1
  44. data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +1 -1
  45. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +9 -7
  46. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.html.erb +7 -0
  47. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.jsx +41 -0
  48. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -0
  49. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
  50. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +1 -2
  51. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb +2 -1
  52. data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.html.erb +2 -1
  53. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +2 -1
  54. data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +2 -1
  55. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +3 -2
  56. data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb +2 -1
  57. data/app/pb_kits/playbook/pb_detail/detail.html.erb +2 -1
  58. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +2 -1
  59. data/app/pb_kits/playbook/pb_dialog/dialog_body.html.erb +3 -2
  60. data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb +2 -1
  61. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +3 -2
  62. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +2 -1
  63. data/app/pb_kits/playbook/pb_filter/filter.html.erb +2 -1
  64. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss +8 -3
  65. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +1 -0
  66. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb +51 -1
  67. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx +62 -11
  68. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb +7 -2
  69. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb +4 -3
  70. data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb +0 -4
  71. data/app/pb_kits/playbook/pb_flex/flex.html.erb +2 -1
  72. data/app/pb_kits/playbook/pb_flex/flex_item.html.erb +2 -1
  73. data/app/pb_kits/playbook/pb_form_group/form_group.html.erb +2 -1
  74. data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +2 -2
  75. data/app/pb_kits/playbook/pb_hashtag/hashtag.html.erb +2 -1
  76. data/app/pb_kits/playbook/pb_highlight/highlight.html.erb +2 -1
  77. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb +2 -1
  78. data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -0
  79. data/app/pb_kits/playbook/pb_icon/icon.html.erb +2 -1
  80. data/app/pb_kits/playbook/pb_icon/icon.rb +3 -3
  81. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +2 -1
  82. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +2 -1
  83. data/app/pb_kits/playbook/pb_icon_value/icon_value.html.erb +2 -1
  84. data/app/pb_kits/playbook/pb_image/image.html.erb +2 -1
  85. data/app/pb_kits/playbook/pb_label_pill/label_pill.html.erb +2 -1
  86. data/app/pb_kits/playbook/pb_label_value/label_value.html.erb +3 -2
  87. data/app/pb_kits/playbook/pb_layout/body.html.erb +2 -1
  88. data/app/pb_kits/playbook/pb_layout/footer.html.erb +2 -1
  89. data/app/pb_kits/playbook/pb_layout/header.html.erb +2 -1
  90. data/app/pb_kits/playbook/pb_layout/item.html.erb +2 -1
  91. data/app/pb_kits/playbook/pb_layout/layout.html.erb +2 -1
  92. data/app/pb_kits/playbook/pb_layout/sidebar.html.erb +2 -1
  93. data/app/pb_kits/playbook/pb_legend/legend.html.erb +2 -1
  94. data/app/pb_kits/playbook/pb_list/item.html.erb +2 -1
  95. data/app/pb_kits/playbook/pb_list/list.html.erb +2 -1
  96. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +2 -1
  97. data/app/pb_kits/playbook/pb_message/message.html.erb +2 -1
  98. data/app/pb_kits/playbook/pb_message/message_mention.html.erb +3 -2
  99. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +2 -1
  100. data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +2 -1
  101. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +2 -1
  102. data/app/pb_kits/playbook/pb_nav/item.html.erb +4 -2
  103. data/app/pb_kits/playbook/pb_nav/nav.html.erb +2 -1
  104. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +2 -1
  105. data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +2 -1
  106. data/app/pb_kits/playbook/pb_passphrase/passphrase.html.erb +1 -1
  107. data/app/pb_kits/playbook/pb_person/person.html.erb +2 -1
  108. data/app/pb_kits/playbook/pb_person_contact/person_contact.html.erb +2 -1
  109. data/app/pb_kits/playbook/pb_pill/pill.html.erb +2 -1
  110. data/app/pb_kits/playbook/pb_popover/popover.html.erb +2 -1
  111. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +2 -1
  112. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +2 -1
  113. data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +2 -1
  114. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +2 -1
  115. data/app/pb_kits/playbook/pb_radio/radio.html.erb +2 -1
  116. data/app/pb_kits/playbook/pb_section_separator/section_separator.html.erb +2 -1
  117. data/app/pb_kits/playbook/pb_select/select.html.erb +2 -1
  118. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +2 -1
  119. data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb +2 -1
  120. data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb +2 -1
  121. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +2 -1
  122. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +2 -1
  123. data/app/pb_kits/playbook/pb_source/source.html.erb +2 -1
  124. data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +2 -1
  125. data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +2 -1
  126. data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb +2 -1
  127. data/app/pb_kits/playbook/pb_table/table.html.erb +4 -2
  128. data/app/pb_kits/playbook/pb_table/table_body.html.erb +5 -3
  129. data/app/pb_kits/playbook/pb_table/table_cell.html.erb +5 -3
  130. data/app/pb_kits/playbook/pb_table/table_head.html.erb +5 -3
  131. data/app/pb_kits/playbook/pb_table/table_header.html.erb +5 -3
  132. data/app/pb_kits/playbook/pb_table/table_row.html.erb +5 -3
  133. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +0 -1
  134. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +5 -1
  135. data/app/pb_kits/playbook/pb_text_input/text_input.html.erb +2 -1
  136. data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -1
  137. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +1 -1
  138. data/app/pb_kits/playbook/pb_textarea/textarea.html.erb +2 -1
  139. data/app/pb_kits/playbook/pb_time/time.html.erb +2 -1
  140. data/app/pb_kits/playbook/pb_time_range_inline/time_range_inline.html.erb +3 -2
  141. data/app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb +2 -1
  142. data/app/pb_kits/playbook/pb_timeline/item.html.erb +2 -1
  143. data/app/pb_kits/playbook/pb_timeline/timeline.html.erb +2 -1
  144. data/app/pb_kits/playbook/pb_timestamp/timestamp.html.erb +2 -1
  145. data/app/pb_kits/playbook/pb_title/title.html.erb +3 -2
  146. data/app/pb_kits/playbook/pb_title_count/title_count.html.erb +2 -1
  147. data/app/pb_kits/playbook/pb_title_detail/title_detail.html.erb +2 -1
  148. data/app/pb_kits/playbook/pb_toggle/toggle.html.erb +2 -1
  149. data/app/pb_kits/playbook/pb_tooltip/tooltip.html.erb +2 -1
  150. data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +2 -1
  151. data/app/pb_kits/playbook/pb_user/user.html.erb +2 -1
  152. data/app/pb_kits/playbook/pb_user_badge/user_badge.html.erb +2 -1
  153. data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb +2 -1
  154. data/app/pb_kits/playbook/utilities/_positioning.scss +23 -10
  155. data/app/pb_kits/playbook/utilities/globalProps.ts +52 -9
  156. data/dist/playbook-rails.js +4 -4
  157. data/lib/playbook/bottom.rb +6 -3
  158. data/lib/playbook/kit_base.rb +18 -0
  159. data/lib/playbook/left.rb +6 -3
  160. data/lib/playbook/right.rb +6 -3
  161. data/lib/playbook/top.rb +6 -3
  162. data/lib/playbook/version.rb +1 -1
  163. metadata +15 -5
@@ -24,9 +24,12 @@ module Playbook
24
24
 
25
25
  selected_props.map do |k|
26
26
  value = send(k)
27
- return nil unless bottom_values.include? value
28
-
29
- "bottom_#{value}"
27
+ css = if value.is_a?(Hash) && value[:inset] && bottom_values.include?(value[:value])
28
+ "bottom_#{value[:value]}_inset"
29
+ elsif bottom_values.include?(value)
30
+ "bottom_#{value}"
31
+ end
32
+ css
30
33
  end.compact.join(" ")
31
34
  end
32
35
  end
@@ -67,10 +67,28 @@ module Playbook
67
67
  prop :id
68
68
  prop :data, type: Playbook::Props::HashProp, default: {}
69
69
  prop :aria, type: Playbook::Props::HashProp, default: {}
70
+ prop :html_options, type: Playbook::Props::HashProp, default: {}
70
71
  prop :children, type: Playbook::Props::Proc
71
72
 
72
73
  def object
73
74
  self
74
75
  end
76
+
77
+ def combined_html_options
78
+ default_html_options.merge(html_options.deep_merge(data_attributes))
79
+ end
80
+
81
+ private
82
+
83
+ def default_html_options
84
+ {}
85
+ end
86
+
87
+ def data_attributes
88
+ {
89
+ data: data,
90
+ aria: aria,
91
+ }.transform_keys { |key| key.to_s.gsub("_", "-") }
92
+ end
75
93
  end
76
94
  end
data/lib/playbook/left.rb CHANGED
@@ -24,9 +24,12 @@ module Playbook
24
24
 
25
25
  selected_props.map do |k|
26
26
  value = send(k)
27
- return nil unless left_values.include? value
28
-
29
- "left_#{value}"
27
+ css = if value.is_a?(Hash) && value[:inset] && left_values.include?(value[:value])
28
+ "left_#{value[:value]}_inset"
29
+ elsif bottom_values.include?(value)
30
+ "left_#{value}"
31
+ end
32
+ css
30
33
  end.compact.join(" ")
31
34
  end
32
35
  end
@@ -24,9 +24,12 @@ module Playbook
24
24
 
25
25
  selected_props.map do |k|
26
26
  value = send(k)
27
- return nil unless right_values.include? value
28
-
29
- "right_#{value}"
27
+ css = if value.is_a?(Hash) && value[:inset] && right_values.include?(value[:value])
28
+ "right_#{value[:value]}_inset"
29
+ elsif right_values.include?(value)
30
+ "right_#{value}"
31
+ end
32
+ css
30
33
  end.compact.join(" ")
31
34
  end
32
35
  end
data/lib/playbook/top.rb CHANGED
@@ -24,9 +24,12 @@ module Playbook
24
24
 
25
25
  selected_props.map do |k|
26
26
  value = send(k)
27
- return nil unless top_values.include? value
28
-
29
- "top_#{value}"
27
+ css = if value.is_a?(Hash) && value[:inset] && top_values.include?(value[:value])
28
+ "top_#{value[:value]}_inset"
29
+ elsif top_values.include?(value)
30
+ "top_#{value}"
31
+ end
32
+ css
30
33
  end.compact.join(" ")
31
34
  end
32
35
  end
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "13.21.0"
5
- VERSION = "13.21.0.pre.alpha.PBNTR225advancedtablefeedback2438"
5
+ VERSION = "13.21.0.pre.alpha.PBNTR243globalpositioningpropinset2504"
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: 13.21.0.pre.alpha.PBNTR225advancedtablefeedback2438
4
+ version: 13.21.0.pre.alpha.PBNTR243globalpositioningpropinset2504
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-03-21 00:00:00.000000000 Z
12
+ date: 2024-03-27 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -286,6 +286,8 @@ files:
286
286
  - app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts
287
287
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
288
288
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
289
+ - app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb
290
+ - app/pb_kits/playbook/pb_advanced_table/advanced_table.rb
289
291
  - app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
290
292
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx
291
293
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
@@ -315,6 +317,12 @@ files:
315
317
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
316
318
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
317
319
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_pseudo_states.scss
320
+ - app/pb_kits/playbook/pb_advanced_table/table_body.html.erb
321
+ - app/pb_kits/playbook/pb_advanced_table/table_body.rb
322
+ - app/pb_kits/playbook/pb_advanced_table/table_header.html.erb
323
+ - app/pb_kits/playbook/pb_advanced_table/table_header.rb
324
+ - app/pb_kits/playbook/pb_advanced_table/table_row.html.erb
325
+ - app/pb_kits/playbook/pb_advanced_table/table_row.rb
318
326
  - app/pb_kits/playbook/pb_avatar/_avatar.scss
319
327
  - app/pb_kits/playbook/pb_avatar/_avatar.tsx
320
328
  - app/pb_kits/playbook/pb_avatar/avatar.html.erb
@@ -824,6 +832,8 @@ files:
824
832
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb
825
833
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx
826
834
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md
835
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.html.erb
836
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.jsx
827
837
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb
828
838
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
829
839
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb
@@ -2886,11 +2896,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
2886
2896
  version: '0'
2887
2897
  required_rubygems_version: !ruby/object:Gem::Requirement
2888
2898
  requirements:
2889
- - - ">"
2899
+ - - ">="
2890
2900
  - !ruby/object:Gem::Version
2891
- version: 1.3.1
2901
+ version: '0'
2892
2902
  requirements: []
2893
- rubygems_version: 3.3.7
2903
+ rubygems_version: 3.5.3
2894
2904
  signing_key:
2895
2905
  specification_version: 4
2896
2906
  summary: Playbook Design System