playbook_ui 2.9.8 → 2.9.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (82) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +3 -0
  3. data/app/pb_kits/playbook/index.js +4 -0
  4. data/app/pb_kits/playbook/kits/pb_date_stacked.js +4 -0
  5. data/app/pb_kits/playbook/kits/pb_multiple_users.js +4 -0
  6. data/app/pb_kits/playbook/kits/pb_progress_pills.js +4 -0
  7. data/app/pb_kits/playbook/packs/examples.js +6 -0
  8. data/app/pb_kits/playbook/packs/kits.js +5 -0
  9. data/app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss +1 -0
  10. data/app/pb_kits/playbook/pb_avatar/_avatar.jsx +21 -12
  11. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +5 -5
  12. data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +1 -1
  13. data/app/pb_kits/playbook/pb_caption/caption.rb +0 -1
  14. data/app/pb_kits/playbook/pb_card/_card.jsx +18 -6
  15. data/app/pb_kits/playbook/pb_card/_card.scss +33 -0
  16. data/app/pb_kits/playbook/pb_card/card.rb +15 -1
  17. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.html.erb +9 -0
  18. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx +20 -0
  19. data/app/pb_kits/playbook/pb_card/docs/example.yml +3 -0
  20. data/app/pb_kits/playbook/pb_card/docs/index.js +1 -0
  21. data/app/pb_kits/playbook/pb_contact/contact.rb +0 -1
  22. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx +15 -33
  23. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx +12 -9
  24. data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.jsx +12 -9
  25. data/app/pb_kits/playbook/pb_date/date.rb +1 -1
  26. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.html.erb +13 -0
  27. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.jsx +83 -0
  28. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.scss +35 -0
  29. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.rb +69 -0
  30. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.html.erb +21 -0
  31. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.jsx +33 -0
  32. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_dark.html.erb +5 -0
  33. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_dark.jsx +24 -0
  34. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb +5 -0
  35. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx +18 -0
  36. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb +5 -0
  37. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx +18 -0
  38. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb +5 -0
  39. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.jsx +18 -0
  40. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.html.erb +5 -0
  41. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.jsx +19 -0
  42. data/app/pb_kits/playbook/pb_date_stacked/docs/example.yml +22 -0
  43. data/app/pb_kits/playbook/pb_date_stacked/docs/index.js +7 -0
  44. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb +0 -1
  45. data/app/pb_kits/playbook/pb_kit/pb_date_time.rb +3 -1
  46. data/app/pb_kits/playbook/pb_layout/layout.rb +0 -1
  47. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.rb +5 -5
  48. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.html.erb +14 -0
  49. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx +69 -0
  50. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +50 -0
  51. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.html.erb +39 -0
  52. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx +46 -0
  53. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb +41 -0
  54. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx +50 -0
  55. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +9 -0
  56. data/app/pb_kits/playbook/pb_multiple_users/docs/index.js +2 -0
  57. data/app/pb_kits/playbook/pb_multiple_users/multiple_users.rb +32 -0
  58. data/app/pb_kits/playbook/pb_online_status/online_status.rb +2 -2
  59. data/app/pb_kits/playbook/pb_person_contact/person_contact.rb +2 -2
  60. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.html.erb +19 -0
  61. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx +51 -0
  62. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss +42 -0
  63. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.html.erb +1 -0
  64. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.jsx +21 -0
  65. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +1 -0
  66. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +18 -0
  67. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb +1 -0
  68. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx +20 -0
  69. data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +12 -0
  70. data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +3 -0
  71. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +49 -0
  72. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.rb +3 -3
  73. data/app/pb_kits/playbook/pb_stat_change/stat_change.rb +5 -5
  74. data/app/pb_kits/playbook/pb_time/time.rb +2 -2
  75. data/app/pb_kits/playbook/pb_title_count/title_count.rb +2 -2
  76. data/app/pb_kits/playbook/pb_user/docs/_user_dark.html.erb +42 -0
  77. data/app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.html.erb +19 -0
  78. data/app/pb_kits/playbook/tokens/_colors.scss +4 -0
  79. data/app/views/playbook/pages/utilities.html.slim +4 -4
  80. data/lib/playbook/version.rb +1 -1
  81. data/lib/tasks/pb_release.rake +0 -2
  82. metadata +49 -2
