playbook_ui 5.2.0.pre.alpha15 → 5.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (112) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +12 -0
  3. data/app/controllers/playbook/application_controller.rb +2 -0
  4. data/app/controllers/playbook/guides_controller.rb +11 -0
  5. data/app/controllers/playbook/pages_controller.rb +79 -0
  6. data/app/controllers/playbook/samples_controller.rb +40 -0
  7. data/app/helpers/playbook/pb_kit_helper.rb +0 -1
  8. data/app/pb_kits/playbook/_playbook.scss +0 -1
  9. data/app/pb_kits/playbook/data/menu.yml +1 -0
  10. data/app/pb_kits/playbook/index.js +0 -4
  11. data/app/pb_kits/playbook/packs/application.js +55 -0
  12. data/app/pb_kits/playbook/packs/examples.js +174 -0
  13. data/app/pb_kits/playbook/packs/main.scss +12 -0
  14. data/app/pb_kits/playbook/packs/samples.js +19 -0
  15. data/app/pb_kits/playbook/packs/site_styles/_samples.scss +72 -0
  16. data/app/pb_kits/playbook/packs/site_styles/_scaffold.scss +43 -0
  17. data/app/pb_kits/playbook/packs/site_styles/_site-style.scss +135 -0
  18. data/app/pb_kits/playbook/packs/site_styles/docs/_all.scss +9 -0
  19. data/app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss +531 -0
  20. data/app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss +92 -0
  21. data/app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss +15 -0
  22. data/app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss +190 -0
  23. data/app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss +18 -0
  24. data/app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss +82 -0
  25. data/app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss +72 -0
  26. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.html.erb +12 -1
  27. data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +1 -1
  28. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.html.erb +8 -1
  29. data/app/pb_kits/playbook/pb_distribution_bar/distribution_bar.rb +8 -5
  30. data/app/pb_kits/playbook/pb_filter/docs/_description.md +3 -0
  31. data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb +1 -1
  32. data/app/pb_kits/playbook/pb_layout/_footer.html.erb +6 -0
  33. data/app/pb_kits/playbook/pb_layout/_header.html.erb +6 -0
  34. data/app/pb_kits/playbook/pb_layout/_layout.jsx +33 -1
  35. data/app/pb_kits/playbook/pb_layout/_layout.scss +48 -3
  36. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.html.erb +19 -0
  37. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.jsx +54 -0
  38. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.md +1 -0
  39. data/app/pb_kits/playbook/pb_layout/docs/_layout_content.html.erb +28 -0
  40. data/app/pb_kits/playbook/pb_layout/docs/_layout_content.jsx +42 -0
  41. data/app/pb_kits/playbook/pb_layout/docs/example.yml +6 -0
  42. data/app/pb_kits/playbook/pb_layout/docs/index.js +3 -0
  43. data/app/pb_kits/playbook/pb_layout/footer.rb +19 -0
  44. data/app/pb_kits/playbook/pb_layout/header.rb +19 -0
  45. data/app/pb_kits/playbook/pb_layout/layout.rb +9 -4
  46. data/app/pb_kits/playbook/pb_legend/_legend.html.erb +10 -1
  47. data/app/pb_kits/playbook/pb_legend/legend.rb +0 -7
  48. data/app/pb_kits/playbook/pb_line_graph/_line_graph.html.erb +13 -1
  49. data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +1 -1
  50. data/app/pb_kits/playbook/pb_person_contact/_person_contact.jsx +6 -7
  51. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_wrong_numbers.jsx +0 -1
  52. data/app/pb_kits/playbook/pb_popover/_popover.html.erb +2 -2
  53. data/app/pb_kits/playbook/pb_popover/_popover.jsx +3 -3
  54. data/app/pb_kits/playbook/pb_popover/_popover.scss +25 -21
  55. data/app/pb_kits/playbook/pb_popover/index.js +6 -1
  56. data/app/pb_kits/playbook/pb_radio/_radio.scss +4 -0
  57. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb +1 -1
  58. data/app/pb_kits/playbook/tokens/_colors.scss +23 -22
  59. data/app/pb_kits/playbook/tokens/_typography.scss +5 -5
  60. data/app/pb_kits/playbook/vendor.js +0 -16
  61. data/app/views/layouts/playbook/_mobile_hamburger.html.erb +2 -0
  62. data/app/views/layouts/playbook/_nav.html.erb +13 -0
  63. data/app/views/layouts/playbook/_sidebar.html.erb +52 -0
  64. data/app/views/layouts/playbook/application.html.slim +22 -0
  65. data/app/views/layouts/playbook/fullscreen.html.slim +10 -0
  66. data/app/views/layouts/playbook/grid.html.slim +10 -0
  67. data/app/views/layouts/playbook/samples.html.erb +18 -0
  68. data/app/views/playbook/guides/create_kit.html.slim +16 -0
  69. data/app/views/playbook/guides/create_kit/_file_naming.html.md +2 -0
  70. data/app/views/playbook/guides/create_kit/_generator.html.md +6 -0
  71. data/app/views/playbook/guides/create_kit/_kit_examples.html.md +2 -0
  72. data/app/views/playbook/guides/create_kit/_kit_rails.html.md +2 -0
  73. data/app/views/playbook/guides/create_kit/_kit_react.html.md +2 -0
  74. data/app/views/playbook/guides/create_kit/_layout.html.md +2 -0
  75. data/app/views/playbook/guides/create_kit/_view_objects.html.md +2 -0
  76. data/app/views/playbook/guides/create_kit/_writing_sass.md +10 -0
  77. data/app/views/playbook/guides/use_nitro.html.slim +6 -0
  78. data/app/views/playbook/guides/use_nitro/_local.html.md +2 -0
  79. data/app/views/playbook/guides/use_nitro/_nitro_components.html.md +2 -0
  80. data/app/views/playbook/guides/use_nitro/_versions.html.md +2 -0
  81. data/app/views/playbook/pages/fullscreen.html.slim +10 -0
  82. data/app/views/playbook/pages/grid.html.slim +2 -0
  83. data/app/views/playbook/pages/home.html.slim +4 -0
  84. data/app/views/playbook/pages/kit_category_show.html.erb +14 -0
  85. data/app/views/playbook/pages/kit_show.html.erb +33 -0
  86. data/app/views/playbook/pages/kits.html.erb +12 -0
  87. data/app/views/playbook/pages/principals/_getting_started.html.md +30 -0
  88. data/app/views/playbook/pages/principles.html.slim +3 -0
  89. data/app/views/playbook/pages/tokens.html.slim +15 -0
  90. data/app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim +17 -0
  91. data/app/views/playbook/pages/utilities.html.slim +116 -0
  92. data/app/views/playbook/pages/utilities/_pb_doc_color.html.slim +15 -0
  93. data/app/views/playbook/samples/dashboards/index.html.erb +81 -0
  94. data/app/views/playbook/samples/dashboards/index.jsx +130 -0
  95. data/app/views/playbook/samples/filter_table/index.html.erb +348 -0
  96. data/app/views/playbook/samples/filter_table/index.jsx +433 -0
  97. data/app/views/playbook/samples/registration/index.html.erb +316 -0
  98. data/app/views/playbook/samples/registration/index.jsx +476 -0
  99. data/app/views/playbook/samples/sample_show.html.erb +36 -0
  100. data/lib/playbook/engine.rb +0 -1
  101. data/lib/playbook/version.rb +1 -1
  102. data/lib/tasks/pb_release.rake +0 -3
  103. metadata +72 -15
  104. data/app/pb_kits/playbook/pb_foo/_foo.html.erb +0 -7
  105. data/app/pb_kits/playbook/pb_foo/_foo.jsx +0 -39
  106. data/app/pb_kits/playbook/pb_foo/_foo.scss +0 -3
  107. data/app/pb_kits/playbook/pb_foo/docs/_foo_default.html.erb +0 -1
  108. data/app/pb_kits/playbook/pb_foo/docs/_foo_default.jsx +0 -10
  109. data/app/pb_kits/playbook/pb_foo/docs/example.yml +0 -9
  110. data/app/pb_kits/playbook/pb_foo/docs/index.js +0 -1
  111. data/app/pb_kits/playbook/pb_foo/foo.rb +0 -11
  112. data/app/pb_kits/playbook/tokens/index.scss +0 -11
