playbook_ui 4.2.0 → 4.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. checksums.yaml +4 -4
  2. data/app/controllers/playbook/application_controller.rb +1 -0
  3. data/app/controllers/playbook/pages_controller.rb +0 -4
  4. data/app/controllers/playbook/samples_controller.rb +40 -0
  5. data/app/helpers/playbook/pb_doc_helper.rb +7 -1
  6. data/app/helpers/playbook/pb_sample_helper.rb +19 -0
  7. data/app/helpers/playbook/redcarpet_helper.rb +1 -1
  8. data/app/pb_kits/playbook/_playbook.scss +1 -0
  9. data/app/pb_kits/playbook/config/_kit_samples_list.html.erb +3 -0
  10. data/app/pb_kits/playbook/config/_kit_ui.html.slim +9 -5
  11. data/app/pb_kits/playbook/data/menu.yml +4 -0
  12. data/app/pb_kits/playbook/index.js +2 -0
  13. data/app/pb_kits/playbook/kits/pb_flex.js +4 -0
  14. data/app/pb_kits/playbook/kits/pb_highlight.js +4 -0
  15. data/app/pb_kits/playbook/packs/examples.js +4 -0
  16. data/app/pb_kits/playbook/packs/kits/pb_highlight.js +2 -0
  17. data/app/pb_kits/playbook/packs/kits/pb_popover.js +1 -0
  18. data/app/pb_kits/playbook/packs/main.scss +3 -0
  19. data/app/pb_kits/playbook/packs/samples.js +50 -0
  20. data/app/pb_kits/playbook/packs/site_styles/_samples.scss +71 -0
  21. data/app/pb_kits/playbook/packs/site_styles/_site-style.scss +6 -0
  22. data/app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss +11 -3
  23. data/app/pb_kits/playbook/pb_body/_body.html.erb +1 -1
  24. data/app/pb_kits/playbook/pb_body/_body.jsx +10 -1
  25. data/app/pb_kits/playbook/pb_body/body.rb +17 -1
  26. data/app/pb_kits/playbook/pb_editor/_editor.html.erb +6 -0
  27. data/app/pb_kits/playbook/pb_hashtag/_hashtag.jsx +2 -1
  28. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.html.erb +4 -0
  29. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.jsx +7 -0
  30. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.html.erb +4 -0
  31. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +6 -0
  32. data/app/pb_kits/playbook/pb_hashtag/hashtag.rb +3 -1
  33. data/app/pb_kits/playbook/pb_highlight/_highlight.html.erb +6 -0
  34. data/app/pb_kits/playbook/pb_highlight/_highlight.jsx +38 -0
  35. data/app/pb_kits/playbook/pb_highlight/_highlight.scss +6 -0
  36. data/app/pb_kits/playbook/pb_highlight/docs/_highlight_default.html.erb +20 -0
  37. data/app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx +26 -0
  38. data/app/pb_kits/playbook/pb_highlight/docs/example.yml +9 -0
  39. data/app/pb_kits/playbook/pb_highlight/docs/index.js +1 -0
  40. data/app/pb_kits/playbook/pb_highlight/highlight.rb +17 -0
  41. data/app/pb_kits/playbook/pb_popover/_popover.html.erb +1 -1
  42. data/app/pb_kits/playbook/pb_popover/_popover.js +13 -22
  43. data/app/pb_kits/playbook/pb_popover/_popover.jsx +121 -0
  44. data/app/pb_kits/playbook/pb_popover/_popover.scss +4 -0
  45. data/app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx +29 -0
  46. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +46 -0
  47. data/app/pb_kits/playbook/pb_popover/docs/_popover_portal.jsx +36 -0
  48. data/app/pb_kits/playbook/pb_popover/docs/_popover_with_button.jsx +35 -0
  49. data/app/pb_kits/playbook/pb_popover/docs/example.yml +4 -0
  50. data/app/pb_kits/playbook/pb_popover/docs/index.js +4 -0
  51. data/app/pb_kits/playbook/pb_popover/popover.rb +1 -1
  52. data/app/pb_kits/playbook/pb_select/_select.jsx +51 -51
  53. data/app/pb_kits/playbook/pb_select/docs/_select_blank.jsx +8 -14
  54. data/app/pb_kits/playbook/pb_select/docs/_select_dark.jsx +17 -15
  55. data/app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx +17 -15
  56. data/app/pb_kits/playbook/pb_select/docs/_select_default.jsx +16 -15
  57. data/app/pb_kits/playbook/pb_select/docs/_select_disabled.jsx +8 -14
  58. data/app/pb_kits/playbook/pb_select/docs/_select_disabled_options.jsx +31 -29
  59. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +17 -15
  60. data/app/pb_kits/playbook/pb_select/docs/_select_required.jsx +7 -11
  61. data/app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx +8 -14
  62. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx +2 -2
  63. data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +2 -2
  64. data/app/pb_kits/playbook/pb_toggle/_toggle.jsx +3 -3
  65. data/app/pb_kits/playbook/types.js +1 -1
  66. data/app/pb_kits/playbook/vendor.js +2 -2
  67. data/app/views/layouts/playbook/samples.html.erb +37 -0
  68. data/app/views/playbook/pages/kit_show.html.slim +1 -1
  69. data/app/views/playbook/pages/principles.html.slim +1 -1
  70. data/app/views/playbook/samples/dashboards/dashboards.html.erb +82 -0
  71. data/app/views/playbook/samples/dashboards/dashboards.jsx +35 -0
  72. data/app/views/playbook/samples/sample_show.html.erb +25 -0
  73. data/lib/playbook/version.rb +1 -1
  74. metadata +32 -5
  75. data/app/pb_kits/playbook/config/_kit_example.html.slim +0 -5
