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.
- checksums.yaml +4 -4
- data/app/controllers/playbook/application_controller.rb +1 -0
- data/app/controllers/playbook/pages_controller.rb +0 -4
- data/app/controllers/playbook/samples_controller.rb +40 -0
- data/app/helpers/playbook/pb_doc_helper.rb +7 -1
- data/app/helpers/playbook/pb_sample_helper.rb +19 -0
- data/app/helpers/playbook/redcarpet_helper.rb +1 -1
- data/app/pb_kits/playbook/_playbook.scss +1 -0
- data/app/pb_kits/playbook/config/_kit_samples_list.html.erb +3 -0
- data/app/pb_kits/playbook/config/_kit_ui.html.slim +9 -5
- data/app/pb_kits/playbook/data/menu.yml +4 -0
- data/app/pb_kits/playbook/index.js +2 -0
- data/app/pb_kits/playbook/kits/pb_flex.js +4 -0
- data/app/pb_kits/playbook/kits/pb_highlight.js +4 -0
- data/app/pb_kits/playbook/packs/examples.js +4 -0
- data/app/pb_kits/playbook/packs/kits/pb_highlight.js +2 -0
- data/app/pb_kits/playbook/packs/kits/pb_popover.js +1 -0
- data/app/pb_kits/playbook/packs/main.scss +3 -0
- data/app/pb_kits/playbook/packs/samples.js +50 -0
- data/app/pb_kits/playbook/packs/site_styles/_samples.scss +71 -0
- data/app/pb_kits/playbook/packs/site_styles/_site-style.scss +6 -0
- data/app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss +11 -3
- data/app/pb_kits/playbook/pb_body/_body.html.erb +1 -1
- data/app/pb_kits/playbook/pb_body/_body.jsx +10 -1
- data/app/pb_kits/playbook/pb_body/body.rb +17 -1
- data/app/pb_kits/playbook/pb_editor/_editor.html.erb +6 -0
- data/app/pb_kits/playbook/pb_hashtag/_hashtag.jsx +2 -1
- data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.html.erb +4 -0
- data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.jsx +7 -0
- data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.html.erb +4 -0
- data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +6 -0
- data/app/pb_kits/playbook/pb_hashtag/hashtag.rb +3 -1
- data/app/pb_kits/playbook/pb_highlight/_highlight.html.erb +6 -0
- data/app/pb_kits/playbook/pb_highlight/_highlight.jsx +38 -0
- data/app/pb_kits/playbook/pb_highlight/_highlight.scss +6 -0
- data/app/pb_kits/playbook/pb_highlight/docs/_highlight_default.html.erb +20 -0
- data/app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx +26 -0
- data/app/pb_kits/playbook/pb_highlight/docs/example.yml +9 -0
- data/app/pb_kits/playbook/pb_highlight/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_highlight/highlight.rb +17 -0
- data/app/pb_kits/playbook/pb_popover/_popover.html.erb +1 -1
- data/app/pb_kits/playbook/pb_popover/_popover.js +13 -22
- data/app/pb_kits/playbook/pb_popover/_popover.jsx +121 -0
- data/app/pb_kits/playbook/pb_popover/_popover.scss +4 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx +29 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +46 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_portal.jsx +36 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_with_button.jsx +35 -0
- data/app/pb_kits/playbook/pb_popover/docs/example.yml +4 -0
- data/app/pb_kits/playbook/pb_popover/docs/index.js +4 -0
- data/app/pb_kits/playbook/pb_popover/popover.rb +1 -1
- data/app/pb_kits/playbook/pb_select/_select.jsx +51 -51
- data/app/pb_kits/playbook/pb_select/docs/_select_blank.jsx +8 -14
- data/app/pb_kits/playbook/pb_select/docs/_select_dark.jsx +17 -15
- data/app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx +17 -15
- data/app/pb_kits/playbook/pb_select/docs/_select_default.jsx +16 -15
- data/app/pb_kits/playbook/pb_select/docs/_select_disabled.jsx +8 -14
- data/app/pb_kits/playbook/pb_select/docs/_select_disabled_options.jsx +31 -29
- data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +17 -15
- data/app/pb_kits/playbook/pb_select/docs/_select_required.jsx +7 -11
- data/app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx +8 -14
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx +2 -2
- data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +2 -2
- data/app/pb_kits/playbook/pb_toggle/_toggle.jsx +3 -3
- data/app/pb_kits/playbook/types.js +1 -1
- data/app/pb_kits/playbook/vendor.js +2 -2
- data/app/views/layouts/playbook/samples.html.erb +37 -0
- data/app/views/playbook/pages/kit_show.html.slim +1 -1
- data/app/views/playbook/pages/principles.html.slim +1 -1
- data/app/views/playbook/samples/dashboards/dashboards.html.erb +82 -0
- data/app/views/playbook/samples/dashboards/dashboards.jsx +35 -0
- data/app/views/playbook/samples/sample_show.html.erb +25 -0
- data/lib/playbook/version.rb +1 -1
- metadata +32 -5
- 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
|
+
|
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: 4.
|
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-
|
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:
|
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:
|
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/
|
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 }
|