@@ -0,0 +1,36 @@
1
+ <div class="pb--kit-show sample-nav">
2
+ <div class="sample-actions">
3
+ <div class="items">
4
+ <a href="/">
5
+ <%= pb_rails("circle_icon_button", props: {variant: "primary", icon: "angle-left", dark: true}) %>
6
+ </a>
7
+ </div>
8
+ </div>
9
+ <div class="pb--kit-type-nav sample">
10
+ <%= pb_rails("nav", props: { orientation: "horizontal", classname: "code-controls"}) do %>
11
+ <%= pb_rails("nav/item", props: { text: "Rails", link: "#{sample_show_rails_path(@sample)}", active: action_name == 'sample_show_rails' }) %>
12
+ <%= pb_rails("nav/item", props: { text: "React", link: "#{sample_show_reacts_path(@sample)}", active: action_name == 'sample_show_react' }) %>
13
+ <% end %>
14
+ </div>
15
+ <div class="sample-actions-right">
16
+ <div class="items">
17
+ <%= pb_rails("circle_icon_button", props: { classname:"toggle-button", variant: "secondary", icon: "code", dark: true}) %>
18
+ </div>
19
+ <div class="items">
20
+ <%= pb_rails("circle_icon_button", props:{ classname: "expand", variant: "secondary", icon: "expand", dark: true}) %>
21
+ </div>
22
+ </div>
23
+ </div>
24
+ <%= pb_rails("circle_icon_button", props:{ classname: "compress", variant: "link", icon: "compress"}) %>
25
+
26
+ <%= render_sample_ui(@sample, @type) %>
27
+
28
+ <div class="pb--kit-show">
29
+ <div class="pb--doc light_ui">
30
+ <div class="pb--codeCopy close" >
31
+ <a class="pb--close-toggle copy-clipboard" href="#">Copy to Clipboard</a>
32
+ <div class="hiddenCodeforCopy"><%= get_raw_code(@sample, @type) %></div>
33
+ <pre class="highlight"><%= get_sample_code_content(@sample, @type) %></pre>
34
+ </div>
35
+ </div>
36
+ </div>
@@ -21,7 +21,6 @@ module Playbook
21
21
  initializer "playbook_ui.add_view_paths", after: :add_view_paths do |_app|
