playbook_ui 11.4.0 → 11.5.0.pre.alpha.datepicker1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (128) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/data/menu.yml +0 -13
  3. data/app/pb_kits/playbook/pb_badge/badge.test.js +80 -0
  4. data/app/pb_kits/playbook/pb_button/_button.tsx +7 -2
  5. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +7 -0
  6. data/app/pb_kits/playbook/pb_button/button.html.erb +11 -0
  7. data/app/pb_kits/playbook/pb_button/button.rb +3 -0
  8. data/app/pb_kits/playbook/pb_button/button.test.js +6 -8
  9. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb +1 -1
  10. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx +12 -9
  11. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.md +1 -0
  12. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb +2 -0
  13. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx +23 -0
  14. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.md +1 -0
  15. data/app/pb_kits/playbook/pb_button/docs/example.yml +2 -0
  16. data/app/pb_kits/playbook/pb_button/docs/index.js +1 -0
  17. data/app/pb_kits/playbook/pb_date/_date.tsx +1 -1
  18. data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +13 -1
  19. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +24 -19
  20. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +1 -1
  21. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +9 -0
  22. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +25 -3
  23. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.html.erb +44 -0
  24. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.jsx +60 -0
  25. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md +9 -0
  26. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb +33 -0
  27. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.jsx +67 -0
  28. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +4 -0
  29. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +2 -0
  30. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +0 -3
  31. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +4 -4
  32. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +142 -0
  33. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.test.js +116 -0
  34. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx +1 -1
  35. data/app/pb_kits/playbook/pb_date_time/{_date_time.jsx → _date_time.tsx} +2 -5
  36. data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +110 -0
  37. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_align.jsx +1 -1
  38. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx +1 -1
  39. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx +1 -1
  40. data/app/pb_kits/playbook/pb_date_year_stacked/{_date_year_stacked.jsx → _date_year_stacked.tsx} +6 -6
  41. data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js +67 -0
  42. data/app/pb_kits/playbook/pb_dialog/_dialog.jsx +32 -14
  43. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +5 -0
  44. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.jsx +2 -2
  45. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.jsx +22 -4
  46. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.jsx +3 -3
  47. data/app/pb_kits/playbook/pb_dialog/dialog.test.jsx +79 -17
  48. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx +55 -93
  49. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +79 -42
  50. data/app/pb_kits/playbook/pb_file_upload/{_file_upload.jsx → _file_upload.tsx} +6 -10
  51. data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx +2 -0
  52. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx +2 -0
  53. data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx +2 -2
  54. data/app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb +1 -0
  55. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.html.erb +34 -0
  56. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx +66 -0
  57. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.md +4 -0
  58. data/app/pb_kits/playbook/pb_filter/docs/example.yml +2 -0
  59. data/app/pb_kits/playbook/pb_filter/docs/index.js +1 -0
  60. data/app/pb_kits/playbook/pb_filter/filter.html.erb +2 -2
  61. data/app/pb_kits/playbook/pb_filter/filter.rb +3 -0
  62. data/app/pb_kits/playbook/pb_filter/filter.test.js +76 -0
  63. data/app/pb_kits/playbook/pb_form_group/{_form_group.jsx → _form_group.tsx} +1 -4
  64. data/app/pb_kits/playbook/pb_form_group/form_group.test.js +17 -0
  65. data/app/pb_kits/playbook/pb_hashtag/_hashtag.tsx +10 -1
  66. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.html.erb +5 -0
  67. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx +26 -0
  68. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.md +1 -0
  69. data/app/pb_kits/playbook/pb_hashtag/docs/example.yml +2 -0
  70. data/app/pb_kits/playbook/pb_hashtag/docs/index.js +1 -0
  71. data/app/pb_kits/playbook/pb_hashtag/hashtag.html.erb +1 -1
  72. data/app/pb_kits/playbook/pb_hashtag/hashtag.rb +6 -0
  73. data/app/pb_kits/playbook/pb_hashtag/hashtag.test.js +54 -0
  74. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +129 -0
  75. data/app/pb_kits/playbook/pb_home_address_street/city_emphasis.html.erb +2 -1
  76. data/app/pb_kits/playbook/pb_home_address_street/city_emphasis.rb +2 -0
  77. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.jsx +1 -1
  78. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx +2 -2
  79. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb +12 -0
  80. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx +23 -0
  81. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md +1 -0
  82. data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +3 -0
  83. data/app/pb_kits/playbook/pb_home_address_street/docs/index.js +1 -0
  84. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +4 -0
  85. data/app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js +60 -0
  86. data/app/pb_kits/playbook/pb_home_address_street/street_emphasis.html.erb +2 -1
  87. data/app/pb_kits/playbook/pb_home_address_street/street_emphasis.rb +4 -1
  88. data/app/pb_kits/playbook/pb_icon_stat_value/{_icon_stat_value.jsx → _icon_stat_value.tsx} +2 -4
  89. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js +154 -0
  90. data/app/pb_kits/playbook/pb_icon_value/{_icon_value.jsx → _icon_value.tsx} +2 -4
  91. data/app/pb_kits/playbook/pb_icon_value/icon_value.test.js +77 -0
  92. data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +123 -0
  93. data/app/pb_kits/playbook/pb_label_value/label_value.test.js +109 -0
  94. data/app/pb_kits/playbook/pb_layout/{_layout.jsx → _layout.tsx} +13 -19
  95. data/app/pb_kits/playbook/pb_layout/layout.test.js +97 -0
  96. data/app/pb_kits/playbook/pb_lightbox/lightbox.test.jsx +23 -15
  97. data/app/pb_kits/playbook/pb_popover/popover.rb +1 -1
  98. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +0 -1
  99. data/app/pb_kits/playbook/pb_time/_time.tsx +2 -2
  100. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +5 -2
  101. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb +9 -0
  102. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx +10 -0
  103. data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +4 -1
  104. data/app/pb_kits/playbook/pb_timestamp/timestamp.test.js +164 -0
  105. data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +0 -4
  106. data/app/pb_kits/playbook/pb_tooltip/tooltip.test.jsx +11 -8
  107. data/app/pb_kits/playbook/tokens/_colors.scss +74 -74
  108. data/app/pb_kits/playbook/tokens/_typography.scss +8 -8
  109. data/app/pb_kits/playbook/utilities/_flexbox.scss +11 -11
  110. data/app/pb_kits/playbook/utilities/{_align_content.scss → flexbox_global_props/_align_content.scss} +0 -0
  111. data/app/pb_kits/playbook/utilities/{_align_items.scss → flexbox_global_props/_align_items.scss} +0 -0
  112. data/app/pb_kits/playbook/utilities/{_align_self.scss → flexbox_global_props/_align_self.scss} +0 -0
  113. data/app/pb_kits/playbook/utilities/{_flex.scss → flexbox_global_props/_flex.scss} +0 -0
  114. data/app/pb_kits/playbook/utilities/{_flex_direction.scss → flexbox_global_props/_flex_direction.scss} +0 -0
  115. data/app/pb_kits/playbook/utilities/{_flex_grow.scss → flexbox_global_props/_flex_grow.scss} +0 -0
  116. data/app/pb_kits/playbook/utilities/{_flex_shrink.scss → flexbox_global_props/_flex_shrink.scss} +0 -0
  117. data/app/pb_kits/playbook/utilities/{_flex_wrap.scss → flexbox_global_props/_flex_wrap.scss} +0 -0
  118. data/app/pb_kits/playbook/utilities/{_justify_content.scss → flexbox_global_props/_justify_content.scss} +0 -0
  119. data/app/pb_kits/playbook/utilities/{_justify_self.scss → flexbox_global_props/_justify_self.scss} +0 -0
  120. data/app/pb_kits/playbook/utilities/{_order.scss → flexbox_global_props/_order.scss} +0 -0
  121. data/app/pb_kits/playbook/utilities/props.ts +1 -1
  122. data/app/pb_kits/playbook/utilities/test-utils.js +2 -3
  123. data/app/pb_kits/playbook/utilities/text.ts +1 -1
  124. data/lib/playbook/version.rb +2 -2
  125. metadata +56 -25
  126. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx +0 -155
  127. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx +0 -124
  128. data/app/pb_kits/playbook/pb_label_value/_label_value.jsx +0 -155
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: 11.4.0
4
+ version: 11.5.0.pre.alpha.datepicker1
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: 2022-08-30 00:00:00.000000000 Z
12
+ date: 2022-09-22 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -348,6 +348,7 @@ files:
348
348
  - app/pb_kits/playbook/pb_badge/_badge.tsx
