playbook_ui 12.19.0.pre.alpha.movemarkdown639 → 12.20.0.pre.alpha.movemarkdown668
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/pb_collapsible/child_kits/CollapsibleContent.tsx +38 -0
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +94 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss +33 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss +78 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +775 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +116 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss +173 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +68 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss +127 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +47 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss +64 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss +127 -0
- data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx +25 -0
- data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx +56 -0
- data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx +68 -0
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +1 -2
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +22 -7
- data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts +32 -5
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +9 -4
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +5 -3
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +2 -1
- data/app/pb_kits/playbook/pb_table/styles/_alignment.scss +32 -0
- data/app/pb_kits/playbook/pb_table/styles/_all.scss +19 -0
- data/app/pb_kits/playbook/pb_table/styles/_content.scss +13 -0
- data/app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss +125 -0
- data/app/pb_kits/playbook/pb_table/styles/_headers.scss +16 -0
- data/app/pb_kits/playbook/pb_table/styles/_hover.scss +74 -0
- data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +125 -0
- data/app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss +125 -0
- data/app/pb_kits/playbook/pb_table/styles/_reset.scss +17 -0
- data/app/pb_kits/playbook/pb_table/styles/_side_highlight.scss +24 -0
- data/app/pb_kits/playbook/pb_table/styles/_single-line.scss +34 -0
- data/app/pb_kits/playbook/pb_table/styles/_sticky_header.scss +23 -0
- data/app/pb_kits/playbook/pb_table/styles/_structure.scss +50 -0
- data/app/pb_kits/playbook/pb_table/styles/_table-card.scss +62 -0
- data/app/pb_kits/playbook/pb_table/styles/_table-dark.scss +100 -0
- data/app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss +125 -0
- data/app/pb_kits/playbook/pb_table/styles/_variables.scss +26 -0
- data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +16 -0
- data/app/pb_kits/playbook/pb_typeahead/{_typeahead.jsx → _typeahead.tsx} +24 -12
- data/app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.tsx +18 -0
- data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +28 -0
- data/app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.tsx +11 -0
- data/app/pb_kits/playbook/pb_typeahead/components/MenuList.tsx +10 -0
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +66 -0
- data/app/pb_kits/playbook/pb_typeahead/components/Option.tsx +37 -0
- data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx +26 -0
- data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx +11 -0
- data/app/pb_kits/playbook/pb_typeahead/{index.js → index.ts} +37 -29
- data/app/pb_kits/playbook/pb_typeahead/types.d.ts +2 -0
- data/app/pb_kits/playbook/pb_user/_user.tsx +1 -1
- data/app/pb_kits/playbook/utilities/_positioning.scss +14 -0
- data/app/pb_kits/playbook/utilities/globalProps.ts +16 -4
- data/dist/playbook-rails.js +4 -4
- data/lib/playbook/version.rb +2 -2
- data/lib/playbook/z_index.rb +20 -7
- metadata +46 -4
data/lib/playbook/version.rb
CHANGED
data/lib/playbook/z_index.rb
CHANGED
@@ -16,16 +16,29 @@ module Playbook
|
|
16
16
|
}
|
17
17
|
end
|
18
18
|
|
19
|
-
|
19
|
+
def screen_size_values
|
20
|
+
%w[xs sm md lg xl]
|
21
|
+
end
|
20
22
|
|
21
23
|
def z_index_props
|
22
|
-
|
23
|
-
return nil unless
|
24
|
+
selected_props = z_index_options.keys.select { |sk| try(sk) }
|
25
|
+
return nil unless selected_props.present?
|
26
|
+
|
27
|
+
responsive = selected_props.present? && try(:z_index).is_a?(::Hash)
|
28
|
+
css = ""
|
29
|
+
if responsive
|
30
|
+
z_index_value = send(:z_index)
|
31
|
+
z_index_value.each do |key, value|
|
32
|
+
css += "z_index_#{key}_#{value} " if screen_size_values.include?(key.to_s) && z_index_values.include?(value.to_s)
|
33
|
+
end
|
34
|
+
else
|
35
|
+
selected_props.each do |k|
|
36
|
+
z_index_value = send(k)
|
37
|
+
css += "z_index_#{z_index_value} " if z_index_values.include? z_index_value
|
38
|
+
end
|
39
|
+
end
|
24
40
|
|
25
|
-
|
26
|
-
index_value = send(k)
|
27
|
-
"z_index_#{index_value}" if z_index_values.include? index_value
|
28
|
-
end.compact.join(" ")
|
41
|
+
css unless css.blank?
|
29
42
|
end
|
30
43
|
end
|
31
44
|
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: 12.
|
4
|
+
version: 12.20.0.pre.alpha.movemarkdown668
|
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: 2023-05-
|
12
|
+
date: 2023-05-15 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -353,6 +353,8 @@ files:
|
|
353
353
|
- app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js
|
354
354
|
- app/pb_kits/playbook/pb_collapsible/_collapsible.scss
|
355
355
|
- app/pb_kits/playbook/pb_collapsible/_collapsible.tsx
|
356
|
+
- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx
|
357
|
+
- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx
|
356
358
|
- app/pb_kits/playbook/pb_collapsible/collapsible.html.erb
|
357
359
|
- app/pb_kits/playbook/pb_collapsible/collapsible.rb
|
358
360
|
- app/pb_kits/playbook/pb_collapsible/collapsible.test.js
|
@@ -395,6 +397,16 @@ files:
|
|
395
397
|
- app/pb_kits/playbook/pb_date_picker/date_picker.test.js
|
396
398
|
- app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts
|
397
399
|
- app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.ts
|
400
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
|
401
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss
|
402
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss
|
403
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss
|
404
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss
|
405
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
|
406
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss
|
407
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
|
408
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss
|
409
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss
|
398
410
|
- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
|
399
411
|
- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx
|
400
412
|
- app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb
|
@@ -429,6 +441,9 @@ files:
|
|
429
441
|
- app/pb_kits/playbook/pb_dialog/_dialog.scss
|
430
442
|
- app/pb_kits/playbook/pb_dialog/_dialog.tsx
|
431
443
|
- app/pb_kits/playbook/pb_dialog/_dialog_context.tsx
|
444
|
+
- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
|
445
|
+
- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx
|
446
|
+
- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx
|
432
447
|
- app/pb_kits/playbook/pb_dialog/dialog.html.erb
|
433
448
|
- app/pb_kits/playbook/pb_dialog/dialog.rb
|
434
449
|
- app/pb_kits/playbook/pb_dialog/dialog.test.jsx
|
@@ -771,6 +786,24 @@ files:
|
|
771
786
|
- app/pb_kits/playbook/pb_table/_table.tsx
|
772
787
|
- app/pb_kits/playbook/pb_table/_table_row.tsx
|
773
788
|
- app/pb_kits/playbook/pb_table/index.ts
|
789
|
+
- app/pb_kits/playbook/pb_table/styles/_alignment.scss
|
790
|
+
- app/pb_kits/playbook/pb_table/styles/_all.scss
|
791
|
+
- app/pb_kits/playbook/pb_table/styles/_content.scss
|
792
|
+
- app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss
|
793
|
+
- app/pb_kits/playbook/pb_table/styles/_headers.scss
|
794
|
+
- app/pb_kits/playbook/pb_table/styles/_hover.scss
|
795
|
+
- app/pb_kits/playbook/pb_table/styles/_mobile.scss
|
796
|
+
- app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss
|
797
|
+
- app/pb_kits/playbook/pb_table/styles/_reset.scss
|
798
|
+
- app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
|
799
|
+
- app/pb_kits/playbook/pb_table/styles/_single-line.scss
|
800
|
+
- app/pb_kits/playbook/pb_table/styles/_sticky_header.scss
|
801
|
+
- app/pb_kits/playbook/pb_table/styles/_structure.scss
|
802
|
+
- app/pb_kits/playbook/pb_table/styles/_table-card.scss
|
803
|
+
- app/pb_kits/playbook/pb_table/styles/_table-dark.scss
|
804
|
+
- app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss
|
805
|
+
- app/pb_kits/playbook/pb_table/styles/_variables.scss
|
806
|
+
- app/pb_kits/playbook/pb_table/styles/_vertical_border.scss
|
774
807
|
- app/pb_kits/playbook/pb_table/table.html.erb
|
775
808
|
- app/pb_kits/playbook/pb_table/table.rb
|
776
809
|
- app/pb_kits/playbook/pb_table/table.test.js
|
@@ -849,12 +882,21 @@ files:
|
|
849
882
|
- app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx
|
850
883
|
- app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb
|
851
884
|
- app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb
|
852
|
-
- app/pb_kits/playbook/pb_typeahead/_typeahead.jsx
|
853
885
|
- app/pb_kits/playbook/pb_typeahead/_typeahead.scss
|
854
886
|
- app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx
|
855
|
-
- app/pb_kits/playbook/pb_typeahead/
|
887
|
+
- app/pb_kits/playbook/pb_typeahead/_typeahead.tsx
|
888
|
+
- app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.tsx
|
889
|
+
- app/pb_kits/playbook/pb_typeahead/components/Control.tsx
|
890
|
+
- app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.tsx
|
891
|
+
- app/pb_kits/playbook/pb_typeahead/components/MenuList.tsx
|
892
|
+
- app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx
|
893
|
+
- app/pb_kits/playbook/pb_typeahead/components/Option.tsx
|
894
|
+
- app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
|
895
|
+
- app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx
|
896
|
+
- app/pb_kits/playbook/pb_typeahead/index.ts
|
856
897
|
- app/pb_kits/playbook/pb_typeahead/typeahead.html.erb
|
857
898
|
- app/pb_kits/playbook/pb_typeahead/typeahead.rb
|
899
|
+
- app/pb_kits/playbook/pb_typeahead/types.d.ts
|
858
900
|
- app/pb_kits/playbook/pb_user/_user.scss
|
859
901
|
- app/pb_kits/playbook/pb_user/_user.tsx
|
860
902
|
- app/pb_kits/playbook/pb_user/user.html.erb
|