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.
Files changed (91) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -0
  3. data/app/pb_kits/playbook/data/menu.yml +2 -0
  4. data/app/pb_kits/playbook/index.js +4 -1
  5. data/app/pb_kits/playbook/packs/examples.js +2 -0
  6. data/app/pb_kits/playbook/packs/kits/pb_progress_step.js +2 -0
  7. data/app/pb_kits/playbook/pb_button/_button.jsx +9 -1
  8. data/app/pb_kits/playbook/pb_contact/_contact.jsx +1 -0
  9. data/app/pb_kits/playbook/pb_contact/contact.rb +2 -0
  10. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb +5 -0
  11. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +4 -0
  12. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb +6 -0
  13. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +5 -0
  14. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx +2 -2
  15. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx +56 -0
  16. data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx +26 -0
  17. data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx +58 -0
  18. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx +46 -0
  19. data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx +37 -0
  20. data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx +34 -0
  21. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx +85 -0
  22. data/app/pb_kits/playbook/pb_filter/Filter/index.jsx +26 -0
  23. data/app/pb_kits/playbook/pb_filter/_filter.jsx +1 -222
  24. data/app/pb_kits/playbook/pb_filter/_filter.scss +16 -13
  25. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +34 -41
  26. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +13 -9
  27. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb +69 -74
  28. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +12 -9
  29. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb +28 -35
  30. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +5 -6
  31. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb +35 -41
  32. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx +12 -10
  33. data/app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb +12 -18
  34. data/app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx +14 -44
  35. data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb +1 -1
  36. data/app/pb_kits/playbook/pb_layout/_layout.jsx +66 -14
  37. data/app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx +63 -0
  38. data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx +87 -0
  39. data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.jsx +92 -0
  40. data/app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx +24 -0
  41. data/app/pb_kits/playbook/pb_layout/docs/example.yml +4 -1
  42. data/app/pb_kits/playbook/pb_layout/docs/index.js +4 -1
  43. data/app/pb_kits/playbook/pb_online_status/_online_status.jsx +31 -14
  44. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +19 -0
  45. data/app/pb_kits/playbook/pb_online_status/docs/example.yml +3 -3
  46. data/app/pb_kits/playbook/pb_online_status/docs/index.js +1 -0
  47. data/app/pb_kits/playbook/pb_popover/_popover.jsx +2 -2
  48. data/app/pb_kits/playbook/pb_popover/docs/example.yml +0 -2
  49. data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -1
  50. data/app/pb_kits/playbook/pb_progress_step/_progress_step.html.erb +6 -0
  51. data/app/pb_kits/playbook/pb_progress_step/_progress_step.jsx +35 -0
  52. data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +388 -0
  53. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb +23 -0
  54. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx +44 -0
  55. data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +1 -0
  56. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb +8 -0
  57. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx +18 -0
  58. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +33 -0
  59. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +39 -0
  60. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb +33 -0
  61. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx +40 -0
  62. data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +12 -0
  63. data/app/pb_kits/playbook/pb_progress_step/docs/index.js +3 -0
  64. data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +33 -0
  65. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.rb +19 -0
  66. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb +1 -1
  67. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx +1 -1
  68. data/app/pb_kits/playbook/pb_stat_change/stat_change.rb +1 -1
  69. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +39 -14
  70. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +8 -0
  71. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +3 -3
  72. data/app/pb_kits/playbook/pb_timestamp/docs/index.js +1 -0
  73. data/app/pb_kits/playbook/pb_title_detail/_title_detail.jsx +47 -14
  74. data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx +26 -0
  75. data/app/pb_kits/playbook/pb_title_detail/docs/example.yml +3 -3
  76. data/app/pb_kits/playbook/pb_title_detail/docs/index.js +1 -0
  77. data/app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb +10 -0
  78. data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +105 -0
  79. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +10 -0
  80. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb +9 -0
  81. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +5 -0
  82. data/app/pb_kits/playbook/pb_tooltip/index.js +80 -0
  83. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +34 -0
  84. data/app/pb_kits/playbook/tokens/_colors.scss +4 -0
  85. data/app/pb_kits/playbook/vendor.js +3 -0
  86. data/lib/playbook/version.rb +1 -1
  87. metadata +41 -6
  88. data/app/pb_kits/playbook/pb_layout/_body.jsx +0 -26
  89. data/app/pb_kits/playbook/pb_layout/_sidebar.jsx +0 -26
  90. data/app/pb_kits/playbook/pb_layout/docs/_layout_default.jsx +0 -14
  91. 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 ------------------------
@@ -11,6 +11,9 @@ import 'lazysizes'
11
11
  import PbPopover from './pb_popover'
12
12
  PbPopover.start()
13
13
 
14
+ import PbTooltip from './pb_tooltip'
15
+ PbTooltip.start()
16
+
14
17
  import PbTypeahead from './pb_typeahead'
15
18
  PbTypeahead.start()
16
19
 
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "4.14.0"
4
+ VERSION = "4.15.0"
5
5
  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: 4.14.0
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-14 00:00:00.000000000 Z
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/_layout_default.jsx
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,14 +0,0 @@
1
- import React from 'react'
2
- import { Layout } from '../../'
3
-
4
- const LayoutDefault = () => {
5
- return (
6
- <div>
7
- <Layout>
8
- {'This is great!'}
9
- </Layout>
10
- </div>
11
- )
12
- }
13
-
14
- export default LayoutDefault
@@ -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 %>