349
349
  - app/pb_kits/playbook/pb_badge/badge.html.erb
350
350
  - app/pb_kits/playbook/pb_badge/badge.rb
351
+ - app/pb_kits/playbook/pb_badge/badge.test.js
351
352
  - app/pb_kits/playbook/pb_badge/docs/_badge_colors.html.erb
352
353
  - app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
353
354
  - app/pb_kits/playbook/pb_badge/docs/_badge_default.html.erb
@@ -417,6 +418,7 @@ files:
417
418
  - app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx
418
419
  - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
419
420
  - app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx
421
+ - app/pb_kits/playbook/pb_button/docs/_button_block_content.md
420
422
  - app/pb_kits/playbook/pb_button/docs/_button_default.html.erb
421
423
  - app/pb_kits/playbook/pb_button/docs/_button_default.jsx
422
424
  - app/pb_kits/playbook/pb_button/docs/_button_default.md
@@ -425,6 +427,9 @@ files:
425
427
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
426
428
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
427
429
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
430
+ - app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
431
+ - app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
432
+ - app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
428
433
  - app/pb_kits/playbook/pb_button/docs/_button_link.html.erb
429
434
  - app/pb_kits/playbook/pb_button/docs/_button_link.jsx
430
435
  - app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
@@ -689,6 +694,11 @@ files:
689
694
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md
690
695
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
691
696
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
697
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.html.erb
698
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.jsx
699
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md
700
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
701
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.jsx
692
702
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
693
703
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
694
704
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
@@ -713,10 +723,11 @@ files:
713
723
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
714
724
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss
715
725
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss
716
- - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
717
726
  - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