22
22
  ActiveSupport.on_load(:action_controller) do
23
23
  append_view_path "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook"
24
- append_view_path "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook/config"
25
24
  end
26
25
  end
27
26
 
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "5.2.0.pre.alpha15"
4
+ VERSION = "5.2.0"
5
5
  end
@@ -39,9 +39,6 @@ namespace :pb_release do
39
39
  puts "Updated Gemfile.lock"
40
40
  puts "\n\n"
41
41
 
42
- puts "\nCreating dist files"
43
- `yarn release`
44
-
45
42
  puts "Commit your changes and create a PR to merge to master"
46
43
  end
47
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: 5.2.0.pre.alpha15
4
+ version: 5.2.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-07-31 00:00:00.000000000 Z
12
+ date: 2020-07-02 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -387,6 +387,9 @@ files:
387
387
  - app/assets/images/pb-check.svg
388
388
  - app/assets/images/pb.logo.svg
389
389
  - app/controllers/playbook/application_controller.rb
390
+ - app/controllers/playbook/guides_controller.rb
391
+ - app/controllers/playbook/pages_controller.rb
392
+ - app/controllers/playbook/samples_controller.rb
390
393
  - app/helpers/playbook/application_helper.rb
391
394
  - app/helpers/playbook/layout_helper.rb
392
395
  - app/helpers/playbook/pb_doc_helper.rb
