playbook_ui 4.14.0 → 4.15.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +2 -0
- data/app/pb_kits/playbook/data/menu.yml +2 -0
- data/app/pb_kits/playbook/index.js +4 -1
- data/app/pb_kits/playbook/packs/examples.js +2 -0
- data/app/pb_kits/playbook/packs/kits/pb_progress_step.js +2 -0
- data/app/pb_kits/playbook/pb_button/_button.jsx +9 -1
- data/app/pb_kits/playbook/pb_contact/_contact.jsx +1 -0
- data/app/pb_kits/playbook/pb_contact/contact.rb +2 -0
- data/app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb +5 -0
- data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +4 -0
- data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb +6 -0
- data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +5 -0
- data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx +2 -2
- data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx +56 -0
- data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx +26 -0
- data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx +58 -0
- data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx +46 -0
- data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx +37 -0
- data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx +34 -0
- data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx +85 -0
- data/app/pb_kits/playbook/pb_filter/Filter/index.jsx +26 -0
- data/app/pb_kits/playbook/pb_filter/_filter.jsx +1 -222
- data/app/pb_kits/playbook/pb_filter/_filter.scss +16 -13
- data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +34 -41
- data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +13 -9
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb +69 -74
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +12 -9
- data/app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb +28 -35
- data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +5 -6
- data/app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb +35 -41
- data/app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx +12 -10
- data/app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb +12 -18
- data/app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx +14 -44
- data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_layout/_layout.jsx +66 -14
- data/app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx +63 -0
- data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx +87 -0
- data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.jsx +92 -0
- data/app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx +24 -0
- data/app/pb_kits/playbook/pb_layout/docs/example.yml +4 -1
- data/app/pb_kits/playbook/pb_layout/docs/index.js +4 -1
- data/app/pb_kits/playbook/pb_online_status/_online_status.jsx +31 -14
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +19 -0
- data/app/pb_kits/playbook/pb_online_status/docs/example.yml +3 -3
- data/app/pb_kits/playbook/pb_online_status/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_popover/_popover.jsx +2 -2
- data/app/pb_kits/playbook/pb_popover/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.html.erb +6 -0
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.jsx +35 -0
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +388 -0
- data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb +23 -0
- data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx +44 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +1 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb +8 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx +18 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +33 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +39 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb +33 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx +40 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +12 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/index.js +3 -0
- data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +33 -0
- data/app/pb_kits/playbook/pb_progress_step/progress_step_item.rb +19 -0
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_stat_change/stat_change.rb +1 -1
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +39 -14
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +8 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +3 -3
- data/app/pb_kits/playbook/pb_timestamp/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_title_detail/_title_detail.jsx +47 -14
- data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx +26 -0
- data/app/pb_kits/playbook/pb_title_detail/docs/example.yml +3 -3
- data/app/pb_kits/playbook/pb_title_detail/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb +10 -0
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +105 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +10 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb +9 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +5 -0
- data/app/pb_kits/playbook/pb_tooltip/index.js +80 -0
- data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +34 -0
- data/app/pb_kits/playbook/tokens/_colors.scss +4 -0
- data/app/pb_kits/playbook/vendor.js +3 -0
- data/lib/playbook/version.rb +1 -1
- metadata +41 -6
- data/app/pb_kits/playbook/pb_layout/_body.jsx +0 -26
- data/app/pb_kits/playbook/pb_layout/_sidebar.jsx +0 -26
- data/app/pb_kits/playbook/pb_layout/docs/_layout_default.jsx +0 -14
- data/app/pb_kits/playbook/pb_popover/docs/_popover_with_button.html.erb +0 -4
@@ -31,11 +31,15 @@ $white: #FFFFFF;
|
|
31
31
|
$silver: #F3F7FB;
|
32
32
|
$slate: #C1CDD6;
|
33
33
|
$charcoal: #242B42;
|
34
|
+
$black: #000000;
|
35
|
+
|
34
36
|
$interface_colors: (
|
35
37
|
white: $white,
|
36
38
|
silver: $silver,
|
37
39
|
slate: $slate,
|
38
40
|
charcoal: $charcoal,
|
41
|
+
black: $black,
|
42
|
+
|
39
43
|
);
|
40
44
|
|
41
45
|
// Main colors ------------------------
|
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.15.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-05-
|
12
|
+
date: 2020-05-22 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -451,6 +451,7 @@ files:
|
|
451
451
|
- app/pb_kits/playbook/packs/kits/pb_popover.js
|
452
452
|
- app/pb_kits/playbook/packs/kits/pb_progress_pills.js
|
453
453
|
- app/pb_kits/playbook/packs/kits/pb_progress_simple.js
|
454
|
+
- app/pb_kits/playbook/packs/kits/pb_progress_step.js
|
454
455
|
- app/pb_kits/playbook/packs/kits/pb_radio.js
|
455
456
|
- app/pb_kits/playbook/packs/kits/pb_section_separator.js
|
456
457
|
- app/pb_kits/playbook/packs/kits/pb_select.js
|
@@ -778,6 +779,14 @@ files:
|
|
778
779
|
- app/pb_kits/playbook/pb_file_upload/docs/example.yml
|
779
780
|
- app/pb_kits/playbook/pb_file_upload/docs/index.js
|
780
781
|
- app/pb_kits/playbook/pb_file_upload/file_upload.rb
|
782
|
+
- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx
|
783
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
|
784
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
|
785
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx
|
786
|
+
- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx
|
787
|
+
- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
|
788
|
+
- app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx
|
789
|
+
- app/pb_kits/playbook/pb_filter/Filter/index.jsx
|
781
790
|
- app/pb_kits/playbook/pb_filter/_filter.html.erb
|
782
791
|
- app/pb_kits/playbook/pb_filter/_filter.jsx
|
783
792
|
- app/pb_kits/playbook/pb_filter/_filter.scss
|
@@ -998,20 +1007,21 @@ files:
|
|
998
1007
|
- app/pb_kits/playbook/pb_label_value/docs/index.js
|
999
1008
|
- app/pb_kits/playbook/pb_label_value/label_value.rb
|
1000
1009
|
- app/pb_kits/playbook/pb_layout/_body.html.erb
|
1001
|
-
- app/pb_kits/playbook/pb_layout/_body.jsx
|
1002
1010
|
- app/pb_kits/playbook/pb_layout/_layout.html.erb
|
1003
1011
|
- app/pb_kits/playbook/pb_layout/_layout.jsx
|
1004
1012
|
- app/pb_kits/playbook/pb_layout/_layout.scss
|
1005
1013
|
- app/pb_kits/playbook/pb_layout/_layout_mixin.scss
|
1006
1014
|
- app/pb_kits/playbook/pb_layout/_sidebar.html.erb
|
1007
|
-
- app/pb_kits/playbook/pb_layout/_sidebar.jsx
|
1008
1015
|
- app/pb_kits/playbook/pb_layout/body.rb
|
1009
1016
|
- app/pb_kits/playbook/pb_layout/docs/_description.md
|
1010
1017
|
- app/pb_kits/playbook/pb_layout/docs/_layout_colors.html.erb
|
1011
|
-
- app/pb_kits/playbook/pb_layout/docs/
|
1018
|
+
- app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx
|
1012
1019
|
- app/pb_kits/playbook/pb_layout/docs/_layout_sizes.html.erb
|
1020
|
+
- app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx
|
1013
1021
|
- app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.html.erb
|
1022
|
+
- app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.jsx
|
1014
1023
|
- app/pb_kits/playbook/pb_layout/docs/_layout_transparent.html.erb
|
1024
|
+
- app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx
|
1015
1025
|
- app/pb_kits/playbook/pb_layout/docs/example.yml
|
1016
1026
|
- app/pb_kits/playbook/pb_layout/docs/index.js
|
1017
1027
|
- app/pb_kits/playbook/pb_layout/layout.rb
|
@@ -1154,6 +1164,7 @@ files:
|
|
1154
1164
|
- app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
|
1155
1165
|
- app/pb_kits/playbook/pb_online_status/docs/_description.md
|
1156
1166
|
- app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
|
1167
|
+
- app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
|
1157
1168
|
- app/pb_kits/playbook/pb_online_status/docs/example.yml
|
1158
1169
|
- app/pb_kits/playbook/pb_online_status/docs/index.js
|
1159
1170
|
- app/pb_kits/playbook/pb_online_status/online_status.rb
|
@@ -1206,7 +1217,6 @@ files:
|
|
1206
1217
|
- app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
|
1207
1218
|
- app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb
|
1208
1219
|
- app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx
|
1209
|
-
- app/pb_kits/playbook/pb_popover/docs/_popover_with_button.html.erb
|
1210
1220
|
- app/pb_kits/playbook/pb_popover/docs/_popover_with_button.jsx
|
1211
1221
|
- app/pb_kits/playbook/pb_popover/docs/_popover_with_circle.html.erb
|
1212
1222
|
- app/pb_kits/playbook/pb_popover/docs/example.yml
|
@@ -1244,6 +1254,22 @@ files:
|
|
1244
1254
|
- app/pb_kits/playbook/pb_progress_simple/docs/example.yml
|
1245
1255
|
- app/pb_kits/playbook/pb_progress_simple/docs/index.js
|
1246
1256
|
- app/pb_kits/playbook/pb_progress_simple/progress_simple.rb
|
1257
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step.html.erb
|
1258
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step.jsx
|
1259
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step.scss
|
1260
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb
|
1261
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx
|
1262
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_description.md
|
1263
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb
|
1264
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx
|
1265
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
|
1266
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
|
1267
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
|
1268
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
|
1269
|
+
- app/pb_kits/playbook/pb_progress_step/docs/example.yml
|
1270
|
+
- app/pb_kits/playbook/pb_progress_step/docs/index.js
|
1271
|
+
- app/pb_kits/playbook/pb_progress_step/progress_step.rb
|
1272
|
+
- app/pb_kits/playbook/pb_progress_step/progress_step_item.rb
|
1247
1273
|
- app/pb_kits/playbook/pb_radio/_radio.html.erb
|
1248
1274
|
- app/pb_kits/playbook/pb_radio/_radio.jsx
|
1249
1275
|
- app/pb_kits/playbook/pb_radio/_radio.scss
|
@@ -1504,6 +1530,7 @@ files:
|
|
1504
1530
|
- app/pb_kits/playbook/pb_timestamp/docs/_footer.md
|
1505
1531
|
- app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
|
1506
1532
|
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
|
1533
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
|
1507
1534
|
- app/pb_kits/playbook/pb_timestamp/docs/example.yml
|
1508
1535
|
- app/pb_kits/playbook/pb_timestamp/docs/index.js
|
1509
1536
|
- app/pb_kits/playbook/pb_timestamp/timestamp.rb
|
@@ -1537,6 +1564,7 @@ files:
|
|
1537
1564
|
- app/pb_kits/playbook/pb_title_detail/docs/_description.md
|
1538
1565
|
- app/pb_kits/playbook/pb_title_detail/docs/_footer.md
|
1539
1566
|
- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.html.erb
|
1567
|
+
- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx
|
1540
1568
|
- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md
|
1541
1569
|
- app/pb_kits/playbook/pb_title_detail/docs/example.yml
|
1542
1570
|
- app/pb_kits/playbook/pb_title_detail/docs/index.js
|
@@ -1557,6 +1585,13 @@ files:
|
|
1557
1585
|
- app/pb_kits/playbook/pb_toggle/docs/example.yml
|
1558
1586
|
- app/pb_kits/playbook/pb_toggle/docs/index.js
|
1559
1587
|
- app/pb_kits/playbook/pb_toggle/toggle.rb
|
1588
|
+
- app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb
|
1589
|
+
- app/pb_kits/playbook/pb_tooltip/_tooltip.scss
|
1590
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
|
1591
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb
|
1592
|
+
- app/pb_kits/playbook/pb_tooltip/docs/example.yml
|
1593
|
+
- app/pb_kits/playbook/pb_tooltip/index.js
|
1594
|
+
- app/pb_kits/playbook/pb_tooltip/tooltip.rb
|
1560
1595
|
- app/pb_kits/playbook/pb_typeahead/_typeahead.html.erb
|
1561
1596
|
- app/pb_kits/playbook/pb_typeahead/_typeahead.scss
|
1562
1597
|
- app/pb_kits/playbook/pb_typeahead/docs/_description.md
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import React, { Component } from 'react'
|
2
|
-
import PropTypes from 'prop-types'
|
3
|
-
|
4
|
-
const propTypes = {
|
5
|
-
children: PropTypes.oneOfType([
|
6
|
-
PropTypes.arrayOf(PropTypes.node),
|
7
|
-
PropTypes.node,
|
8
|
-
]),
|
9
|
-
}
|
10
|
-
|
11
|
-
class Body extends Component {
|
12
|
-
render() {
|
13
|
-
const {
|
14
|
-
children,
|
15
|
-
} = this.props
|
16
|
-
return (
|
17
|
-
<div className="layout_body">
|
18
|
-
{children}
|
19
|
-
</div>
|
20
|
-
)
|
21
|
-
}
|
22
|
-
}
|
23
|
-
|
24
|
-
Body.propTypes = propTypes
|
25
|
-
|
26
|
-
export default Body
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import React, { Component } from 'react'
|
2
|
-
import PropTypes from 'prop-types'
|
3
|
-
|
4
|
-
const propTypes = {
|
5
|
-
children: PropTypes.oneOfType([
|
6
|
-
PropTypes.arrayOf(PropTypes.node),
|
7
|
-
PropTypes.node,
|
8
|
-
]),
|
9
|
-
}
|
10
|
-
|
11
|
-
class Sidebar extends Component {
|
12
|
-
render() {
|
13
|
-
const {
|
14
|
-
children,
|
15
|
-
} = this.props
|
16
|
-
return (
|
17
|
-
<div className="layout_sidebar">
|
18
|
-
{children}
|
19
|
-
</div>
|
20
|
-
)
|
21
|
-
}
|
22
|
-
}
|
23
|
-
|
24
|
-
Sidebar.propTypes = propTypes
|
25
|
-
|
26
|
-
export default Sidebar
|
@@ -1,4 +0,0 @@
|
|
1
|
-
<%= pb_rails("button", props: { text: "Button Secondary", variant: "secondary", id: 'regular-popover-3' }) %>
|
2
|
-
<%= pb_rails("popover", props: {trigger_element_id: "regular-popover-3", tooltip_id: "tooltip-3", position: 'bottom', offset: true }) do %>
|
3
|
-
Whoa. I'm a popover.
|
4
|
-
<% end %>
|