@@ -5,12 +5,12 @@ module Playbook
5
5
  class StatChange
6
6
  include Playbook::Props
7
7
 
8
- partial "pb_stat_change/stat_change"
8
+ partial "pb_stat_change/stat_change"
9
9
 
10
- prop :change, type: Playbook::Props::Enum,
11
- values: %w[neutral increase decrease],
12
- default: "neutral"
13
- prop :value, type: Playbook::Props::Percentage
10
+ prop :change, type: Playbook::Props::Enum,
11
+ values: %w[neutral increase decrease],
12
+ default: "neutral"
13
+ prop :value, type: Playbook::Props::Percentage
14
14
 
15
15
  def status
16
16
  case change
@@ -22,11 +22,11 @@ module Playbook
22
22
  end
23
23
 
24
24
  def format_timezone_string
25
- "#{pb_date_time.to_timezone}"
25
+ pb_date_time.to_timezone.to_s
26
26
  end
27
27
 
28
28
  def pb_date_time
29
- pb_date_time ||= Playbook::PbKit::PbDateTime.new(time, timezone)
29
+ Playbook::PbKit::PbDateTime.new(time, timezone)
30
30
  end
31
31
  end
32
32
  end
@@ -8,8 +8,8 @@ module Playbook
8
8
  partial "pb_title_count/title_count"
9
9
 
10
10
  prop :align, type: Playbook::Props::Enum,
11
- values: %w[left center right],
12
- default: "left"
11
+ values: %w[left center right],
12
+ default: "left"
13
13
  prop :size, type: Playbook::Props::Enum,
14
14
  values: %w[lg sm],
15
15
  default: "sm"
@@ -0,0 +1,42 @@
1
+ <div class="pb--doc-demo-row">
2
+ <div>
3
+ <%= pb_rails("user", props: {
4
+ name: "Anna Black",
5
+ title: "Remodeling Consultant",
6
+ orientation: "vertical",
7
+ align: "center",
8
+ size: "lg",
9
+ avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
10
+ dark: true
11
+ }) %>
12
+ </div>
13
+ <div>
14
+ <%= pb_rails("user", props: {
15
+ name: "Anna Black",
16
+ title: "Remodeling Consultant",
17
+ orientation: "horizontal",
18
+ align: "left",
19
+ avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
20
+ dark: true
21
+ }) %>
22
+ </div>
23
+ <div>
24
+ <%= pb_rails("user", props: {
25
+ name: "Anna Black",
26
+ orientation: "horizontal",
27
+ align: "left",
28
+ avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
29
+ dark: true
30
+ }) %>
31
+
32
+ <br>
33
+
34
+ <%= pb_rails("user", props: {
35
+ name: "Anna Black",
36
+ orientation: "horizontal",
37
+ align: "left",
38
+ avatar: true,
39
+ dark: true
40
+ }) %>
41
+ </div>
42
+ </div>
@@ -0,0 +1,19 @@
1
+ <div class="pb--doc-demo-row">
2
+ <div>
3
+ <%= pb_rails("user", props: {
4
+ name: "Anna Black",
5
+ title: "Remodeling Consultant",
6
+ orientation: "horizontal",
7
+ align: "center",
8
+ dark: true,
9
+ size: "lg"}) %>
10
+ </div>
11
+ <div class="">
12
+ <%= pb_rails("user", props: {
13
+ name: "Anna Black",
14
+ title: "Remodeling Consultant",
15
+ orientation: "horizontal",
16
+ dark: true,
17
+ align: "left"}) %>
18
+ </div>
19
+ </div>
@@ -66,6 +66,9 @@ $card_colors: (
66
66
  );
67
67
 
68
68
  $primary-action: $primary;
69
+ $action_colors: (
70
+ primary_action: $primary-action
71
+ );
69
72
 
70
73
  // Active colors ----------------------
71
74
  $active_light: #E5F2FF;
@@ -197,6 +200,7 @@ $transparent: transparent;
197
200
  @include export-colors($background_colors);
198
201
  @include export-colors($card_colors);
199
202
  @include export-colors($active_colors);
203
+ @include export-colors($action_colors);
200
204
  @include export-colors($hover_colors);
201
205
  @include export-colors($border_colors);