@@ -400,6 +403,21 @@ files:
400
403
  - app/pb_kits/playbook/config/_pb_kit_api.html.erb
401
404
  - app/pb_kits/playbook/data/menu.yml
402
405
  - app/pb_kits/playbook/index.js
406
+ - app/pb_kits/playbook/packs/application.js
407
+ - app/pb_kits/playbook/packs/examples.js
408
+ - app/pb_kits/playbook/packs/main.scss
409
+ - app/pb_kits/playbook/packs/samples.js
410
+ - app/pb_kits/playbook/packs/site_styles/_samples.scss
411
+ - app/pb_kits/playbook/packs/site_styles/_scaffold.scss
412
+ - app/pb_kits/playbook/packs/site_styles/_site-style.scss
413
+ - app/pb_kits/playbook/packs/site_styles/docs/_all.scss
414
+ - app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss
415
+ - app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss
416
+ - app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss
417
+ - app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss
418
+ - app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss
419
+ - app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss
420
+ - app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss
403
421
  - app/pb_kits/playbook/pb_avatar/_avatar.html.erb
404
422
  - app/pb_kits/playbook/pb_avatar/_avatar.jsx
405
423
  - app/pb_kits/playbook/pb_avatar/_avatar.scss
@@ -731,6 +749,7 @@ files:
731
749
  - app/pb_kits/playbook/pb_filter/_filter.html.erb
732
750
  - app/pb_kits/playbook/pb_filter/_filter.jsx
733
751
  - app/pb_kits/playbook/pb_filter/_filter.scss
752
+ - app/pb_kits/playbook/pb_filter/docs/_description.md
734
753
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
735
754
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
736
755
  - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
@@ -785,14 +804,6 @@ files:
785
804
  - app/pb_kits/playbook/pb_flex/docs/index.js
786
805
  - app/pb_kits/playbook/pb_flex/flex.rb
787
806
  - app/pb_kits/playbook/pb_flex/flex_item.rb
788
- - app/pb_kits/playbook/pb_foo/_foo.html.erb
789
- - app/pb_kits/playbook/pb_foo/_foo.jsx
790
- - app/pb_kits/playbook/pb_foo/_foo.scss
791
- - app/pb_kits/playbook/pb_foo/docs/_foo_default.html.erb
792
- - app/pb_kits/playbook/pb_foo/docs/_foo_default.jsx
793
- - app/pb_kits/playbook/pb_foo/docs/example.yml
794
- - app/pb_kits/playbook/pb_foo/docs/index.js
795
- - app/pb_kits/playbook/pb_foo/foo.rb
796
807
  - app/pb_kits/playbook/pb_form/_form.scss
797
808
  - app/pb_kits/playbook/pb_form/_form_form_with.html.erb
798
809
  - app/pb_kits/playbook/pb_form/_form_simple_form.html.erb
@@ -966,6 +977,8 @@ files:
966
977
  - app/pb_kits/playbook/pb_label_value/label_value.rb
967
978
  - app/pb_kits/playbook/pb_layout/_body.html.erb
968
979
  - app/pb_kits/playbook/pb_layout/_column.html.erb
980
+ - app/pb_kits/playbook/pb_layout/_footer.html.erb
981
+ - app/pb_kits/playbook/pb_layout/_header.html.erb
969
982
  - app/pb_kits/playbook/pb_layout/_layout.html.erb
970
983
  - app/pb_kits/playbook/pb_layout/_layout.jsx
971
984
  - app/pb_kits/playbook/pb_layout/_layout.scss
@@ -975,8 +988,13 @@ files:
975
988
  - app/pb_kits/playbook/pb_layout/docs/_description.md
976
989
  - app/pb_kits/playbook/pb_layout/docs/_layout_collection.html.erb
977
990
  - app/pb_kits/playbook/pb_layout/docs/_layout_collection.jsx
991
+ - app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.html.erb
992
+ - app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.jsx
993
+ - app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.md
978
994
  - app/pb_kits/playbook/pb_layout/docs/_layout_colors.html.erb