727
+ - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx
718
728
  - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb
719
729
  - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.rb
730
+ - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.test.js
720
731
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.html.erb
721
732
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
722
733
  - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
@@ -750,8 +761,9 @@ files:
750
761
  - app/pb_kits/playbook/pb_date_stacked/docs/_footer.md
751
762
  - app/pb_kits/playbook/pb_date_stacked/docs/example.yml
752
763
  - app/pb_kits/playbook/pb_date_stacked/docs/index.js
753
- - app/pb_kits/playbook/pb_date_time/_date_time.jsx
754
764
  - app/pb_kits/playbook/pb_date_time/_date_time.scss
765
+ - app/pb_kits/playbook/pb_date_time/_date_time.tsx
766
+ - app/pb_kits/playbook/pb_date_time/dateTime.test.js
755
767
  - app/pb_kits/playbook/pb_date_time/date_time.html.erb
756
768
  - app/pb_kits/playbook/pb_date_time/date_time.rb
757
769
  - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.html.erb
@@ -772,10 +784,11 @@ files:
772
784
  - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
773
785
  - app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml
774
786
  - app/pb_kits/playbook/pb_date_time_stacked/docs/index.js
775
- - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx
776
787
  - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss
788
+ - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
777
789
  - app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb
778
790
  - app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.rb
791
+ - app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js
779
792
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.html.erb
780
793
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx
781
794
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.md
@@ -828,8 +841,8 @@ files:
828
841
  - app/pb_kits/playbook/pb_docs/kit_example.rb
829
842
  - app/pb_kits/playbook/pb_enhanced_element/element_observer.js
830
843
  - app/pb_kits/playbook/pb_enhanced_element/index.js
831
- - app/pb_kits/playbook/pb_file_upload/_file_upload.jsx
832
844
  - app/pb_kits/playbook/pb_file_upload/_file_upload.scss
