playbook_ui 14.10.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5137 → 14.10.0.pre.alpha.PLAY1750pbcontenttagkitbutton5308

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +32 -19
  4. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +3 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +35 -3
  6. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +32 -18
  7. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +1 -1
  8. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +8 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb +1 -3
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +1 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md +1 -1
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb +43 -0
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx +60 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md +1 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb +58 -0
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx +74 -0
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md +1 -0
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +5 -0
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +2 -0
  20. data/app/pb_kits/playbook/pb_advanced_table/index.js +185 -92
  21. data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +1 -1
  22. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +55 -8
  23. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +17 -14
  24. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +78 -0
  25. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +4 -3
  26. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +13 -2
  27. data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb +2 -6
  28. data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +6 -4
  29. data/app/pb_kits/playbook/pb_button/button.html.erb +2 -3
  30. data/app/pb_kits/playbook/pb_card/_card.scss +21 -3
  31. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +18 -0
  32. data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +40 -0
  33. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +1 -6
  34. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +3 -0
  35. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -1
  36. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb +1 -0
  37. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +8 -0
  38. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +9 -0
  39. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md +1 -0
  40. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +1 -6
  41. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +7 -12
  42. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +9 -14
  43. data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +6 -11
  44. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +8 -14
  45. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +24 -15
  46. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +3 -1
  47. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +4 -1
  48. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +1 -1
  49. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +1 -13
  50. data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +64 -1
  51. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +3 -1
  52. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.html.erb +10 -0
  53. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +42 -0
  54. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.md +3 -0
  55. data/app/pb_kits/playbook/pb_section_separator/docs/example.yml +2 -0
  56. data/app/pb_kits/playbook/pb_section_separator/docs/index.js +1 -0
  57. data/app/pb_kits/playbook/pb_section_separator/section_separator.rb +4 -1
  58. data/app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.scss +2 -2
  59. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_description.md +3 -0
  60. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.html.erb +9 -0
  61. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_rails.md +1 -0
  62. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.html.erb +7 -0
  63. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb +1 -1
  64. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.html.erb +119 -0
  65. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx +10 -2
  66. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.html.erb +15 -0
  67. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx +6 -2
  68. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width_rails.md +3 -0
  69. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.html.erb +3 -0
  70. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.html.erb +63 -0
  71. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx +11 -3
  72. data/app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml +7 -2
  73. data/app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.html.erb +8 -12
  74. data/app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.rb +48 -1
  75. data/app/pb_kits/playbook/pb_table/_table.tsx +74 -18
  76. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +88 -0
  77. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +3 -0
  78. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +1 -1
  79. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -0
  80. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +4 -1
  81. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +87 -0
  82. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +5 -0
  83. data/app/pb_kits/playbook/pb_table/docs/example.yml +2 -0
  84. data/app/pb_kits/playbook/pb_table/docs/index.js +2 -0
  85. data/app/pb_kits/playbook/pb_table/index.ts +17 -17
  86. data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +38 -2
  87. data/app/pb_kits/playbook/pb_table/styles/_sticky_columns.scss +17 -3
  88. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx +18 -0
  89. data/app/pb_kits/playbook/pb_text_input/inputMask.ts +22 -1
  90. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +80 -0
  91. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +5 -5
  92. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.html.erb +4 -5
  93. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx +4 -4
  94. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md +1 -1
  95. data/app/pb_kits/playbook/pb_timeline/timeline.rb +6 -6
  96. data/app/pb_kits/playbook/utilities/_gap.scss +29 -0
  97. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +1 -0
  98. data/app/pb_kits/playbook/utilities/globalProps.ts +18 -9
  99. data/dist/chunks/_typeahead-C2iCBqxQ.js +36 -0
  100. data/dist/chunks/_weekday_stacked-CWnbnW7m.js +45 -0
  101. data/dist/chunks/{lib-sMFo2JZy.js → lib-B7sgJtGS.js} +1 -1
  102. data/dist/chunks/{pb_form_validation-CgvjWbOK.js → pb_form_validation-C5Cc0-1v.js} +1 -1
  103. data/dist/chunks/vendor.js +1 -1
  104. data/dist/menu.yml +1 -1
  105. data/dist/playbook-doc.js +1 -1
  106. data/dist/playbook-rails-react-bindings.js +1 -1
  107. data/dist/playbook-rails.js +1 -1
  108. data/dist/playbook.css +1 -1
  109. data/lib/playbook/classnames.rb +1 -0
  110. data/lib/playbook/spacing.rb +21 -0
  111. data/lib/playbook/version.rb +1 -1
  112. metadata +32 -8
  113. data/dist/chunks/_typeahead-CoIYBETL.js +0 -22
  114. data/dist/chunks/_weekday_stacked-Qj3GFYzA.js +0 -45
  115. /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_border_radius.md → _skeleton_loading_border_radius_react.md} +0 -0
  116. /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_height_width.md → _skeleton_loading_height_width_react.md} +0 -0
@@ -16,6 +16,7 @@ module Playbook
16
16
  width_props,
17
17
  min_width_props,
18
18
  max_width_props,
19
+ gap_props,
19
20
  z_index_props,
20
21
  number_spacing_props,
21
22
  shadow_props,
@@ -3,6 +3,7 @@
3
3
  module Playbook