979
995
  - app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx
996
+ - app/pb_kits/playbook/pb_layout/docs/_layout_content.html.erb
997
+ - app/pb_kits/playbook/pb_layout/docs/_layout_content.jsx
980
998
  - app/pb_kits/playbook/pb_layout/docs/_layout_kanban.html.erb
981
999
  - app/pb_kits/playbook/pb_layout/docs/_layout_kanban.jsx
982
1000
  - app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.html.erb
@@ -989,6 +1007,8 @@ files:
989
1007
  - app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx
990
1008
  - app/pb_kits/playbook/pb_layout/docs/example.yml
991
1009
  - app/pb_kits/playbook/pb_layout/docs/index.js
1010
+ - app/pb_kits/playbook/pb_layout/footer.rb
1011
+ - app/pb_kits/playbook/pb_layout/header.rb
992
1012
  - app/pb_kits/playbook/pb_layout/layout.rb
993
1013
  - app/pb_kits/playbook/pb_layout/sidebar.rb
994
1014
  - app/pb_kits/playbook/pb_legend/_legend.html.erb
@@ -1708,7 +1728,6 @@ files:
1708
1728
  - app/pb_kits/playbook/tokens/_spacing.scss
1709
1729
  - app/pb_kits/playbook/tokens/_transition.scss
1710
1730
  - app/pb_kits/playbook/tokens/_typography.scss
1711
- - app/pb_kits/playbook/tokens/index.scss
1712
1731
  - app/pb_kits/playbook/types.js
1713
1732
  - app/pb_kits/playbook/utilities/_background_colors.scss
1714
1733
  - app/pb_kits/playbook/utilities/_colors.scss
@@ -1717,6 +1736,45 @@ files:
1717
1736
  - app/pb_kits/playbook/utilities/spacing.js
1718
1737
  - app/pb_kits/playbook/utilities/text.js
1719
1738
  - app/pb_kits/playbook/vendor.js
1739
+ - app/views/layouts/playbook/_mobile_hamburger.html.erb
1740
+ - app/views/layouts/playbook/_nav.html.erb
1741
+ - app/views/layouts/playbook/_sidebar.html.erb
1742
+ - app/views/layouts/playbook/application.html.slim
1743
+ - app/views/layouts/playbook/fullscreen.html.slim
1744
+ - app/views/layouts/playbook/grid.html.slim
1745
+ - app/views/layouts/playbook/samples.html.erb
1746
+ - app/views/playbook/guides/create_kit.html.slim
1747
+ - app/views/playbook/guides/create_kit/_file_naming.html.md
1748
+ - app/views/playbook/guides/create_kit/_generator.html.md
1749
+ - app/views/playbook/guides/create_kit/_kit_examples.html.md
1750
+ - app/views/playbook/guides/create_kit/_kit_rails.html.md
1751
+ - app/views/playbook/guides/create_kit/_kit_react.html.md
1752
+ - app/views/playbook/guides/create_kit/_layout.html.md
1753
+ - app/views/playbook/guides/create_kit/_view_objects.html.md
1754
+ - app/views/playbook/guides/create_kit/_writing_sass.md
1755
+ - app/views/playbook/guides/use_nitro.html.slim
1756
+ - app/views/playbook/guides/use_nitro/_local.html.md
1757
+ - app/views/playbook/guides/use_nitro/_nitro_components.html.md
1758
+ - app/views/playbook/guides/use_nitro/_versions.html.md
1759
+ - app/views/playbook/pages/fullscreen.html.slim
1760
+ - app/views/playbook/pages/grid.html.slim
1761
+ - app/views/playbook/pages/home.html.slim
1762
+ - app/views/playbook/pages/kit_category_show.html.erb
1763
+ - app/views/playbook/pages/kit_show.html.erb
1764
+ - app/views/playbook/pages/kits.html.erb
1765
+ - app/views/playbook/pages/principals/_getting_started.html.md
1766
+ - app/views/playbook/pages/principles.html.slim
1767
+ - app/views/playbook/pages/tokens.html.slim
1768
+ - app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim
1769
+ - app/views/playbook/pages/utilities.html.slim
1770
+ - app/views/playbook/pages/utilities/_pb_doc_color.html.slim
1771
+ - app/views/playbook/samples/dashboards/index.html.erb
1772
+ - app/views/playbook/samples/dashboards/index.jsx
1773
+ - app/views/playbook/samples/filter_table/index.html.erb
1774
+ - app/views/playbook/samples/filter_table/index.jsx
1775
+ - app/views/playbook/samples/registration/index.html.erb
1776
+ - app/views/playbook/samples/registration/index.jsx
1777
+ - app/views/playbook/samples/sample_show.html.erb
1720
1778
  - fonts/fontawesome-min.js