845
+ - app/pb_kits/playbook/pb_file_upload/_file_upload.tsx
833
846
  - app/pb_kits/playbook/pb_file_upload/docs/_description.md
834
847
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx
835
848
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx
@@ -863,6 +876,9 @@ files:
863
876
  - app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.md
864
877
  - app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb
865
878
  - app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx
879
+ - app/pb_kits/playbook/pb_filter/docs/_filter_placement.html.erb
880
+ - app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx
881
+ - app/pb_kits/playbook/pb_filter/docs/_filter_placement.md
866
882
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
867
883
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
868
884
  - app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb
@@ -871,6 +887,7 @@ files:
871
887
  - app/pb_kits/playbook/pb_filter/docs/index.js
872
888
  - app/pb_kits/playbook/pb_filter/filter.html.erb
873
889
  - app/pb_kits/playbook/pb_filter/filter.rb
890
+ - app/pb_kits/playbook/pb_filter/filter.test.js
874
891
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
875
892
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx
876
893
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
@@ -940,8 +957,8 @@ files:
940
957
  - app/pb_kits/playbook/pb_form/docs/example.yml
941
958
  - app/pb_kits/playbook/pb_form/form.rb
942
959
  - app/pb_kits/playbook/pb_form/pb_form_validation.js
943
- - app/pb_kits/playbook/pb_form_group/_form_group.jsx
944
960
  - app/pb_kits/playbook/pb_form_group/_form_group.scss
961
+ - app/pb_kits/playbook/pb_form_group/_form_group.tsx
945
962
  - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
946
963
  - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx
947
964
  - app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.html.erb
@@ -963,6 +980,7 @@ files:
963
980
  - app/pb_kits/playbook/pb_form_group/docs/index.js
964
981
  - app/pb_kits/playbook/pb_form_group/form_group.html.erb
965
982
  - app/pb_kits/playbook/pb_form_group/form_group.rb
983
+ - app/pb_kits/playbook/pb_form_group/form_group.test.js
966
984
  - app/pb_kits/playbook/pb_form_pill/_form_pill.scss
967
985
  - app/pb_kits/playbook/pb_form_pill/_form_pill.tsx
968
986
  - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.html.erb
@@ -1012,10 +1030,14 @@ files:
1012
1030
  - app/pb_kits/playbook/pb_hashtag/docs/_footer.md
1013
1031
  - app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.html.erb
1014
1032
  - app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx
1033
+ - app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.html.erb
1034
+ - app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx
1035
+ - app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.md
1015
1036
  - app/pb_kits/playbook/pb_hashtag/docs/example.yml
1016
1037
  - app/pb_kits/playbook/pb_hashtag/docs/index.js
1017
1038
  - app/pb_kits/playbook/pb_hashtag/hashtag.html.erb
1018
1039
  - app/pb_kits/playbook/pb_hashtag/hashtag.rb
1040
+ - app/pb_kits/playbook/pb_hashtag/hashtag.test.js
1019
1041
  - app/pb_kits/playbook/pb_highlight/_highlight.scss
1020
1042
  - app/pb_kits/playbook/pb_highlight/_highlight.tsx
1021
1043
  - app/pb_kits/playbook/pb_highlight/docs/_description.md
@@ -1026,8 +1048,8 @@ files:
1026
1048
  - app/pb_kits/playbook/pb_highlight/docs/index.js
1027
1049
  - app/pb_kits/playbook/pb_highlight/highlight.html.erb
1028
1050
  - app/pb_kits/playbook/pb_highlight/highlight.rb
1029
- - app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
1030
1051
  - app/pb_kits/playbook/pb_home_address_street/_home_address_street.scss
1052
+ - app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx
1031
1053
  - app/pb_kits/playbook/pb_home_address_street/city_emphasis.html.erb
1032
1054
  - app/pb_kits/playbook/pb_home_address_street/city_emphasis.rb
1033
1055
  - app/pb_kits/playbook/pb_home_address_street/docs/_description.md