@@ -0,0 +1,25 @@
1
+ <div class="pb--kit-show sample-nav">
2
+ <div class="sample-actions">
3
+ <div class="items">
4
+ <%= pb_rails("circle_icon_button", props: {variant: "primary", icon: "angle-left", dark: true}) %>
5
+ </div>
6
+ </div>
7
+ <div class="pb--kit-type-nav sample">
8
+ <%= pb_rails("nav", props: { orientation: "horizontal", classname: "code-controls"}) do %>
9
+ <%= pb_rails("nav/item", props: { text: "Rails", link: "#{sample_show_rails_path(@sample)}", active: action_name == 'sample_show_rails' }) %>
10
+ <%= pb_rails("nav/item", props: { text: "React", link: "#{sample_show_reacts_path(@sample)}", active: action_name == 'sample_show_react' }) %>
11
+ <% end %>
12
+ </div>
13
+ <div class="sample-actions-right">
14
+ <div class="items">
15
+ <%= pb_rails("circle_icon_button", props: { classname:"toggle-button", variant: "secondary", icon: "code", dark: true}) %>
16
+ </div>
17
+ <div class="items">
18
+ <%= pb_rails("circle_icon_button", props:{ classname: "expand", variant: "secondary", icon: "expand", dark: true}) %>
19
+ </div>
20
+ </div>
21
+ </div>
22
+
23
+
24
+ <%= pb_rails("circle_icon_button", props:{ classname: "compress", variant: "link", icon: "compress"}) %>
25
+
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "4.2.0"
4
+ VERSION = "4.3.0"
5
5
  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: 4.2.0
4
+ version: 4.3.0
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: 2020-02-07 00:00:00.000000000 Z
12
+ date: 2020-02-14 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -119,14 +119,14 @@ dependencies:
119
119
  requirements:
120
120
  - - '='
121
121
  - !ruby/object:Gem::Version
122
- version: 1.10.1
122
+ version: 3.15.0
123
123
  type: :runtime
124
124
  prerelease: false
125
125
  version_requirements: !ruby/object:Gem::Requirement
126
126
  requirements:
127
127
  - - '='
128
128
  - !ruby/object:Gem::Version
129
- version: 1.10.1
129
+ version: 3.15.0
130
130
  - !ruby/object:Gem::Dependency
131
131
  name: sassc-rails
132
132
  requirement: !ruby/object:Gem::Requirement
