playbook_ui 4.13.0 → 4.16.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +0 -1
- data/app/pb_kits/playbook/_playbook.scss +7 -1
- data/app/pb_kits/playbook/data/menu.yml +7 -0
- data/app/pb_kits/playbook/index.js +6 -1
- data/app/pb_kits/playbook/packs/examples.js +6 -0
- data/app/pb_kits/playbook/packs/kits/pb_progress_step.js +2 -0
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +6 -0
- data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +5 -1
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb +2 -2
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx +2 -2
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb +26 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx +36 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb +14 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +23 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_description.md +3 -1
- data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +4 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_button/_button.jsx +9 -1
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.html.erb +12 -0
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss +6 -0
- data/app/pb_kits/playbook/pb_circle_chart/circle_chart.rb +81 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb +19 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb +136 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb +37 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.html.erb +22 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb +38 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +9 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.html.erb +1 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx +6 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb +3 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +11 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +25 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml +3 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/index.js +1 -0
- 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_currency/_currency.html.erb +6 -9
- data/app/pb_kits/playbook/pb_currency/currency.rb +22 -29
- data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js +26 -1
- 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_label_pill/_label_pill.html.erb +1 -0
- data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx +59 -14
- data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx +50 -0
- data/app/pb_kits/playbook/pb_label_pill/docs/example.yml +4 -3
- data/app/pb_kits/playbook/pb_label_pill/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_label_pill/label_pill.rb +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_line_graph/_line_graph.jsx +6 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_description.md +3 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb +8 -8
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb +26 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx +35 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb +15 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +23 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +5 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +6 -0
- 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 +26 -19
- data/app/pb_kits/playbook/pb_popover/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -2
- 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_radio/_radio.jsx +16 -16
- data/app/pb_kits/playbook/pb_select/_select.jsx +2 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.html.erb +30 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx +97 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss +74 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.html.erb +29 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx +41 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.html.erb +30 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.jsx +40 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.html.erb +26 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx +37 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.html.erb +27 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx +40 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/example.yml +16 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/index.js +4 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.rb +50 -0
- data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.html.erb +24 -0
- data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx +107 -0
- data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss +85 -0
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.html.erb +26 -0
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.jsx +43 -0
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb +23 -0
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx +40 -0
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.html.erb +27 -0
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx +46 -0
- data/app/pb_kits/playbook/pb_selectable_icon/docs/example.yml +12 -0
- data/app/pb_kits/playbook/pb_selectable_icon/docs/index.js +3 -0
- data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb +55 -0
- data/app/pb_kits/playbook/pb_source/_source.jsx +113 -13
- data/app/pb_kits/playbook/pb_source/docs/_source_default.html.erb +3 -1
- data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx +37 -0
- data/app/pb_kits/playbook/pb_source/docs/_source_noicon.jsx +40 -0
- data/app/pb_kits/playbook/pb_source/docs/_source_types.jsx +85 -0
- data/app/pb_kits/playbook/pb_source/docs/example.yml +3 -0
- data/app/pb_kits/playbook/pb_source/docs/index.js +5 -0
- data/app/pb_kits/playbook/pb_star_rating/_star_rating.html.erb +6 -2
- data/app/pb_kits/playbook/pb_star_rating/_star_rating.jsx +98 -13
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +28 -0
- data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx +13 -0
- data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +2 -1
- data/app/pb_kits/playbook/pb_star_rating/docs/index.js +3 -0
- data/app/pb_kits/playbook/pb_star_rating/star_rating.rb +2 -1
- 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_text_input/_text_input.html.erb +5 -3
- data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +21 -1
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb +31 -5
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +3 -0
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +1 -1
- data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +2 -0
- 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/plugins/pb_chart.js +53 -1
- data/app/pb_kits/playbook/tokens/_colors.scss +7 -3
- data/app/pb_kits/playbook/vendor.js +3 -0
- data/lib/playbook/version.rb +1 -1
- metadata +96 -10
- 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_portal.jsx +0 -34
- data/app/pb_kits/playbook/pb_popover/docs/_popover_with_button.html.erb +0 -4
@@ -0,0 +1 @@
|
|
1
|
+
export { default as TitleDetailDefault } from './_title_detail_default.jsx'
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<%= content_tag(:div,
|
2
|
+
id: object.id,
|
3
|
+
data: object.data,
|
4
|
+
class: object.classname) do %>
|
5
|
+
<div class="tooltip_tooltip" id="<%= object.tooltip_id %>" role="tooltip">
|
6
|
+
<%= capture(&object.children) %>
|
7
|
+
<div class="arrow" id="<%= object.tooltip_id %>-arrow"></div>
|
8
|
+
</div>
|
9
|
+
|
10
|
+
<% end %>
|
@@ -0,0 +1,105 @@
|
|
1
|
+
@import "../tokens/positioning";
|
2
|
+
@import "../tokens/colors";
|
3
|
+
|
4
|
+
@keyframes fadeIn {
|
5
|
+
from {
|
6
|
+
opacity: 0;
|
7
|
+
}
|
8
|
+
|
9
|
+
to {
|
10
|
+
opacity: 1;
|
11
|
+
}
|
12
|
+
}
|
13
|
+
@keyframes fadeOut {
|
14
|
+
from {
|
15
|
+
opacity: 1;
|
16
|
+
}
|
17
|
+
|
18
|
+
to {
|
19
|
+
opacity: 0;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
[class^="pb_tooltip_kit"] {
|
24
|
+
.tooltip_tooltip {
|
25
|
+
display: none;
|
26
|
+
opacity: 0;
|
27
|
+
left: 0;
|
28
|
+
animation-name: fadeIn;
|
29
|
+
animation-duration: 150ms;
|
30
|
+
animation-timing-function: linear;
|
31
|
+
animation-fill-mode: forwards;
|
32
|
+
|
33
|
+
&.flipped {
|
34
|
+
margin-top: 15px;
|
35
|
+
.arrow {
|
36
|
+
top: -35%;
|
37
|
+
border-color: transparent transparent $white transparent;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
&.react {
|
42
|
+
.arrow {
|
43
|
+
top: 78%;
|
44
|
+
}
|
45
|
+
&.flipped {
|
46
|
+
.arrow {
|
47
|
+
top: -8%;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
.arrow {
|
53
|
+
content: " ";
|
54
|
+
position: absolute;
|
55
|
+
top: 100%;
|
56
|
+
left: 50%;
|
57
|
+
border-color: $white transparent transparent transparent;
|
58
|
+
border-style: solid;
|
59
|
+
border-width: 10px;
|
60
|
+
margin-bottom: 50px;
|
61
|
+
margin-left: -10px;
|
62
|
+
}
|
63
|
+
&.show {
|
64
|
+
opacity: 1;
|
65
|
+
display: block;
|
66
|
+
z-index: $z_9;
|
67
|
+
margin-bottom: $space_sm;
|
68
|
+
background-color: $white;
|
69
|
+
padding: $space_xs $space_sm $space_xs $space_sm;
|
70
|
+
box-shadow: $shadow_deeper;
|
71
|
+
border-radius: $border_rad_light;
|
72
|
+
|
73
|
+
&.fade_out {
|
74
|
+
animation-name: fadeOut;
|
75
|
+
animation-duration: 150ms;
|
76
|
+
animation-timing-function: linear;
|
77
|
+
animation-fill-mode: forwards;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
}
|
81
|
+
&[class*=_dark]{
|
82
|
+
.tooltip_tooltip{
|
83
|
+
color: $white;
|
84
|
+
background-color: rgba($black, $opacity_9);
|
85
|
+
|
86
|
+
|
87
|
+
&.show {
|
88
|
+
}
|
89
|
+
.arrow {
|
90
|
+
border-color: $black transparent transparent transparent;
|
91
|
+
opacity: $opacity_9;
|
92
|
+
}
|
93
|
+
&.flipped {
|
94
|
+
.arrow {
|
95
|
+
border-color: transparent transparent $black transparent;
|
96
|
+
opacity: $opacity_9;
|
97
|
+
}
|
98
|
+
}
|
99
|
+
}
|
100
|
+
}
|
101
|
+
}
|
102
|
+
|
103
|
+
.tooltip_tooltip.top {
|
104
|
+
padding: ($space_xs - 3px) 0;
|
105
|
+
}
|
@@ -0,0 +1,80 @@
|
|
1
|
+
import PbEnhancedElement from '../pb_enhanced_element'
|
2
|
+
import Popper from 'popper.js'
|
3
|
+
|
4
|
+
const TOOLTIP_OFFSET = '0,0'
|
5
|
+
const TOOLTIP_TIMEOUT = 250
|
6
|
+
|
7
|
+
export default class PbTooltip extends PbEnhancedElement {
|
8
|
+
static get selector() {
|
9
|
+
return '[data-pb-tooltip-kit]'
|
10
|
+
}
|
11
|
+
|
12
|
+
connect() {
|
13
|
+
this.popper = new Popper(this.triggerElement, this.tooltip, {
|
14
|
+
placement: this.position,
|
15
|
+
modifiers: {
|
16
|
+
offset: {
|
17
|
+
offset: TOOLTIP_OFFSET,
|
18
|
+
},
|
19
|
+
arrow: {
|
20
|
+
element: `#${this.tooltipId}-arrow`,
|
21
|
+
},
|
22
|
+
},
|
23
|
+
onUpdate: (p) => {
|
24
|
+
p.instance.popper.classList.toggle('flipped', p.flipped)
|
25
|
+
},
|
26
|
+
})
|
27
|
+
|
28
|
+
this.tooltip.addEventListener('mouseleave', () => {
|
29
|
+
this.hideTooltip()
|
30
|
+
})
|
31
|
+
|
32
|
+
this.triggerElement.addEventListener('mouseenter', () => {
|
33
|
+
this.mouseenterTimeout = setTimeout(() => {
|
34
|
+
this.popper.scheduleUpdate()
|
35
|
+
this.showTooltip()
|
36
|
+
}, TOOLTIP_TIMEOUT)
|
37
|
+
|
38
|
+
this.triggerElement.addEventListener('mouseleave', (event) => {
|
39
|
+
clearTimeout(this.mouseenterTimeout)
|
40
|
+
if (event.toElement.closest(`#${this.tooltipId}`) !== this.tooltip) {
|
41
|
+
setTimeout(() => {
|
42
|
+
this.hideTooltip()
|
43
|
+
}, 0)
|
44
|
+
}
|
45
|
+
}, { once: true })
|
46
|
+
})
|
47
|
+
}
|
48
|
+
|
49
|
+
showTooltip() {
|
50
|
+
this.tooltip.classList.add('show')
|
51
|
+
}
|
52
|
+
|
53
|
+
hideTooltip() {
|
54
|
+
this.tooltip.classList.remove('show')
|
55
|
+
}
|
56
|
+
|
57
|
+
toggleTooltip() {
|
58
|
+
this.tooltip.classList.toggle('show')
|
59
|
+
}
|
60
|
+
|
61
|
+
get triggerElement() {
|
62
|
+
return this._triggerElement = (this._triggerElement || document.querySelector(`#${this.triggerElementId}`))
|
63
|
+
}
|
64
|
+
|
65
|
+
get tooltip() {
|
66
|
+
return this._tooltip = (this._tooltip || this.element.querySelector(`#${this.tooltipId}`))
|
67
|
+
}
|
68
|
+
|
69
|
+
get position() {
|
70
|
+
return this.element.dataset.pbTooltipPosition
|
71
|
+
}
|
72
|
+
|
73
|
+
get triggerElementId() {
|
74
|
+
return this.element.dataset.pbTooltipTriggerElementId
|
75
|
+
}
|
76
|
+
|
77
|
+
get tooltipId() {
|
78
|
+
return this.element.dataset.pbTooltipTooltipId
|
79
|
+
}
|
80
|
+
}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
# frozen_string_literal: true
|
2
|
+
|
3
|
+
module Playbook
|
4
|
+
module PbTooltip
|
5
|
+
class Tooltip
|
6
|
+
include Playbook::Props
|
7
|
+
partial "pb_tooltip/tooltip"
|
8
|
+
|
9
|
+
prop :position
|
10
|
+
prop :trigger_element_id
|
11
|
+
prop :tooltip_id
|
12
|
+
prop :dark, type: Playbook::Props::Boolean,
|
13
|
+
default: false
|
14
|
+
|
15
|
+
def classname
|
16
|
+
generate_classname("pb_tooltip_kit", dark_class)
|
17
|
+
end
|
18
|
+
|
19
|
+
def data
|
20
|
+
Hash(values[:data]).merge(
|
21
|
+
pb_tooltip_kit: true,
|
22
|
+
pb_tooltip_position: position,
|
23
|
+
pb_tooltip_trigger_element_id: trigger_element_id,
|
24
|
+
pb_tooltip_tooltip_id: tooltip_id,
|
25
|
+
)
|
26
|
+
end
|
27
|
+
|
28
|
+
private
|
29
|
+
def dark_class
|
30
|
+
dark ? "dark" : nil
|
31
|
+
end
|
32
|
+
end
|
33
|
+
end
|
34
|
+
end
|
@@ -2,6 +2,8 @@ import Highcharts from 'highcharts'
|
|
2
2
|
|
3
3
|
import { highchartsTheme } from '../pb_dashboard/pbChartsLightTheme.js'
|
4
4
|
|
5
|
+
require('highcharts/modules/variable-pie')(Highcharts)
|
6
|
+
|
5
7
|
class pbChart {
|
6
8
|
defaults = {
|
7
9
|
callbackInitializeBefore: () => {},
|
@@ -26,7 +28,50 @@ class pbChart {
|
|
26
28
|
this.element = element
|
27
29
|
this.options = options
|
28
30
|
this.settings = this.extendDefaults(this.defaults, options)
|
29
|
-
|
31
|
+
|
32
|
+
if (this.options.type == 'variablepie' || this.options.type == 'pie'){
|
33
|
+
this.setupPieChart()
|
34
|
+
} else {
|
35
|
+
this.setupChart()
|
36
|
+
}
|
37
|
+
}
|
38
|
+
|
39
|
+
setupPieChart() {
|
40
|
+
Highcharts.setOptions(highchartsTheme)
|
41
|
+
|
42
|
+
Highcharts.chart(this.defaults.id, {
|
43
|
+
title: {
|
44
|
+
text: this.defaults.title,
|
45
|
+
},
|
46
|
+
chart: {
|
47
|
+
type: this.defaults.type,
|
48
|
+
},
|
49
|
+
plotOptions: {
|
50
|
+
pie: {
|
51
|
+
dataLabels: {
|
52
|
+
enabled: this.defaults.dataLabels,
|
53
|
+
connectorShape: 'straight',
|
54
|
+
connectorWidth: 3,
|
55
|
+
format: this.defaults.dataLabelHtml,
|
56
|
+
},
|
57
|
+
showInLegend: this.defaults.showInLegend,
|
58
|
+
},
|
59
|
+
},
|
60
|
+
tooltip: {
|
61
|
+
headerFormat: this.defaults.headerFormat,
|
62
|
+
pointFormat: this.defaults.tooltipHtml,
|
63
|
+
useHTML: this.defaults.useHTML,
|
64
|
+
},
|
65
|
+
series: [{
|
66
|
+
minPointSize: this.defaults.minPointSize,
|
67
|
+
maxPointSize: this.defaults.maxPointSize,
|
68
|
+
innerSize: this.defaults.innerSize,
|
69
|
+
data: this.defaults.chartData,
|
70
|
+
zMin: this.defaults.zMin,
|
71
|
+
startAngle: this.defaults.startAngle,
|
72
|
+
}],
|
73
|
+
credits: false,
|
74
|
+
})
|
30
75
|
}
|
31
76
|
|
32
77
|
setupChart() {
|
@@ -37,6 +82,7 @@ class pbChart {
|
|
37
82
|
text: this.defaults.title,
|
38
83
|
},
|
39
84
|
chart: {
|
85
|
+
height: this.defaults.height,
|
40
86
|
type: this.defaults.type,
|
41
87
|
},
|
42
88
|
subtitle: {
|
@@ -52,9 +98,15 @@ class pbChart {
|
|
52
98
|
xAxis: {
|
53
99
|
categories: this.defaults.xAxisCategories,
|
54
100
|
},
|
101
|
+
legend: {
|
102
|
+
enabled: this.defaults.legend,
|
103
|
+
},
|
55
104
|
plotOptions: {
|
56
105
|
series: {
|
57
106
|
pointStart: this.defaults.pointStart,
|
107
|
+
dataLabels: {
|
108
|
+
enabled: false,
|
109
|
+
},
|
58
110
|
},
|
59
111
|
},
|
60
112
|
series: this.defaults.chartData,
|
@@ -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 ------------------------
|
@@ -72,7 +76,7 @@ $action_colors: (
|
|
72
76
|
|
73
77
|
// Active colors ----------------------
|
74
78
|
$active_light: lighten(#E5F2FF, 3.5%);
|
75
|
-
$active_dark: #
|
79
|
+
$active_dark: #0082ff;
|
76
80
|
$active_colors: (
|
77
81
|
active_light: $active_light,
|
78
82
|
active_dark: $active_dark
|
@@ -88,7 +92,7 @@ $hover_colors: (
|
|
88
92
|
|
89
93
|
// Focus colors -----------------------
|
90
94
|
$focus_input_light: rgba($active_light, $opacity_5);
|
91
|
-
$focus_input_dark: rgba(
|
95
|
+
$focus_input_dark: rgba(#144075, $opacity_5);
|
92
96
|
$focus_input_colors: (
|
93
97
|
focus_input_light: $focus_input_light,
|
94
98
|
focus_input_dark: $focus_input_dark
|
@@ -130,7 +134,7 @@ $data_2: $yellow;
|
|
130
134
|
$data_3: $purple;
|
131
135
|
$data_4: $green;
|
132
136
|
$data_5: $orange;
|
133
|
-
$data_6:
|
137
|
+
$data_6: #144075;
|
134
138
|
$data_7: $teal;
|
135
139
|
$data_8: $red;
|
136
140
|
$data_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.16.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-
|
12
|
+
date: 2020-05-29 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -60,7 +60,7 @@ dependencies:
|
|
60
60
|
version: 5.1.6
|
61
61
|
- - "<"
|
62
62
|
- !ruby/object:Gem::Version
|
63
|
-
version: '
|
63
|
+
version: '7.0'
|
64
64
|
type: :runtime
|
65
65
|
prerelease: false
|
66
66
|
version_requirements: !ruby/object:Gem::Requirement
|
@@ -70,7 +70,7 @@ dependencies:
|
|
70
70
|
version: 5.1.6
|
71
71
|
- - "<"
|
72
72
|
- !ruby/object:Gem::Version
|
73
|
-
version: '
|
73
|
+
version: '7.0'
|
74
74
|
- !ruby/object:Gem::Dependency
|
75
75
|
name: react-rails
|
76
76
|
requirement: !ruby/object:Gem::Requirement
|
@@ -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
|
@@ -519,6 +520,10 @@ files:
|
|
519
520
|
- app/pb_kits/playbook/pb_bar_graph/bar_graph.rb
|
520
521
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb
|
521
522
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx
|
523
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb
|
524
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx
|
525
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb
|
526
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx
|
522
527
|
- app/pb_kits/playbook/pb_bar_graph/docs/_description.md
|
523
528
|
- app/pb_kits/playbook/pb_bar_graph/docs/example.yml
|
524
529
|
- app/pb_kits/playbook/pb_bar_graph/docs/index.js
|
@@ -625,6 +630,15 @@ files:
|
|
625
630
|
- app/pb_kits/playbook/pb_checkbox/docs/_description.md
|
626
631
|
- app/pb_kits/playbook/pb_checkbox/docs/example.yml
|
627
632
|
- app/pb_kits/playbook/pb_checkbox/docs/index.js
|
633
|
+
- app/pb_kits/playbook/pb_circle_chart/_circle_chart.html.erb
|
634
|
+
- app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
|
635
|
+
- app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
|
636
|
+
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb
|
637
|
+
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
|
638
|
+
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
|
639
|
+
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.html.erb
|
640
|
+
- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb
|
641
|
+
- app/pb_kits/playbook/pb_circle_chart/docs/example.yml
|
628
642
|
- app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.html.erb
|
629
643
|
- app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx
|
630
644
|
- app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
|
@@ -634,6 +648,8 @@ files:
|
|
634
648
|
- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.jsx
|
635
649
|
- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
|
636
650
|
- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
|
651
|
+
- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb
|
652
|
+
- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx
|
637
653
|
- app/pb_kits/playbook/pb_circle_icon_button/docs/_description.md
|
638
654
|
- app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
|
639
655
|
- app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
|
@@ -769,6 +785,14 @@ files:
|
|
769
785
|
- app/pb_kits/playbook/pb_file_upload/docs/example.yml
|
770
786
|
- app/pb_kits/playbook/pb_file_upload/docs/index.js
|
771
787
|
- app/pb_kits/playbook/pb_file_upload/file_upload.rb
|
788
|
+
- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx
|
789
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
|
790
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
|
791
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx
|
792
|
+
- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx
|
793
|
+
- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
|
794
|
+
- app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx
|
795
|
+
- app/pb_kits/playbook/pb_filter/Filter/index.jsx
|
772
796
|
- app/pb_kits/playbook/pb_filter/_filter.html.erb
|
773
797
|
- app/pb_kits/playbook/pb_filter/_filter.jsx
|
774
798
|
- app/pb_kits/playbook/pb_filter/_filter.scss
|
@@ -970,6 +994,7 @@ files:
|
|
970
994
|
- app/pb_kits/playbook/pb_label_pill/docs/_description.md
|
971
995
|
- app/pb_kits/playbook/pb_label_pill/docs/_footer.md
|
972
996
|
- app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.html.erb
|
997
|
+
- app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx
|
973
998
|
- app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.md
|
974
999
|
- app/pb_kits/playbook/pb_label_pill/docs/example.yml
|
975
1000
|
- app/pb_kits/playbook/pb_label_pill/docs/index.js
|
@@ -989,20 +1014,21 @@ files:
|
|
989
1014
|
- app/pb_kits/playbook/pb_label_value/docs/index.js
|
990
1015
|
- app/pb_kits/playbook/pb_label_value/label_value.rb
|
991
1016
|
- app/pb_kits/playbook/pb_layout/_body.html.erb
|
992
|
-
- app/pb_kits/playbook/pb_layout/_body.jsx
|
993
1017
|
- app/pb_kits/playbook/pb_layout/_layout.html.erb
|
994
1018
|
- app/pb_kits/playbook/pb_layout/_layout.jsx
|
995
1019
|
- app/pb_kits/playbook/pb_layout/_layout.scss
|
996
1020
|
- app/pb_kits/playbook/pb_layout/_layout_mixin.scss
|
997
1021
|
- app/pb_kits/playbook/pb_layout/_sidebar.html.erb
|
998
|
-
- app/pb_kits/playbook/pb_layout/_sidebar.jsx
|
999
1022
|
- app/pb_kits/playbook/pb_layout/body.rb
|
1000
1023
|
- app/pb_kits/playbook/pb_layout/docs/_description.md
|
1001
1024
|
- app/pb_kits/playbook/pb_layout/docs/_layout_colors.html.erb
|
1002
|
-
- app/pb_kits/playbook/pb_layout/docs/
|
1025
|
+
- app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx
|
1003
1026
|
- app/pb_kits/playbook/pb_layout/docs/_layout_sizes.html.erb
|
1027
|
+
- app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx
|
1004
1028
|
- app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.html.erb
|
1029
|
+
- app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.jsx
|
1005
1030
|
- app/pb_kits/playbook/pb_layout/docs/_layout_transparent.html.erb
|
1031
|
+
- app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx
|
1006
1032
|
- app/pb_kits/playbook/pb_layout/docs/example.yml
|
1007
1033
|
- app/pb_kits/playbook/pb_layout/docs/index.js
|
1008
1034
|
- app/pb_kits/playbook/pb_layout/layout.rb
|
@@ -1029,6 +1055,10 @@ files:
|
|
1029
1055
|
- app/pb_kits/playbook/pb_line_graph/docs/_description.md
|
1030
1056
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb
|
1031
1057
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx
|
1058
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb
|
1059
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx
|
1060
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb
|
1061
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
|
1032
1062
|
- app/pb_kits/playbook/pb_line_graph/docs/example.yml
|
1033
1063
|
- app/pb_kits/playbook/pb_line_graph/docs/index.js
|
1034
1064
|
- app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
|
@@ -1145,6 +1175,7 @@ files:
|
|
1145
1175
|
- app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
|
1146
1176
|
- app/pb_kits/playbook/pb_online_status/docs/_description.md
|
1147
1177
|
- app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
|
1178
|
+
- app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
|
1148
1179
|
- app/pb_kits/playbook/pb_online_status/docs/example.yml
|
1149
1180
|
- app/pb_kits/playbook/pb_online_status/docs/index.js
|
1150
1181
|
- app/pb_kits/playbook/pb_online_status/online_status.rb
|
@@ -1197,8 +1228,6 @@ files:
|
|
1197
1228
|
- app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
|
1198
1229
|
- app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb
|
1199
1230
|
- app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx
|
1200
|
-
- app/pb_kits/playbook/pb_popover/docs/_popover_portal.jsx
|
1201
|
-
- app/pb_kits/playbook/pb_popover/docs/_popover_with_button.html.erb
|
1202
1231
|
- app/pb_kits/playbook/pb_popover/docs/_popover_with_button.jsx
|
1203
1232
|
- app/pb_kits/playbook/pb_popover/docs/_popover_with_circle.html.erb
|
1204
1233
|
- app/pb_kits/playbook/pb_popover/docs/example.yml
|
@@ -1236,6 +1265,22 @@ files:
|
|
1236
1265
|
- app/pb_kits/playbook/pb_progress_simple/docs/example.yml
|
1237
1266
|
- app/pb_kits/playbook/pb_progress_simple/docs/index.js
|
1238
1267
|
- app/pb_kits/playbook/pb_progress_simple/progress_simple.rb
|
1268
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step.html.erb
|
1269
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step.jsx
|
1270
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step.scss
|
1271
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb
|
1272
|
+
- app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx
|
1273
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_description.md
|
1274
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb
|
1275
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx
|
1276
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
|
1277
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
|
1278
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
|
1279
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
|
1280
|
+
- app/pb_kits/playbook/pb_progress_step/docs/example.yml
|
1281
|
+
- app/pb_kits/playbook/pb_progress_step/docs/index.js
|
1282
|
+
- app/pb_kits/playbook/pb_progress_step/progress_step.rb
|
1283
|
+
- app/pb_kits/playbook/pb_progress_step/progress_step_item.rb
|
1239
1284
|
- app/pb_kits/playbook/pb_radio/_radio.html.erb
|
1240
1285
|
- app/pb_kits/playbook/pb_radio/_radio.jsx
|
1241
1286
|
- app/pb_kits/playbook/pb_radio/_radio.scss
|
@@ -1321,13 +1366,42 @@ files:
|
|
1321
1366
|
- app/pb_kits/playbook/pb_selectable_card/docs/example.yml
|
1322
1367
|
- app/pb_kits/playbook/pb_selectable_card/docs/index.js
|
1323
1368
|
- app/pb_kits/playbook/pb_selectable_card/selectable_card.rb
|
1369
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.html.erb
|
1370
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx
|
1371
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss
|
1372
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.html.erb
|
1373
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx
|
1374
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.html.erb
|
1375
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.jsx
|
1376
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.html.erb
|
1377
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx
|
1378
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.html.erb
|
1379
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx
|
1380
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/example.yml
|
1381
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/docs/index.js
|
1382
|
+
- app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.rb
|
1383
|
+
- app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.html.erb
|
1384
|
+
- app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx
|
1385
|
+
- app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
|
1386
|
+
- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.html.erb
|
1387
|
+
- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.jsx
|
1388
|
+
- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb
|
1389
|
+
- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx
|
1390
|
+
- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.html.erb
|
1391
|
+
- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx
|
1392
|
+
- app/pb_kits/playbook/pb_selectable_icon/docs/example.yml
|
1393
|
+
- app/pb_kits/playbook/pb_selectable_icon/docs/index.js
|
1394
|
+
- app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb
|
1324
1395
|
- app/pb_kits/playbook/pb_source/_source.html.erb
|
1325
1396
|
- app/pb_kits/playbook/pb_source/_source.jsx
|
1326
1397
|
- app/pb_kits/playbook/pb_source/_source.scss
|
1327
1398
|
- app/pb_kits/playbook/pb_source/docs/_description.md
|
1328
1399
|
- app/pb_kits/playbook/pb_source/docs/_source_default.html.erb
|
1400
|
+
- app/pb_kits/playbook/pb_source/docs/_source_default.jsx
|
1329
1401
|
- app/pb_kits/playbook/pb_source/docs/_source_noicon.html.erb
|
1402
|
+
- app/pb_kits/playbook/pb_source/docs/_source_noicon.jsx
|
1330
1403
|
- app/pb_kits/playbook/pb_source/docs/_source_types.html.erb
|
1404
|
+
- app/pb_kits/playbook/pb_source/docs/_source_types.jsx
|
1331
1405
|
- app/pb_kits/playbook/pb_source/docs/example.yml
|
1332
1406
|
- app/pb_kits/playbook/pb_source/docs/index.js
|
1333
1407
|
- app/pb_kits/playbook/pb_source/source.rb
|
@@ -1336,7 +1410,9 @@ files:
|
|
1336
1410
|
- app/pb_kits/playbook/pb_star_rating/_star_rating.scss
|
1337
1411
|
- app/pb_kits/playbook/pb_star_rating/docs/_description.md
|
1338
1412
|
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb
|
1413
|
+
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx
|
1339
1414
|
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb
|
1415
|
+
- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx
|
1340
1416
|
- app/pb_kits/playbook/pb_star_rating/docs/example.yml
|
1341
1417
|
- app/pb_kits/playbook/pb_star_rating/docs/index.js
|
1342
1418
|
- app/pb_kits/playbook/pb_star_rating/star_rating.rb
|
@@ -1496,6 +1572,7 @@ files:
|
|
1496
1572
|
- app/pb_kits/playbook/pb_timestamp/docs/_footer.md
|
1497
1573
|
- app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
|
1498
1574
|
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
|
1575
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
|
1499
1576
|
- app/pb_kits/playbook/pb_timestamp/docs/example.yml
|
1500
1577
|
- app/pb_kits/playbook/pb_timestamp/docs/index.js
|
1501
1578
|
- app/pb_kits/playbook/pb_timestamp/timestamp.rb
|
@@ -1529,6 +1606,7 @@ files:
|
|
1529
1606
|
- app/pb_kits/playbook/pb_title_detail/docs/_description.md
|
1530
1607
|
- app/pb_kits/playbook/pb_title_detail/docs/_footer.md
|
1531
1608
|
- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.html.erb
|
1609
|
+
- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx
|
1532
1610
|
- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md
|
1533
1611
|
- app/pb_kits/playbook/pb_title_detail/docs/example.yml
|
1534
1612
|
- app/pb_kits/playbook/pb_title_detail/docs/index.js
|
@@ -1549,6 +1627,13 @@ files:
|
|
1549
1627
|
- app/pb_kits/playbook/pb_toggle/docs/example.yml
|
1550
1628
|
- app/pb_kits/playbook/pb_toggle/docs/index.js
|
1551
1629
|
- app/pb_kits/playbook/pb_toggle/toggle.rb
|
1630
|
+
- app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb
|
1631
|
+
- app/pb_kits/playbook/pb_tooltip/_tooltip.scss
|
1632
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
|
1633
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb
|
1634
|
+
- app/pb_kits/playbook/pb_tooltip/docs/example.yml
|
1635
|
+
- app/pb_kits/playbook/pb_tooltip/index.js
|
1636
|
+
- app/pb_kits/playbook/pb_tooltip/tooltip.rb
|
1552
1637
|
- app/pb_kits/playbook/pb_typeahead/_typeahead.html.erb
|
1553
1638
|
- app/pb_kits/playbook/pb_typeahead/_typeahead.scss
|
1554
1639
|
- app/pb_kits/playbook/pb_typeahead/docs/_description.md
|
@@ -1713,7 +1798,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
1713
1798
|
- !ruby/object:Gem::Version
|
1714
1799
|
version: '0'
|
1715
1800
|
requirements: []
|
1716
|
-
|
1801
|
+
rubyforge_project:
|
1802
|
+
rubygems_version: 2.7.3
|
1717
1803
|
signing_key:
|
1718
1804
|
specification_version: 4
|
1719
1805
|
summary: Playbook Design System
|