1721
1779
  - fonts/regular-min.js
1722
1780
  - lib/generators/kit/USAGE
@@ -1751,12 +1809,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
1751
1809
  version: '0'
1752
1810
  required_rubygems_version: !ruby/object:Gem::Requirement
1753
1811
  requirements:
1754
- - - ">"
1812
+ - - ">="
1755
1813
  - !ruby/object:Gem::Version
1756
- version: 1.3.1
1814
+ version: '0'
1757
1815
  requirements: []
1758
- rubyforge_project:
1759
- rubygems_version: 2.7.3
1816
+ rubygems_version: 3.1.2
1760
1817
  signing_key:
1761
1818
  specification_version: 4
1762
1819
  summary: Playbook Design System
@@ -1,7 +0,0 @@
1
- <%= content_tag(:div,
2
- aria: object.aria,
3
- class: object.classname,
4
- data: object.data,
5
- id: object.id) do %>
6
- <span>FOO CONTENT</span>
7
- <% end %>
@@ -1,39 +0,0 @@
1
- /* @flow */
2
-
3
- import React from 'react'
4
- import classnames from 'classnames'
5
- import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
6
- import { spacing } from '../utilities/spacing.js'
7
-
8
- type FooProps = {
9
- aria?: object,
10
- className?: String,
11
- data?: object,
12
- id?: String,
13
- }
14
-
15
- const Foo = (props: FooProps) => {
16
- const {
17
- aria = {},
18
- className = 'test_foo',
19
- data = {},
20
- id,
21
- } = props
22
-
23
- const ariaProps = buildAriaProps(aria)
24
- const dataProps = buildDataProps(data)
25
- const classes = classnames(buildCss('pb_foo'), className, spacing(props))
26
-
27
- return (
28
- <div
29
- {...ariaProps}
30
- {...dataProps}
31
- className={classes}
32
- id={id}
33
- >
34
- {className}
35
- </div>
36
- )
37
- }
38
-
39
- export default Foo
@@ -1,3 +0,0 @@
1
- .pb_foo {
2
-
3
- }
@@ -1 +0,0 @@
1
- <%= pb_rails("foo") %>
@@ -1,10 +0,0 @@
1
- import React from 'react'
2
- import { Foo } from '../../'
3
-
4
- const FooDefault = () => (
5
- <div>
6
- <Foo />
7
- </div>
8
- )
9
-
10
- export default FooDefault
@@ -1,9 +0,0 @@
1
- examples:
2
-
3
- rails:
4
- - foo_default: Default
5
-
6
-
7
- react:
8
- - foo_default: Default
9
-
@@ -1 +0,0 @@
1
- export { default as FooDefault } from './_foo_default.jsx'
@@ -1,11 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module PbFoo
5
- class Foo
6
- include Playbook::Props
7
-
8
- partial "pb_foo/foo"
9
- end
10
- end
11
- end
@@ -1,11 +0,0 @@
1
- @import "animation-curves";
2
- @import "border_radius";
3
- @import "colors";
4
- @import "line_height";
5
- @import "opacity";
6
- @import "positioning";
7
- @import "screen_sizes";
8
- @import "shadows";
9
- @import "spacing";
10
- @import "transition";
11
- @import "typography";