@@ -1038,12 +1060,16 @@ files:
1038
1060
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.html.erb
1039
1061
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
1040
1062
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
1063
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
1064
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
1065
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
1041
1066
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.html.erb
1042
1067
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.jsx
1043
1068
  - app/pb_kits/playbook/pb_home_address_street/docs/example.yml
1044
1069
  - app/pb_kits/playbook/pb_home_address_street/docs/index.js
1045
1070
  - app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
1046
1071
  - app/pb_kits/playbook/pb_home_address_street/home_address_street.rb
1072
+ - app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js
1047
1073
  - app/pb_kits/playbook/pb_home_address_street/street_emphasis.html.erb
1048
1074
  - app/pb_kits/playbook/pb_home_address_street/street_emphasis.rb
1049
1075
  - app/pb_kits/playbook/pb_icon/_icon.scss
@@ -1088,8 +1114,8 @@ files:
1088
1114
  - app/pb_kits/playbook/pb_icon_circle/docs/index.js
1089
1115
  - app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb
1090
1116
  - app/pb_kits/playbook/pb_icon_circle/icon_circle.rb
1091
- - app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx
1092
1117
  - app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.scss
1118
+ - app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx
1093
1119
  - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb
1094
1120
  - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
1095
1121
  - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.html.erb
@@ -1102,8 +1128,9 @@ files:
1102
1128
  - app/pb_kits/playbook/pb_icon_stat_value/docs/index.js
1103
1129
  - app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb
1104
1130
  - app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb
1105
- - app/pb_kits/playbook/pb_icon_value/_icon_value.jsx
1131
+ - app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js
1106
1132
  - app/pb_kits/playbook/pb_icon_value/_icon_value.scss
1133
+ - app/pb_kits/playbook/pb_icon_value/_icon_value.tsx
1107
1134
  - app/pb_kits/playbook/pb_icon_value/docs/_description.md
1108
1135
  - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.html.erb
1109
1136
  - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx
@@ -1113,6 +1140,7 @@ files:
1113
1140
  - app/pb_kits/playbook/pb_icon_value/docs/index.js
1114
1141
  - app/pb_kits/playbook/pb_icon_value/icon_value.html.erb
1115
1142
  - app/pb_kits/playbook/pb_icon_value/icon_value.rb
1143
+ - app/pb_kits/playbook/pb_icon_value/icon_value.test.js
1116
1144
  - app/pb_kits/playbook/pb_image/_image.scss
1117
1145
  - app/pb_kits/playbook/pb_image/_image.tsx
1118
1146
  - app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb
@@ -1143,8 +1171,8 @@ files:
1143
1171
  - app/pb_kits/playbook/pb_label_pill/docs/index.js
1144
1172
  - app/pb_kits/playbook/pb_label_pill/label_pill.html.erb
1145
1173
  - app/pb_kits/playbook/pb_label_pill/label_pill.rb
1146
- - app/pb_kits/playbook/pb_label_value/_label_value.jsx
1147
1174
  - app/pb_kits/playbook/pb_label_value/_label_value.scss
1175
+ - app/pb_kits/playbook/pb_label_value/_label_value.tsx
1148
1176
  - app/pb_kits/playbook/pb_label_value/docs/_description.md
1149
1177
  - app/pb_kits/playbook/pb_label_value/docs/_footer.md
1150
1178
  - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.html.erb
@@ -1159,8 +1187,9 @@ files:
1159
1187
  - app/pb_kits/playbook/pb_label_value/docs/index.js
1160
1188
  - app/pb_kits/playbook/pb_label_value/label_value.html.erb
1161
1189
  - app/pb_kits/playbook/pb_label_value/label_value.rb
1162
- - app/pb_kits/playbook/pb_layout/_layout.jsx
1190
+ - app/pb_kits/playbook/pb_label_value/label_value.test.js
1163
1191
  - app/pb_kits/playbook/pb_layout/_layout.scss
1192
+ - app/pb_kits/playbook/pb_layout/_layout.tsx
1164
1193
  - app/pb_kits/playbook/pb_layout/_layout_mixin.scss
1165
1194
  - app/pb_kits/playbook/pb_layout/body.html.erb
