playbook_ui 7.5.1 → 7.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/sample_screenshot.svg +7 -0
  3. data/app/pb_kits/playbook/_playbook.scss +1 -0
  4. data/app/pb_kits/playbook/data/menu.yml +1 -6
  5. data/app/pb_kits/playbook/index.js +2 -0
  6. data/app/pb_kits/playbook/pb_background/_background.html.erb +18 -12
  7. data/app/pb_kits/playbook/pb_background/_background.jsx +14 -10
  8. data/app/pb_kits/playbook/pb_background/docs/_background_dark.jsx +4 -6
  9. data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +4 -6
  10. data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +20 -22
  11. data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +4 -6
  12. data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +1 -1
  13. data/app/pb_kits/playbook/pb_checkbox/_checkbox.html.erb +1 -1
  14. data/app/pb_kits/playbook/pb_image/_image.html.erb +2 -1
  15. data/app/pb_kits/playbook/pb_image/_image.jsx +7 -1
  16. data/app/pb_kits/playbook/pb_image/_image.scss +41 -14
  17. data/app/pb_kits/playbook/pb_image/docs/_default_image.html.erb +12 -0
  18. data/app/pb_kits/playbook/pb_image/docs/_default_image.jsx +25 -3
  19. data/app/pb_kits/playbook/pb_image/docs/_rounded_image.html.erb +17 -0
  20. data/app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx +36 -0
  21. data/app/pb_kits/playbook/pb_image/docs/example.yml +2 -0
  22. data/app/pb_kits/playbook/pb_image/docs/index.js +1 -0
  23. data/app/pb_kits/playbook/pb_image/image.rb +16 -1
  24. data/app/pb_kits/playbook/pb_list/_list.jsx +9 -2
  25. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.html.erb +27 -0
  26. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx +61 -0
  27. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.md +1 -0
  28. data/app/pb_kits/playbook/pb_selectable_card/docs/example.yml +2 -0
  29. data/app/pb_kits/playbook/pb_selectable_card/docs/index.js +1 -0
  30. data/app/pb_kits/playbook/pb_selectable_list/_item.jsx +90 -0
  31. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.html.erb +11 -0
  32. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx +47 -0
  33. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss +17 -0
  34. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list_item.html.erb +18 -0
  35. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.html.erb +27 -0
  36. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +29 -0
  37. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.html.erb +27 -0
  38. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +29 -0
  39. data/app/pb_kits/playbook/pb_selectable_list/docs/example.yml +12 -0
  40. data/app/pb_kits/playbook/pb_selectable_list/docs/index.js +2 -0
  41. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.rb +24 -0
  42. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb +28 -0
  43. data/lib/playbook/version.rb +1 -1
  44. metadata +25 -6
@@ -0,0 +1,27 @@
1
+ <%= pb_rails("selectable_list",
2
+ props: {
3
+ variant: "radio",
4
+ items: [
5
+ { text: "Small",
6
+ input_options: {
7
+ value: "1",
8
+ name: "radio-name",
9
+ }
10
+ },
11
+ { text: "Medium",
12
+ checked: true,
13
+ input_options: {
14
+ value: "2",
15
+ name: "radio-name",
16
+ }
17
+ },
18
+ { text: "Large",
19
+ input_options: {
20
+ value: "3",
21
+ name: "radio-name",
22
+ }
23
+ }
24
+ ]
25
+ }
26
+ )
27
+ %>
@@ -0,0 +1,29 @@
1
+ import React from 'react'
2
+ import { SelectableList } from '../..'
3
+
4
+ const SelectableListDefault = () => {
5
+ return (
6
+ <div>
7
+ <SelectableList variant="radio">
8
+ <SelectableList.Item
9
+ label="Small"
10
+ name="radio"
11
+ value="1"
12
+ />
13
+ <SelectableList.Item
14
+ defaultChecked
15
+ label="Medium"
16
+ name="radio"
17
+ value="2"
18
+ />
19
+ <SelectableList.Item
20
+ label="Large"
21
+ name="radio"
22
+ value="3"
23
+ />
24
+ </SelectableList>
25
+ </div>
26
+ )
27
+ }
28
+
29
+ export default SelectableListDefault
@@ -0,0 +1,12 @@
1
+ examples:
2
+
3
+ rails:
4
+ - selectable_list_checkbox: Default
5
+ - selectable_list_radio: Radio variant
6
+
7
+
8
+ react:
9
+ - selectable_list_checkbox: Default
10
+ - selectable_list_radio: Radio variant
11
+
12
+
@@ -0,0 +1,2 @@
1
+ export { default as SelectableListCheckbox } from './_selectable_list_checkbox.jsx'
2
+ export { default as SelectableListRadio } from './_selectable_list_radio.jsx'
@@ -0,0 +1,24 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module PbSelectableList
5
+ class SelectableList
6
+ include Playbook::Props
7
+
8
+ partial "pb_selectable_list/selectable_list"
9
+
10
+ prop :variant, type: Playbook::Props::Enum,
11
+ values: %w[radio checkbox],
12
+ default: "checkbox"
13
+
14
+ prop :text, type: Playbook::Props::String
15
+
16
+ prop :items, type: Playbook::Props::Array,
17
+ default: []
18
+
19
+ def classname
20
+ generate_classname("pb_selectable_list_kit")
21
+ end
22
+ end
23
+ end
24
+ end
@@ -0,0 +1,28 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module PbSelectableList
5
+ class SelectableListItem
6
+ include Playbook::Props
7
+
8
+ prop :tabindex
9
+
10
+ prop :checked, type: Playbook::Props::Boolean,
11
+ default: false
12
+ prop :name, type: Playbook::Props::String
13
+ prop :text, type: Playbook::Props::String
14
+ prop :value, type: Playbook::Props::String
15
+ prop :variant, type: Playbook::Props::Enum,
16
+ values: %w[radio checkbox],
17
+ default: "radio"
18
+ prop :input_options, type: Playbook::Props::Hash,
19
+ default: {}
20
+
21
+ partial "pb_selectable_list/selectable_list_item"
22
+
23
+ def classname
24
+ generate_classname("pb_selectable_list_item_kit")
25
+ end
26
+ end
27
+ end
28
+ end
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "7.5.1"
4
+ VERSION = "7.6.0"
5
5
  end
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 7.5.1
4
+ version: 7.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
8
8
  - Power Devs
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2020-11-05 00:00:00.000000000 Z
12
+ date: 2020-11-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -405,6 +405,7 @@ files:
405
405
  - app/assets/images/pb-logo.svg
