playbook_ui 7.5.1 → 7.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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: []