1166
1195
  - app/pb_kits/playbook/pb_layout/body.rb
@@ -1195,6 +1224,7 @@ files:
1195
1224
  - app/pb_kits/playbook/pb_layout/item.rb
1196
1225
  - app/pb_kits/playbook/pb_layout/layout.html.erb
1197
1226
  - app/pb_kits/playbook/pb_layout/layout.rb
1227
+ - app/pb_kits/playbook/pb_layout/layout.test.js
1198
1228
  - app/pb_kits/playbook/pb_layout/sidebar.html.erb
1199
1229
  - app/pb_kits/playbook/pb_layout/sidebar.rb
1200
1230
  - app/pb_kits/playbook/pb_legend/_legend.jsx
@@ -1933,6 +1963,7 @@ files:
1933
1963
  - app/pb_kits/playbook/pb_timestamp/docs/index.js
1934
1964
  - app/pb_kits/playbook/pb_timestamp/timestamp.html.erb
1935
1965
  - app/pb_kits/playbook/pb_timestamp/timestamp.rb
1966
+ - app/pb_kits/playbook/pb_timestamp/timestamp.test.js
1936
1967
  - app/pb_kits/playbook/pb_title/_title.scss
1937
1968
  - app/pb_kits/playbook/pb_title/_title.tsx
1938
1969
  - app/pb_kits/playbook/pb_title/_title_mixin.scss
@@ -2154,29 +2185,29 @@ files:
2154
2185
  - app/pb_kits/playbook/tokens/exports/_spacing.scss
2155
2186
  - app/pb_kits/playbook/tokens/exports/_typography.scss
2156
2187
  - app/pb_kits/playbook/tokens/index.scss
2157
- - app/pb_kits/playbook/utilities/_align_content.scss
2158
- - app/pb_kits/playbook/utilities/_align_items.scss
2159
- - app/pb_kits/playbook/utilities/_align_self.scss
2160
2188
  - app/pb_kits/playbook/utilities/_background_colors.scss
2161
2189
  - app/pb_kits/playbook/utilities/_colors.scss
2162
2190
  - app/pb_kits/playbook/utilities/_cursor.scss
2163
2191
  - app/pb_kits/playbook/utilities/_display.scss
2164
- - app/pb_kits/playbook/utilities/_flex.scss
2165
- - app/pb_kits/playbook/utilities/_flex_direction.scss
2166
- - app/pb_kits/playbook/utilities/_flex_grow.scss
2167
- - app/pb_kits/playbook/utilities/_flex_shrink.scss
2168
- - app/pb_kits/playbook/utilities/_flex_wrap.scss
2169
2192
  - app/pb_kits/playbook/utilities/_flexbox.scss
2170
- - app/pb_kits/playbook/utilities/_justify_content.scss
2171
- - app/pb_kits/playbook/utilities/_justify_self.scss
2172
2193
  - app/pb_kits/playbook/utilities/_line_height.scss
2173
2194
  - app/pb_kits/playbook/utilities/_max_width.scss
2174
2195
  - app/pb_kits/playbook/utilities/_mixins.scss
2175
2196
  - app/pb_kits/playbook/utilities/_number_spacing.scss
2176
- - app/pb_kits/playbook/utilities/_order.scss
2177
2197
  - app/pb_kits/playbook/utilities/_positioning.scss
2178
2198
  - app/pb_kits/playbook/utilities/_shadow.scss
2179
2199
  - app/pb_kits/playbook/utilities/_spacing.scss
2200
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
2201
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
2202
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
2203
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_flex.scss
2204
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_flex_direction.scss
2205
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_flex_grow.scss
2206
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_flex_shrink.scss
2207
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_flex_wrap.scss
2208
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_justify_content.scss
2209
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_justify_self.scss
2210
+ - app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
2180
2211
  - app/pb_kits/playbook/utilities/globalProps.ts
2181
2212
  - app/pb_kits/playbook/utilities/props.ts
2182
2213
  - app/pb_kits/playbook/utilities/test-utils.js
@@ -2266,9 +2297,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
2266
2297
  version: '0'
