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.
- checksums.yaml +4 -4
- data/app/assets/images/sample_screenshot.svg +7 -0
- data/app/pb_kits/playbook/_playbook.scss +1 -0
- data/app/pb_kits/playbook/data/menu.yml +1 -6
- data/app/pb_kits/playbook/index.js +2 -0
- data/app/pb_kits/playbook/pb_background/_background.html.erb +18 -12
- data/app/pb_kits/playbook/pb_background/_background.jsx +14 -10
- data/app/pb_kits/playbook/pb_background/docs/_background_dark.jsx +4 -6
- data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +4 -6
- data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +20 -22
- data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +4 -6
- data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +1 -1
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.html.erb +1 -1
- data/app/pb_kits/playbook/pb_image/_image.html.erb +2 -1
- data/app/pb_kits/playbook/pb_image/_image.jsx +7 -1
- data/app/pb_kits/playbook/pb_image/_image.scss +41 -14
- data/app/pb_kits/playbook/pb_image/docs/_default_image.html.erb +12 -0
- data/app/pb_kits/playbook/pb_image/docs/_default_image.jsx +25 -3
- data/app/pb_kits/playbook/pb_image/docs/_rounded_image.html.erb +17 -0
- data/app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx +36 -0
- data/app/pb_kits/playbook/pb_image/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_image/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_image/image.rb +16 -1
- data/app/pb_kits/playbook/pb_list/_list.jsx +9 -2
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.html.erb +27 -0
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx +61 -0
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.md +1 -0
- data/app/pb_kits/playbook/pb_selectable_card/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_selectable_card/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_selectable_list/_item.jsx +90 -0
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.html.erb +11 -0
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx +47 -0
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss +17 -0
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list_item.html.erb +18 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.html.erb +27 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +29 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.html.erb +27 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +29 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/example.yml +12 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list.rb +24 -0
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb +28 -0
- data/lib/playbook/version.rb +1 -1
- 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,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
|
data/lib/playbook/version.rb
CHANGED
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.
|
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-
|
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: []
|