202
206
  @include export-colors($text_colors);
@@ -27,7 +27,7 @@ br
27
27
  locals:{ title: "Cards",
28
28
  usage: "Used for card backgrounds",
29
29
  colors: [{name: "Card Light", variable: "card_light"},
30
- {name: "Card Dark", variable: "card_dark"}]}
30
+ {name: "Card Dark", variable: "card_dark", dark: true}]}
31
31
 
32
32
  // Status --------------------------
33
33
  = render :partial => "playbook/pages/utilities/pb_doc_color",
@@ -49,14 +49,14 @@ br
49
49
  {name: "Data 4", variable: "data_4"},
50
50
  {name: "Data 5", variable: "data_5"},
51
51
  {name: "Data 6", variable: "data_6"},
52
- {name: "Data 7", variable: "data_7"}]}
52
+ {name: "Data 7", variable: "data_7"},
53
+ {name: "Data 8", variable: "data_8"}]}
53
54
 
54
55
  // Actions -------------------------
55
56
  = render :partial => "playbook/pages/utilities/pb_doc_color",
56
57
  locals:{ title: "Actions",
57
58
  usage: "Used for links and action buttons",
58
- colors: [{name: "Primary", variable: "primary_action"},
59
- {name: "Primary Dark", variable: "primary_action_dk", dark: true}]}
59
+ colors: [{name: "Primary", variable: "primary_action"}]}
60
60
 
61
61
  // Active --------------------------
62
62
  = render :partial => "playbook/pages/utilities/pb_doc_color",
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "2.9.8"
4
+ VERSION = "2.9.9"
5
5
  end
@@ -4,7 +4,6 @@ namespace :pb_release do
4
4
  desc "Update the version number in preparation to release"
5
5
  task version: :environment do
6
6
  old_version = Playbook::VERSION
7
- new_version = ""
8
7
  STDOUT.puts "What would you like the next release number to be? Currently #{old_version}"
9
8
  new_version = STDIN.gets.chomp
10
9
 
@@ -54,7 +53,6 @@ namespace :pb_release do
54
53
 
55
54
  # Tags
56
55
  puts "\nPushed to NPM. Now lets create a tag..."
57
- description = ""
58
56
  puts "\nWrite a brief tag release description. You can edit this later on GitHub."
59
57
  description = STDIN.gets.chomp
60
58
  puts "\nCreating Tag..."
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: 2.9.8
4
+ version: 2.9.9
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: 2019-11-19 00:00:00.000000000 Z
12
+ date: 2019-11-21 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -392,6 +392,7 @@ files:
392
392
  - app/pb_kits/playbook/kits/pb_dashboard_value.js
393
393
  - app/pb_kits/playbook/kits/pb_date.js
394
394
  - app/pb_kits/playbook/kits/pb_date_range_inline.js
395
+ - app/pb_kits/playbook/kits/pb_date_stacked.js
395
396
  - app/pb_kits/playbook/kits/pb_date_year_stacked.js
396
397
  - app/pb_kits/playbook/kits/pb_distribution_bar.js
397
398
  - app/pb_kits/playbook/kits/pb_fixed_confirmation_toast.js
@@ -408,11 +409,13 @@ files:
408
409
  - app/pb_kits/playbook/kits/pb_list.js
409
410
  - app/pb_kits/playbook/kits/pb_loading_inline.js
410
411
  - app/pb_kits/playbook/kits/pb_message.js
412
+ - app/pb_kits/playbook/kits/pb_multiple_users.js
411
413
  - app/pb_kits/playbook/kits/pb_nav.js
412
414
  - app/pb_kits/playbook/kits/pb_online_status.js
413
415
  - app/pb_kits/playbook/kits/pb_person.js
414
416
  - app/pb_kits/playbook/kits/pb_person_contact.js
415
417
  - app/pb_kits/playbook/kits/pb_pill.js
418
+ - app/pb_kits/playbook/kits/pb_progress_pills.js
416
419
  - app/pb_kits/playbook/kits/pb_progress_simple.js
417
420
  - app/pb_kits/playbook/kits/pb_section_separator.js
418
421
  - app/pb_kits/playbook/kits/pb_source.js
@@ -532,6 +535,8 @@ files:
532
535
  - app/pb_kits/playbook/pb_card/child_kits/_card_body.scss