4
4
  module Spacing
5
5
  def self.included(base)
6
+ base.prop :gap
6
7
  base.prop :margin
7
8
  base.prop :margin_bottom
8
9
  base.prop :margin_left
@@ -52,6 +53,16 @@ module Playbook
52
53
  %w[0% xs sm md lg xl xxl 0 none 100%]
53
54
  end
54
55
 
56
+ def gap_values
57
+ %w[none xxs xs sm md lg xl]
58
+ end
59
+
60
+ def gap_options
61
+ {
62
+ gap: "gap",
63
+ }
64
+ end
65
+
55
66
  def spacing_options
56
67
  {
57
68
  margin: "m",
@@ -146,5 +157,15 @@ module Playbook
146
157
  "width_#{filter_classname(width_value)}" if width_values.include? width_value
147
158
  end.compact.join(" ")
148
159
  end
160
+
161
+ def gap_props
162
+ selected_gap_props = gap_options.keys.select { |sk| try(sk) }
163
+ return nil unless selected_gap_props.present?
164
+
165
+ selected_gap_props.map do |k|
166
+ gap_value = send(k)
167
+ "gap_#{gap_value}" if gap_values.include? gap_value
168
+ end.compact.join(" ")
169
+ end
149
170
  end
150
171
  end
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.10.0"
5
- VERSION = "14.10.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5137"
5
+ VERSION = "14.10.0.pre.alpha.PLAY1750pbcontenttagkitbutton5308"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.10.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5137
4
+ version: 14.10.0.pre.alpha.PLAY1750pbcontenttagkitbutton5308
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-12-27 00:00:00.000000000 Z
12
+ date: 2025-01-08 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -270,6 +270,12 @@ files:
270
270
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
271
271
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
272
272
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
273
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
274
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
275
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
276
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
277
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
278
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
273
279
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
274
280
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
275
281
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
@@ -688,6 +694,7 @@ files:
688
694
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
689
695
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb
690
696
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx
697
+ - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md
691
698
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_loading.html.erb
692
699
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_loading.jsx
693
700
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_description.md
@@ -2337,6 +2344,9 @@ files:
2337
2344
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx
2338
2345
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.md
2339
2346
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children_swift.md
2347
+ - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.html.erb
2348
+ - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
2349
+ - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.md
2340
2350
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.html.erb
2341
2351
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx
2342
2352
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed_swift.md
@@ -2467,17 +2477,26 @@ files:
2467
2477
  - app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.scss
2468
2478
  - app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.tsx
2469
2479
  - app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading_mixins.scss
2480
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_description.md
2481
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.html.erb
2470
2482
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.jsx
2471
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.md
2483
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_rails.md
2484
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_react.md
2485
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.html.erb
2472
2486
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
2473
2487
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.md
2474
2488
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb
2475
2489
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.jsx
2490
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.html.erb
2476
2491
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx
2492
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.html.erb
2477
2493
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx
2478
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.md
2494
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width_rails.md
2495
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width_react.md
2496
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.html.erb
2479
2497
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.jsx
2480
2498
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.md
2499
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.html.erb
2481
2500
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx
2482
2501
  - app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml
2483
2502
  - app/pb_kits/playbook/pb_skeleton_loading/docs/index.js
@@ -2624,10 +2643,14 @@ files:
2624
2643
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
2625
2644
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
2626
2645
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
2646
+ - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx
2647
+ - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md
2627
2648
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
2628
2649
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
2629
2650
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md
2630
2651
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
2652
+ - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx
2653
+ - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md
2631
2654
  - app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
2632
2655
  - app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
2633
2656
  - app/pb_kits/playbook/pb_table/docs/_table_striped.md
@@ -3158,6 +3181,7 @@ files:
3158
3181
  - app/pb_kits/playbook/utilities/_display.scss
3159
3182
  - app/pb_kits/playbook/utilities/_flexbox.scss
3160
3183
  - app/pb_kits/playbook/utilities/_focus.scss
3184
+ - app/pb_kits/playbook/utilities/_gap.scss
3161
3185
  - app/pb_kits/playbook/utilities/_height.scss
3162
3186
  - app/pb_kits/playbook/utilities/_hover.scss
3163
3187
  - app/pb_kits/playbook/utilities/_line_height.scss
@@ -3211,11 +3235,11 @@ files:
3211
3235
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3212
3236
  - app/pb_kits/playbook/utilities/text.ts
3213
3237
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3214
- - dist/chunks/_typeahead-CoIYBETL.js
3215
- - dist/chunks/_weekday_stacked-Qj3GFYzA.js
3238
+ - dist/chunks/_typeahead-C2iCBqxQ.js
3239
+ - dist/chunks/_weekday_stacked-CWnbnW7m.js
3216
3240
  - dist/chunks/lazysizes-B7xYodB-.js
3217
- - dist/chunks/lib-sMFo2JZy.js
3218
- - dist/chunks/pb_form_validation-CgvjWbOK.js
3241
+ - dist/chunks/lib-B7sgJtGS.js
3242
+ - dist/chunks/pb_form_validation-C5Cc0-1v.js
3219
3243
  - dist/chunks/vendor.js
3220
3244
  - dist/menu.yml
3221
3245
  - dist/playbook-doc.js