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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +32 -19
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +3 -1
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +35 -3
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +32 -18
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +8 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb +43 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx +60 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb +58 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx +74 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +5 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_advanced_table/index.js +185 -92
- data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +55 -8
- data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +17 -14
- data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +78 -0
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +4 -3
- data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +13 -2
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb +2 -6
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +6 -4
- data/app/pb_kits/playbook/pb_button/button.html.erb +2 -3
- data/app/pb_kits/playbook/pb_card/_card.scss +21 -3
- data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +18 -0
- data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +40 -0
- data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +1 -6
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +3 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb +1 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +8 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +9 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +1 -6
- data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +7 -12
- data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +9 -14
- data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +6 -11
- data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +8 -14
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +24 -15
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +3 -1
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +4 -1
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +1 -1
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +1 -13
- data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +64 -1
- data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +3 -1
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.html.erb +10 -0
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +42 -0
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.md +3 -0
- data/app/pb_kits/playbook/pb_section_separator/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_section_separator/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_section_separator/section_separator.rb +4 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.scss +2 -2
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_description.md +3 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.html.erb +9 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_rails.md +1 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.html.erb +7 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.html.erb +119 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx +10 -2
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.html.erb +15 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx +6 -2
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width_rails.md +3 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.html.erb +3 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.html.erb +63 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx +11 -3
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml +7 -2
- data/app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.html.erb +8 -12
- data/app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.rb +48 -1
- data/app/pb_kits/playbook/pb_table/_table.tsx +74 -18
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +88 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +3 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +4 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +87 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +5 -0
- data/app/pb_kits/playbook/pb_table/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_table/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_table/index.ts +17 -17
- data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +38 -2
- data/app/pb_kits/playbook/pb_table/styles/_sticky_columns.scss +17 -3
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx +18 -0
- data/app/pb_kits/playbook/pb_text_input/inputMask.ts +22 -1
- data/app/pb_kits/playbook/pb_text_input/text_input.test.js +80 -0
- data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +5 -5
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.html.erb +4 -5
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx +4 -4
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md +1 -1
- data/app/pb_kits/playbook/pb_timeline/timeline.rb +6 -6
- data/app/pb_kits/playbook/utilities/_gap.scss +29 -0
- data/app/pb_kits/playbook/utilities/globalPropNames.mjs +1 -0
- data/app/pb_kits/playbook/utilities/globalProps.ts +18 -9
- data/dist/chunks/_typeahead-C2iCBqxQ.js +36 -0
- data/dist/chunks/_weekday_stacked-CWnbnW7m.js +45 -0
- data/dist/chunks/{lib-sMFo2JZy.js → lib-B7sgJtGS.js} +1 -1
- data/dist/chunks/{pb_form_validation-CgvjWbOK.js → pb_form_validation-C5Cc0-1v.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +1 -1
- data/dist/playbook-doc.js +1 -1
- 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/classnames.rb +1 -0
- data/lib/playbook/spacing.rb +21 -0
- data/lib/playbook/version.rb +1 -1
- metadata +32 -8
- data/dist/chunks/_typeahead-CoIYBETL.js +0 -22
- data/dist/chunks/_weekday_stacked-Qj3GFYzA.js +0 -45
- /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_border_radius.md → _skeleton_loading_border_radius_react.md} +0 -0
- /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_height_width.md → _skeleton_loading_height_width_react.md} +0 -0
data/lib/playbook/classnames.rb
CHANGED
data/lib/playbook/spacing.rb
CHANGED
@@ -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
|
data/lib/playbook/version.rb
CHANGED
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.
|
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:
|
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/
|
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/
|
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-
|
3215
|
-
- dist/chunks/_weekday_stacked-
|
3238
|
+
- dist/chunks/_typeahead-C2iCBqxQ.js
|
3239
|
+
- dist/chunks/_weekday_stacked-CWnbnW7m.js
|
3216
3240
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3217
|
-
- dist/chunks/lib-
|
3218
|
-
- dist/chunks/pb_form_validation-
|
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
|