533
536
  - app/pb_kits/playbook/pb_card/docs/_card_content.html.erb
534
537
  - app/pb_kits/playbook/pb_card/docs/_card_content.jsx
538
+ - app/pb_kits/playbook/pb_card/docs/_card_highlight.html.erb
539
+ - app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
535
540
  - app/pb_kits/playbook/pb_card/docs/_card_light.html.erb
536
541
  - app/pb_kits/playbook/pb_card/docs/_card_light.jsx
537
542
  - app/pb_kits/playbook/pb_card/docs/_card_padding.html.erb
@@ -603,6 +608,24 @@ files:
603
608
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
604
609
  - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
605
610
  - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
611
+ - app/pb_kits/playbook/pb_date_stacked/_date_stacked.html.erb
612
+ - app/pb_kits/playbook/pb_date_stacked/_date_stacked.jsx
613
+ - app/pb_kits/playbook/pb_date_stacked/_date_stacked.scss
614
+ - app/pb_kits/playbook/pb_date_stacked/date_stacked.rb
615
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.html.erb
616
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.jsx
617
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_dark.html.erb
618
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_dark.jsx
619
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
620
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
621
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
622
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
623
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
624
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.jsx
625
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.html.erb
626
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.jsx
627
+ - app/pb_kits/playbook/pb_date_stacked/docs/example.yml
628
+ - app/pb_kits/playbook/pb_date_stacked/docs/index.js
606
629
  - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.html.erb
607
630
  - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx
608
631
  - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss
@@ -792,6 +815,16 @@ files:
792
815
  - app/pb_kits/playbook/pb_message/docs/example.yml
793
816
  - app/pb_kits/playbook/pb_message/docs/index.js
794
817
  - app/pb_kits/playbook/pb_message/message.rb
818
+ - app/pb_kits/playbook/pb_multiple_users/_multiple_users.html.erb
819
+ - app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
820
+ - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
821
+ - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.html.erb
822
+ - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx
823
+ - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb
824
+ - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
825
+ - app/pb_kits/playbook/pb_multiple_users/docs/example.yml
826
+ - app/pb_kits/playbook/pb_multiple_users/docs/index.js
827
+ - app/pb_kits/playbook/pb_multiple_users/multiple_users.rb
795
828
  - app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
796
829
  - app/pb_kits/playbook/pb_nav/_item.html.erb
797
830
  - app/pb_kits/playbook/pb_nav/_item.jsx
@@ -845,6 +878,18 @@ files:
845
878
  - app/pb_kits/playbook/pb_pill/docs/example.yml
846
879
  - app/pb_kits/playbook/pb_pill/docs/index.js
847
880
  - app/pb_kits/playbook/pb_pill/pill.rb
881
+ - app/pb_kits/playbook/pb_progress_pills/_progress_pills.html.erb
882
+ - app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx
883
+ - app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
884
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.html.erb
885
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.jsx
886
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
887
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
888
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
889
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
890
+ - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
891
+ - app/pb_kits/playbook/pb_progress_pills/docs/index.js
892
+ - app/pb_kits/playbook/pb_progress_pills/progress_pills.rb
848
893
  - app/pb_kits/playbook/pb_progress_simple/_progress_simple.html.erb
849
894
  - app/pb_kits/playbook/pb_progress_simple/_progress_simple.jsx
850
895
  - app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
@@ -1011,10 +1056,12 @@ files:
1011
1056
  - app/pb_kits/playbook/pb_user/_user.html.erb
1012
1057
  - app/pb_kits/playbook/pb_user/_user.jsx
1013
1058
  - app/pb_kits/playbook/pb_user/_user.scss
1059
+ - app/pb_kits/playbook/pb_user/docs/_user_dark.html.erb
1014
1060
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
1015
1061
  - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
1016
1062
  - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
1017
1063
  - app/pb_kits/playbook/pb_user/docs/_user_text_only.html.erb
1064
+ - app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.html.erb
1018
1065
  - app/pb_kits/playbook/pb_user/docs/_user_vertical_size.html.erb
1019
1066
  - app/pb_kits/playbook/pb_user/docs/example.yml
1020
1067
  - app/pb_kits/playbook/pb_user/docs/index.js