2267
2298
  required_rubygems_version: !ruby/object:Gem::Requirement
2268
2299
  requirements:
2269
- - - ">="
2300
+ - - ">"
2270
2301
  - !ruby/object:Gem::Version
2271
- version: '0'
2302
+ version: 1.3.1
2272
2303
  requirements: []
2273
2304
  rubygems_version: 3.3.7
2274
2305
  signing_key:
@@ -1,155 +0,0 @@
1
- /* @flow */
2
-
3
- import React from 'react'
4
- import classnames from 'classnames'
5
-
6
- import { globalProps } from '../utilities/globalProps'
7
- import { buildCss } from '../utilities/props'
8
- import DateTime from '../pb_kit/dateTime'
9
-
10
- import Body from '../pb_body/_body'
11
- import Caption from '../pb_caption/_caption'
12
- import Icon from '../pb_icon/_icon'
13
-
14
- type DateRangeInlineProps = {
15
- className?: string,
16
- id?: string,
17
- data?: string,
18
- align?: "left" | "center" | "vertical",
19
- size?: "sm" | "xs",
20
- dark?: boolean,
21
- icon?: boolean,
22
- startDate?: date,
23
- endDate?: date
24
- }
25
-
26
- const dateTimestamp = (dateValue, includeYear) => {
27
- const date = new DateTime({ value: dateValue })
28
- if (includeYear) {
29
- return `${date.toMonth()} ${date.toDay()}, ${date.toYear()}`
30
- } else {
31
- return `${date.toMonth()} ${date.toDay()}`
32
- }
33
- }
34
-
35
- const dateTimeIso = (dateValue) => {
36
- const date = new DateTime({ value: dateValue })
37
- return date.toIso()
38
- }
39
-
40
- const DateRangeInline = (props: DateRangeInlineProps) => {
41
- const {
42
- icon = false,
43
- dark = false,
44
- size = 'sm',
45
- align = 'left',
46
- startDate,
47
- endDate,
48
- className,
49
- } = props
50
-
51
- const iconContent = () => {
52
- return (
53
- <If condition={icon}>
54
- <Body
55
- color="light"
56
- key={Math.random()}
57
- tag="span"
58
- >
59
- <Icon
60
- className="pb_date_range_inline_icon"
61
- dark={dark}
62
- fixedWidth
63
- icon="calendar-alt"
64
- size={size}
65
- tag="span"
66
- />
67
- </Body>
68
- </If>
69
- )
70
- }
71
-
72
- const dateInCurrentYear = () => {
73
- const currentDate = new Date()
74
- return startDate.getFullYear() == endDate.getFullYear() && startDate.getFullYear() == currentDate.getFullYear()
75
- }
76
-
77
- const dateRangeClasses = buildCss('pb_date_range_inline_kit', align)
78
-
79
- const renderTime = (date) => {
80
- return (
81
- <time dateTime={dateTimeIso(date)}>
82
- <Choose>
83
- <When condition={dateInCurrentYear()}>
84
- {` ${dateTimestamp(date, false)} `}
85
- </When>
86
- <Otherwise>
87
- {` ${dateTimestamp(date, true)} `}
88
- </Otherwise>
89
- </Choose>
90
- </time>
91
- )
92
- }
93
-
94
- return (
95
- <div className={classnames(dateRangeClasses, globalProps(props), className)}>
96
- <div className="pb_date_range_inline_wrapper">
97
- <If condition={size == 'xs'}>
98
- {iconContent()}
99
- <Caption
100
- dark={dark}
101
- tag="span"
102
- >
103
- {renderTime(startDate)}
104
- </Caption>
105
- <Caption
106
- dark={dark}
107
- tag="span"
108
- >
109
- <Icon
110
- className="pb_date_range_inline_arrow"
111
- fixedWidth
112
- icon="long-arrow-right"
113
- />
114
- </Caption>
115
- <Caption
116
- dark={dark}
117
- tag="span"
118
- >
119
- {renderTime(endDate)}
120
- </Caption>
121
- </If>
122
-
123
- <If condition={size == 'sm'}>
124
- {iconContent()}
125
- <Body
126
- dark={dark}
127
- tag="span"
128
- >
129
- {renderTime(startDate)}
130
- </Body>
131
- <Body
132
- color="light"
133
- dark={dark}
134
- tag="span"
135
- >
136
- <Icon
137
- className="pb_date_range_inline_arrow"
138
- dark={dark}
139
- fixedWidth
140
- icon="long-arrow-right"
141
- />
142
- </Body>
143
- <Body
144
- dark={dark}
145
- tag="span"
146
- >
147
- {renderTime(endDate)}
148
- </Body>
149
- </If>
150
- </div>
151
- </div>
152
- )
153
- }
154
-
155
- export default DateRangeInline
@@ -1,124 +0,0 @@
1
- /* @flow */
2
-
3
- import React from 'react'
4
- import classnames from 'classnames'
5
-
6
- import { joinPresent, titleize } from '../utilities/text'
7
- import { globalProps } from '../utilities/globalProps'
8
-
9
- import Body from '../pb_body/_body'
10
- import Hashtag from '../pb_hashtag/_hashtag'
11
- import Title from '../pb_title/_title'
12
-
13
- type HomeAddressStreetProps = {
14
- address: string,
15
- addressCont: string,
16
- city: string,
17
- className?: string,
18
- dark?: boolean,
19
- emphasis: "street" | "city",
20
- homeId: number,
21
- houseStyle: string,
22
- homeUrl: string,
23
- state: string,
24
- zipcode: string,
25
- territory: string,
26
- }
27
-
28
- const HomeAddressStreet = (props: HomeAddressStreetProps) => {
29
- const {
30
- address,
31
- addressCont,
32
- city,
33
- className,
34
- dark = false,
35
- emphasis = 'street',
36
- homeId,
37
- homeUrl,
38
- houseStyle,
39
- state,
40
- zipcode,
41
- territory,
42
- } = props
43
-
44
- const classes = (className, dark) =>
45
- classnames(
46
- {
47
- 'pb_home_address_street': !dark,
48
- 'pb_home_address_street_dark': dark,
49
- },
50
- globalProps(props),
51
- className
52
- )
53
- return (
54
- <div className={classes(className, dark)}>
55
- {
56
- <Choose>
57
- <When condition={emphasis == 'street'}>
58
- <div>
59
- <Title
60
- className="pb_home_address_street_address"
61
- dark={dark}
62
- size={4}
63
- >
64
- {joinPresent([titleize(address), houseStyle], ' · ')}
65
- </Title>
66
- <Title
67
- className="pb_home_address_street_address"
68
- dark={dark}
69
- size={4}
70
- >
71
- {titleize(addressCont)}
72
- </Title>
73
- <Body color="light">
74
- {`${titleize(city)}, ${state} ${zipcode}`}
75
- </Body>
76
- </div>
77
- </When>
78
- <When condition={emphasis == 'city'}>
79
- <div>
80
- <Body color="light">
81
- {joinPresent([titleize(address), houseStyle], ' · ')}
82
- </Body>
83
- <Body color="light">{titleize(addressCont)}</Body>
84
- <div>
85
- <Title
86
- className="pb_home_address_street_address"
87
- dark={dark}
88
- size={4}
89
- tag="span"
90
- >
91
- {`${titleize(city)}, ${state}`}
92
- </Title>
93
- <Body
94
- color="light"
95
- tag="span"
96
- >
97
- {` ${zipcode}`}
98
- </Body>
99
- </div>
100
- </div>
101
- </When>
102
- </Choose>
103
- }
104
-
105
- <If condition={homeId}>
106
- <Hashtag
107
- classname="home-hashtag"
108
- dark={dark}
109
- text={homeId}
110
- type="home"
111
- url={homeUrl || '#'}
112
- />
113
- </If>
114
- <Body
115
- color="light"
116
- tag="span"
117
- >
118
- <small>{territory}</small>
119
- </Body>
120
- </div>
121
- )
122
- }
123
-
124
- export default HomeAddressStreet