@@ -403,18 +403,22 @@ files:
403
403
  - app/controllers/playbook/application_controller.rb
404
404
  - app/controllers/playbook/guides_controller.rb
405
405
  - app/controllers/playbook/pages_controller.rb
406
+ - app/controllers/playbook/samples_controller.rb
406
407
  - app/helpers/playbook/application_helper.rb
407
408
  - app/helpers/playbook/layout_helper.rb
408
409
  - app/helpers/playbook/pb_doc_helper.rb
409
410
  - app/helpers/playbook/pb_kit_helper.rb
411
+ - app/helpers/playbook/pb_sample_helper.rb
410
412
  - app/helpers/playbook/redcarpet_helper.rb
411
413
  - app/pb_kits/playbook/_playbook.scss
412
414
  - app/pb_kits/playbook/config/_kit_example.html.erb
413
- - app/pb_kits/playbook/config/_kit_example.html.slim
415
+ - app/pb_kits/playbook/config/_kit_samples_list.html.erb
414
416
  - app/pb_kits/playbook/config/_kit_ui.html.slim
415
417
  - app/pb_kits/playbook/config/_pb_kit_api.html.erb
416
418
  - app/pb_kits/playbook/data/menu.yml
417
419
  - app/pb_kits/playbook/index.js
420
+ - app/pb_kits/playbook/kits/pb_flex.js
421
+ - app/pb_kits/playbook/kits/pb_highlight.js
418
422
  - app/pb_kits/playbook/packs/application.js
419
423
  - app/pb_kits/playbook/packs/examples.js
420
424
  - app/pb_kits/playbook/packs/kits/pb_avatar.js
@@ -437,6 +441,7 @@ files:
437
441
  - app/pb_kits/playbook/packs/kits/pb_fixed_confirmation_toast.js
438
442
  - app/pb_kits/playbook/packs/kits/pb_flex.js
439
443
  - app/pb_kits/playbook/packs/kits/pb_hashtag.js
444
+ - app/pb_kits/playbook/packs/kits/pb_highlight.js
440
445
  - app/pb_kits/playbook/packs/kits/pb_home_address_street.js
441
446
  - app/pb_kits/playbook/packs/kits/pb_icon.js
442
447
  - app/pb_kits/playbook/packs/kits/pb_icon_circle.js
@@ -457,6 +462,7 @@ files:
457
462
  - app/pb_kits/playbook/packs/kits/pb_person.js
458
463
  - app/pb_kits/playbook/packs/kits/pb_person_contact.js
459
464
  - app/pb_kits/playbook/packs/kits/pb_pill.js
465
+ - app/pb_kits/playbook/packs/kits/pb_popover.js
460
466
  - app/pb_kits/playbook/packs/kits/pb_progress_pills.js
461
467
  - app/pb_kits/playbook/packs/kits/pb_progress_simple.js
462
468
  - app/pb_kits/playbook/packs/kits/pb_radio.js
@@ -479,6 +485,8 @@ files:
479
485
  - app/pb_kits/playbook/packs/kits/pb_user.js
480
486
  - app/pb_kits/playbook/packs/kits/pb_user_badge.js
481
487
  - app/pb_kits/playbook/packs/main.scss
488
+ - app/pb_kits/playbook/packs/samples.js
489
+ - app/pb_kits/playbook/packs/site_styles/_samples.scss
482
490
  - app/pb_kits/playbook/packs/site_styles/_scaffold.scss
483
491
  - app/pb_kits/playbook/packs/site_styles/_site-style.scss
484
492
  - app/pb_kits/playbook/packs/site_styles/docs/_all.scss
@@ -706,6 +714,7 @@ files:
706
714
  - app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.jsx
707
715
  - app/pb_kits/playbook/pb_distribution_bar/docs/example.yml
708
716
  - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
717
+ - app/pb_kits/playbook/pb_editor/_editor.html.erb
709
718
  - app/pb_kits/playbook/pb_enhanced_element/element_observer.js
710
719
  - app/pb_kits/playbook/pb_enhanced_element/index.js
