playbook_ui_docs 14.22.0.pre.alpha.play2261highchartsbargraphimportedstyles8730 → 14.22.0.pre.alpha.popoverkittransitionpoppertofloatingui8781

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3491e5ef8982f4fbe511b56403c66744cbf949884c9e89857005622dcd2e8d69
-  data.tar.gz: a8448d740f0b1997124182820bde98f02454b6826b33d45230b6c324c1346edd
+  metadata.gz: 704d01da3888a6cf02969a583cd5dd19db7e3e91d882e0a7a6a1f50e175e5bb9
+  data.tar.gz: 36b9fee9ce35049cd977fdf30bd95f9758afbb07b660df1356c990bfc22b87e0
 SHA512:
-  metadata.gz: 19f24771920158c8f101854f6f9e454c3314c3ce818715f8e44fa600e300c5de8ee10b552881e911c46f3144742e495c800e360f418bb379b37d1876f93e1efa
-  data.tar.gz: b497ce73018b9b8d48a1dfe256e7fd49c9b64b35b282bf1e41900320b459f2bc779a32db0fa542f56ca78c030e1c7cf21c78b3e36336cc25a483bec64dba0b91
+  metadata.gz: db12dbbfd2234e6469f96584ed34b5eaff6ba3922d5ab633d0d7685878fcc08f214e134052d601c4b27d2cd3be1e2ae3cbc70840da0f9fa2b4361199211534ec
+  data.tar.gz: c5a5b215490e4a0be36cb65ee4c065d9995719c40911514bccc949c8398bea375d9341db984cac2f3c7aadc5e6f87e7bbe2eeb83bcc7658e5d822beb7c4af257

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
 import colors from '../../tokens/exports/_colors.module.scss'
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
-import barGraphTheme from '../barGraphTheme';
 
 
 const chartData = [{

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
-import barGraphTheme from '../barGraphTheme';
 
 const chartData = [{
   name: 'Installation',

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
-import barGraphTheme from '../barGraphTheme';
 
 const chartData = [{
   name: 'Number of Installations',

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
-import barGraphTheme from '../barGraphTheme';
 
 const chartOptions = {
     chart: {

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
-import barGraphTheme from '../barGraphTheme';
 
 const chartData = [{
   name: 'Number of Installations',

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
-import barGraphTheme from '../barGraphTheme';
 
 const chartData = [{
   name: 'Number of Installations',

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx

@@ -1,10 +1,10 @@
 import React from 'react'
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
 import Title from "../../pb_title/_title"
 
-import barGraphTheme from '../barGraphTheme';
 
 const chartData = [{
   name: 'Installation',

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx

@@ -1,9 +1,8 @@
 import React from 'react'
-
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
-import barGraphTheme from '../barGraphTheme';
 
 const chartData = [{
   name: 'Installation',

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts"
 import HighchartsReact from "highcharts-react-official"
 
 
-import barGraphTheme from '../barGraphTheme';
 import colors from '../../tokens/exports/_colors.module.scss'
 import typography from '../../tokens/exports/_typography.module.scss'
 

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx

@@ -1,9 +1,8 @@
 import React from 'react'
-
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
-import barGraphTheme from '../barGraphTheme';
 
 const chartData = [{
   name: 'Number of Installations',

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import barGraphTheme from '../barGraphTheme';
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
 
-import barGraphTheme from '../barGraphTheme';
 
 const chartData = [{
   name: 'Installation',

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.html.erb

@@ -0,0 +1,14 @@
+<%= pb_rails("button", props: { 
+  text: "Click to Open",
+  id: "click-tooltip-trigger-1",
+  variant: "primary"
+}) %>
+
+<%= pb_rails("tooltip", props: {
+  trigger_element_selector: "#click-tooltip-trigger-1",
+  tooltip_id: "click-tooltip-1",
+  position: "top",
+  use_click_to_open: true
+}) do %>
+  Tooltip opened by click! Click trigger again to close.
+<% end %>

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_rails.md

@@ -0,0 +1 @@
+Set the prop `use_click_to_open` as `true` so that the tooltip will only appear when an item is clicked rather than hovered over.

data/app/pb_kits/playbook/pb_tooltip/docs/example.yml

@@ -9,6 +9,7 @@ examples:
   - tooltip_with_icon_circle: Icon Circle Tooltip
   - tooltip_delay_rails: Delay
   - tooltip_show_tooltip: Show Tooltip
+  - tooltip_click_open: Click to Open
 
   react:
   - tooltip_default_react: Default