406
406
  - app/assets/images/pb-white-logo.svg
407
407
  - app/assets/images/pb.logo.svg
408
+ - app/assets/images/sample_screenshot.svg
408
409
  - app/controllers/playbook/application_controller.rb
409
410
  - app/helpers/playbook/application_helper.rb
410
411
  - app/helpers/playbook/layout_helper.rb
@@ -1079,6 +1080,8 @@ files:
1079
1080
  - app/pb_kits/playbook/pb_image/docs/_default_image.html.erb
1080
1081
  - app/pb_kits/playbook/pb_image/docs/_default_image.jsx
1081
1082
  - app/pb_kits/playbook/pb_image/docs/_description.md
1083
+ - app/pb_kits/playbook/pb_image/docs/_rounded_image.html.erb
1084
+ - app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
1082
1085
  - app/pb_kits/playbook/pb_image/docs/example.yml
1083
1086
  - app/pb_kits/playbook/pb_image/docs/index.js
1084
1087
  - app/pb_kits/playbook/pb_image/image.rb
@@ -1472,6 +1475,9 @@ files:
1472
1475
  - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb
1473
1476
  - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.jsx
1474
1477
  - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.md
1478
+ - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.html.erb
1479
+ - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx
1480
+ - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.md
1475
1481
  - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_options.html.erb
1476
1482
  - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.html.erb
1477
1483
  - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.jsx
@@ -1503,6 +1509,19 @@ files:
1503
1509
  - app/pb_kits/playbook/pb_selectable_icon/docs/example.yml
1504
1510
  - app/pb_kits/playbook/pb_selectable_icon/docs/index.js
1505
1511
  - app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb
1512
+ - app/pb_kits/playbook/pb_selectable_list/_item.jsx
1513
+ - app/pb_kits/playbook/pb_selectable_list/_selectable_list.html.erb
1514
+ - app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx
1515
+ - app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss
1516
+ - app/pb_kits/playbook/pb_selectable_list/_selectable_list_item.html.erb
1517
+ - app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.html.erb
1518
+ - app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx
1519
+ - app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.html.erb
1520
+ - app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx
1521
+ - app/pb_kits/playbook/pb_selectable_list/docs/example.yml
1522
+ - app/pb_kits/playbook/pb_selectable_list/docs/index.js
1523
+ - app/pb_kits/playbook/pb_selectable_list/selectable_list.rb
1524
+ - app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb
1506
1525
  - app/pb_kits/playbook/pb_source/_source.html.erb
1507
1526
  - app/pb_kits/playbook/pb_source/_source.jsx
1508
1527
  - app/pb_kits/playbook/pb_source/_source.scss
@@ -1911,7 +1930,7 @@ homepage: http://playbook.powerapp.cloud
1911
1930
  licenses:
1912
1931
  - MIT
1913
1932
  metadata: {}
1914
- post_install_message:
1933
+ post_install_message:
1915
1934
  rdoc_options: []
1916
1935
  require_paths:
1917
1936
  - lib
@@ -1926,9 +1945,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
1926
1945
  - !ruby/object:Gem::Version
1927
1946
  version: '0'
1928
1947
  requirements: []
1929
- rubyforge_project:
1948
+ rubyforge_project:
1930
1949
  rubygems_version: 2.7.3
1931
- signing_key:
1950
+ signing_key:
1932
1951
  specification_version: 4
1933
1952
  summary: Playbook Design System
1934
1953
  test_files: []