711
720
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.html.erb
@@ -772,6 +781,14 @@ files:
772
781
  - app/pb_kits/playbook/pb_hashtag/docs/example.yml
773
782
  - app/pb_kits/playbook/pb_hashtag/docs/index.js
774
783
  - app/pb_kits/playbook/pb_hashtag/hashtag.rb
784
+ - app/pb_kits/playbook/pb_highlight/_highlight.html.erb
785
+ - app/pb_kits/playbook/pb_highlight/_highlight.jsx
786
+ - app/pb_kits/playbook/pb_highlight/_highlight.scss
787
+ - app/pb_kits/playbook/pb_highlight/docs/_highlight_default.html.erb
788
+ - app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
789
+ - app/pb_kits/playbook/pb_highlight/docs/example.yml
790
+ - app/pb_kits/playbook/pb_highlight/docs/index.js
791
+ - app/pb_kits/playbook/pb_highlight/highlight.rb
775
792
  - app/pb_kits/playbook/pb_home_address_street/_home_address_street.html.erb
776
793
  - app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
777
794
  - app/pb_kits/playbook/pb_home_address_street/_home_address_street.scss
@@ -1023,12 +1040,18 @@ files:
1023
1040
  - app/pb_kits/playbook/pb_pill/pill.rb
1024
1041
  - app/pb_kits/playbook/pb_popover/_popover.html.erb
1025
1042
  - app/pb_kits/playbook/pb_popover/_popover.js
1043
+ - app/pb_kits/playbook/pb_popover/_popover.jsx
1026
1044
  - app/pb_kits/playbook/pb_popover/_popover.scss
1027
1045
  - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
1046
+ - app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
1028
1047
  - app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb
1048
+ - app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx
1049
+ - app/pb_kits/playbook/pb_popover/docs/_popover_portal.jsx
1029
1050
  - app/pb_kits/playbook/pb_popover/docs/_popover_with_button.html.erb
1051
+ - app/pb_kits/playbook/pb_popover/docs/_popover_with_button.jsx
1030
1052
  - app/pb_kits/playbook/pb_popover/docs/_popover_with_circle.html.erb
1031
1053
  - app/pb_kits/playbook/pb_popover/docs/example.yml
1054
+ - app/pb_kits/playbook/pb_popover/docs/index.js
1032
1055
  - app/pb_kits/playbook/pb_popover/popover.rb
1033
1056
  - app/pb_kits/playbook/pb_progress_pills/_progress_pills.html.erb
1034
1057
  - app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx
@@ -1364,6 +1387,7 @@ files:
1364
1387
  - app/views/layouts/playbook/application.html.slim
1365
1388
  - app/views/layouts/playbook/fullscreen.html.slim
1366
1389
  - app/views/layouts/playbook/grid.html.slim
1390
+ - app/views/layouts/playbook/samples.html.erb
1367
1391
  - app/views/playbook/guides/create_kit.html.slim
1368
1392
  - app/views/playbook/guides/create_kit/_file_naming.html.md
1369
1393
  - app/views/playbook/guides/create_kit/_generator.html.md
@@ -1389,6 +1413,9 @@ files:
1389
1413
  - app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim
1390
1414
  - app/views/playbook/pages/utilities.html.slim
1391
1415
  - app/views/playbook/pages/utilities/_pb_doc_color.html.slim
1416
+ - app/views/playbook/samples/dashboards/dashboards.html.erb
1417
+ - app/views/playbook/samples/dashboards/dashboards.jsx
1418
+ - app/views/playbook/samples/sample_show.html.erb
1392
1419
  - fonts/fontawesome.min.js
1393
1420
  - fonts/regular.min.js
1394
1421
  - lib/generators/kit/USAGE
@@ -1,5 +0,0 @@
1
- - if !@kit_examples[:examples].nil?
2
- - @kit_examples[:examples].each do |kit_example|
3
- - kit_example.each do |key, item|
4
- .pb--doc class=(key.include?("_dark") ? "dark_ui" : "light_ui")
5
- = render partial: "config/kit_ui", locals: { key: key, type: @type, item: item, show_code: @show_code }