playbook_ui_docs 15.0.0.pre.alpha.PLAY2468phonenuminputvalidation10790 → 15.0.0.pre.alpha.PLAY2473rowhighlightfix10510

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 15.0.0.pre.alpha.PLAY2468phonenuminputvalidation10790
+  version: 15.0.0.pre.alpha.PLAY2473rowhighlightfix10510
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-09-26 00:00:00.000000000 Z
+date: 2025-09-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -511,7 +511,6 @@ files:
 - app/pb_kits/playbook/pb_collapsible/docs/index.js
 - app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb
 - app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx
-- app/pb_kits/playbook/pb_contact/docs/_contact_default.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb
@@ -1523,9 +1522,6 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_description.md
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
-- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
-- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
-- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
 - app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_bold_swift.md
 - app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_default_swift.md
 - app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_subtle_no_highlight_swift.md
@@ -1662,32 +1658,6 @@ files:
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/example.yml
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/index.js
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.md
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/example.yml
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/index.js
 - app/pb_kits/playbook/pb_person/docs/_description.md
 - app/pb_kits/playbook/pb_person/docs/_footer.md
 - app/pb_kits/playbook/pb_person/docs/_person_default.html.erb
@@ -2287,47 +2257,25 @@ files:
 - app/pb_kits/playbook/pb_timeline/docs/index.js
 - app/pb_kits/playbook/pb_timestamp/docs/_description.md
 - app/pb_kits/playbook/pb_timestamp/docs/_footer.md
+- app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_props_swift.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/example.yml
 - app/pb_kits/playbook/pb_timestamp/docs/index.js

data/app/pb_kits/playbook/pb_contact/docs/_contact_default.md

@@ -1,5 +0,0 @@
-The Contact kit automatically formats US phone numbers when the `contactType` / `contact_type` is one of: `home` (default), `work`, `cell`, `work-cell`, `wrong-phone`.
-
-- Use `email` to display emails.
-- Use `international` to display International phone numbers exactly as provided (no formatting applied).
-- Use `extension` to display four digit phone extensions.

data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb

@@ -1,6 +0,0 @@
-<%= pb_rails("nav", props: { orientation: "horizontal", extended_underline: true }) do %>
-  <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
-  <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
-  <%= pb_rails("nav/item", props: { text: "Service ", link: "#" }) %>
-  <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
-<% end %>

data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx

@@ -1,39 +0,0 @@
-import React from 'react'
-
-import Nav from '../_nav'
-import NavItem from '../_item'
-
-const HorizontalNavExtendedunderline = (props) => {
-  return (
-    <Nav
-        extendedUnderline
-        link="#"
-        orientation="horizontal"
-        {...props}
-    >
-      <NavItem
-          link="#"
-          text="About"
-          {...props}
-      />
-      <NavItem
-          active
-          link="#"
-          text="Case Studies"
-          {...props}
-      />
-      <NavItem
-          link="#"
-          text="Service"
-          {...props}
-      />
-      <NavItem
-          link="#"
-          text="Contacts"
-          {...props}
-      />
-    </Nav>
-  )
-}
-
-export default HorizontalNavExtendedunderline

data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md

@@ -1 +0,0 @@
-The optional `extendedUnderline`/`extended_underline` prop can be used with the default `normal` variant of the horizontal orientation of the nav to extend the underline to take up the full width of the container. 

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.html.erb

@@ -1,31 +0,0 @@
-<% data = [
-        {
-          name: "Waiting for Calls",
-          y: 41,
-        },
-        {
-          name: "On Call",
-          y: 49,
-        },
-        {
-          name: "After Call",
-          y: 10,
-        },
-      ] %>
-
-<% chart_options = {
-    series: [{
-      data: data,
-      innerSize: '100%',
-      borderWidth: '20',
-    }],
-  } %>
-
-<div style="position: relative;">
-  <%= pb_rails("pb_circle_chart", props: { options: chart_options }) %>
-
-  <div class="pb-circle-chart-block"
-       style="position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; z-index: 1; text-align: center; pointer-events: none;">
-    <%= pb_rails("title", props: { size: 1, tag: "div", text: "83" }) %>
-  </div>
-</div>

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx

@@ -1,81 +0,0 @@
-import React from "react";
-import { PbCircleChart, Title } from "playbook-ui";
-
-const data= [
-        {
-          name: "Waiting for Calls",
-          y: 41,
-        },
-        {
-          name: "On Call",
-          y: 49,
-        },
-        {
-          name: "After Call",
-          y: 10,
-        },
-      ]
-
-
-const PbCircleChartBlockContent = (props) => {
-const chartOptions = {
-    series: [{
-      data: data,
-      innerSize: '100%',
-      borderWidth: 20,
-      borderColor: null,
-    }],
-    chart: {
-      events: {
-        render: function() {
-          const chart = this;
-          const blockElement = document.querySelector('.pb-circle-chart-block');
-          if (blockElement) {
-            blockElement.style.width = chart.chartWidth + 'px';
-            blockElement.style.height = chart.chartHeight + 'px';
-          }
-        },
-        redraw: function() {
-          const chart = this;
-          const blockElement = document.querySelector('.pb-circle-chart-block');
-          if (blockElement) {
-            blockElement.style.width = chart.chartWidth + 'px';
-            blockElement.style.height = chart.chartHeight + 'px';
-          }
-        }
-      }
-    }
-  }
-
-  return (
-    <div style={{ position: 'relative' }}>
-      <PbCircleChart
-          options={chartOptions}
-          {...props}
-      />
-      <div 
-          className="pb-circle-chart-block"
-          style={{
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            zIndex: 1,
-            textAlign: 'center',
-            pointerEvents: 'none'
-          }}
-      >
-        <Title
-            size={1}
-            tag="div"
-        >
-          {'83'}
-        </Title>
-      </div>
-    </div>
-  );
-};
-
-export default PbCircleChartBlockContent;

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.html.erb

@@ -1,25 +0,0 @@
-<% data = [
-        {
-          name: "Waiting for Calls",
-          y: 41,
-        },
-        {
-          name: "On Call",
-          y: 49,
-        },
-        {
-          name: "After Call",
-          y: 10,
-        },
-      ] %>
-
-<% chart_options = {
-    series: [{ data: data }],
-    plotOptions: {
-      pie: {
-        colors: ["#144075", "#1CA05C", "#F9BB00"],
-      },
-    },
-  } %>
-
-<%= pb_rails("pb_circle_chart", props: { options: chart_options }) %>

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx

@@ -1,40 +0,0 @@
-import React from "react";
-import { PbCircleChart, colors } from "playbook-ui";
-
-const data= [
-        {
-          name: "Waiting for Calls",
-          y: 41,
-        },
-        {
-          name: "On Call",
-          y: 49,
-        },
-        {
-          name: "After Call",
-          y: 10,
-        },
-      ]
-
-
-const PbCircleChartColorOverrides = (props) => {
-const chartOptions = {
-    series: [{ data: data }],
-    plotOptions: {
-      pie: {
-        colors: ["#144075", colors.data_4, colors.data_2], // Custom colors via hex OR Playbook color tokens
-      },
-    },
-  };
-
-  return (
-  <div>
-    <PbCircleChart
-        options={chartOptions}
-        {...props}
-    />
-  </div>
-);
-}
-
-export default PbCircleChartColorOverrides;

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.md

@@ -1,5 +0,0 @@
-Custom data colors allow for color customization to match the needs of business requirements.
-
-For React, import the colors from Playbook's tokens, then set custom colors in the plotOptions.pie.colors array using the desired color variables. 
-
-For Rails, only HEX colors can be used eg: `#CA0095`

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.html.erb

@@ -1,27 +0,0 @@
-
-<% data = [
-{
-    name: 'Waiting for Calls',
-    y: 41,
-  },
-  {
-    name: 'On Call',
-    y: 49,
-  },
-  {
-    name: 'After Call',
-    y: 10,
-  },
-] %>
-
-<% chart_options = {
-  series: [{ data: data }],
-  tooltip: {
-      headerFormat: nil,
-      pointFormat: '<p>Custom tooltip for {point.name} <br/>with value: {point.y}</p>',
-      useHTML: true,
-    },
-  } %>
-
-
-<%= pb_rails("pb_circle_chart", props: { options: chart_options }) %>

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx

@@ -1,39 +0,0 @@
-import React from "react";
-import { PbCircleChart } from "playbook-ui";
-
-const data = [
-  {
-    name: 'Waiting for Calls',
-    y: 41,
-  },
-  {
-    name: 'On Call',
-    y: 49,
-  },
-  {
-    name: 'After Call',
-    y: 10,
-  },
-]
-
-const PbCircleChartCustomTooltip = (props) => {
-const chartOptions = {
-    series: [{ data: data }],
-    tooltip: {
-      headerFormat: null,
-      pointFormat: '<p>Custom tooltip for {point.name} <br/>with value: {point.y}</p>',
-      useHTML: true,
-    },
-  }
-
-  return (
-    <div>
-      <PbCircleChart
-          options={chartOptions}
-          {...props}
-      />
-    </div>
-  );
-};
-
-export default PbCircleChartCustomTooltip;

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md

@@ -1,5 +0,0 @@
-Custom tooltip formatting is configured through the tooltip object in the options passed to the kit: 
-`headerFormat` **Type**: String | when set to null will disable the header.
-`pointFormat` **Type**: String | defines the HTML template for each data point and supports custom HTML when `useHTML` is enabled.
-`useHTML` **Type**: boolean (default false) | enables HTML rendering in tooltips.
-`{point.name}` and `{point.y}` are useful values that can be referenced for each point in the graph.

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.html.erb

@@ -1,93 +0,0 @@
-<% data_first = [{
-  name: 'Bugs',
-  y: 8,
-},
-{
-  name: 'Chores',
-  y: 1,
-},
-{
-  name: 'Stories',
-  y: 12,
-}] %>
-
-<% data_second = [{
-  name: 'Bugs',
-  y: 8,
-},
-{
-  name: 'Chores',
-  y: 1,
-},
-{
-  name: 'Stories',
-  y: 12,
-}] %>
-
-<% data_third = [{
-    name: 'Queued',
-    y: 7,
-  },
-  {
-    name: 'In Progress',
-    y: 6,
-  },
-  {
-    name: 'Validation',
-    y: 3,
-  },
-  {
-    name: 'Done',
-    y: 6,
-  },
-] %>
-
-
-<% chart_options_first = {
-    title: { text: "Alignment of Legend" },
-    series: [{ data: data_first }],
-    legend: {
-      align: 'right',
-      verticalAlign: 'top'
-    },
-    plotOptions: {
-      pie: {
-        showInLegend: true
-      }
-    }
-  } %>
-
-  <% chart_options_second = {
-  title: { text: "Layout of Legend" },
-    series: [{ data: data_second }],
-    legend: {
-      layout: 'vertical'
-    },
-    plotOptions: {
-      pie: {
-        showInLegend: true
-      }
-    }
-  } %>
-
-  <% chart_options_third = {
-   title: { text: "Offset of Legend" },
-    series: [{ data: data_third }],
-    legend: {
-      layout: 'vertical',
-      x: 100,
-      y: 10
-    },
-    plotOptions: {
-      pie: {
-        showInLegend: true
-      }
-    }
-  } %>
-
-<%= pb_rails("title", props: { size: 4, text: "align | verticalAlign", padding_y:"sm" }) %>
-<%= pb_rails("pb_circle_chart", props: { options: chart_options_first }) %>
-<%= pb_rails("title", props: { size: 4, text: "layout", padding_y:"sm" }) %>
-<%= pb_rails("pb_circle_chart", props: { options: chart_options_second }) %>
-<%= pb_rails("title", props: { size: 4, text: "x | y", padding_y:"sm" }) %>
-<%= pb_rails("pb_circle_chart", props: { options: chart_options_third }) %>

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx

@@ -1,131 +0,0 @@
-import React from "react";
-import { PbCircleChart, Title } from "playbook-ui";
-
-const dataFirst = [
-  {
-    name: 'Waiting for Calls',
-    y: 41,
-  },
-  {
-    name: 'On Call',
-    y: 49,
-  },
-  {
-    name: 'After Call',
-    y: 10,
-  },
-]
-
-const dataSecond = [{
-  name: 'Bugs',
-  y: 8,
-},
-{
-  name: 'Chores',
-  y: 1,
-},
-{
-  name: 'Stories',
-  y: 12,
-}]
-
-const dataThird = [
-  {
-    name: 'Queued',
-    y: 7,
-  },
-  {
-    name: 'In Progress',
-    y: 6,
-  },
-  {
-    name: 'Validation',
-    y: 3,
-  },
-  {
-    name: 'Done',
-    y: 6,
-  },
-]
-
-
-const PbCircleChartDataLegendPosition = (props) => {
-const chartOptionsFirst = {
-    title: { text: "Alignment of Legend" },
-    series: [{ data: dataFirst }],
-    legend: {
-      align: 'right',
-      verticalAlign: 'top'
-    },
-    plotOptions: {
-      pie: {
-        showInLegend: true
-      }
-    }
-  }
-
-  const chartOptionsSecond = {
-    title: { text: "Layout of Legend" },
-    series: [{ data: dataSecond }],
-    legend: {
-      layout: 'vertical'
-    },
-    plotOptions: {
-      pie: {
-        showInLegend: true
-      }
-    }
-  }
-
-  const chartOptionsThird = {
-    title: { text: "Offset of Legend" },
-    series: [{ data: dataThird }],
-    legend: {
-      layout: 'vertical',
-      x: 100,
-      y: 10
-    },
-    plotOptions: {
-      pie: {
-        showInLegend: true
-      }
-    }
-  }
-
-  return (
-  <div>
-    <Title
-        paddingY="sm"
-        size={4}
-        tag="h4"
-        text="align | verticalAlign"
-    />
-    <PbCircleChart
-        options={chartOptionsFirst}
-        {...props}
-    /> 
-    <Title
-        paddingY="sm"
-        size={4}
-        tag="h4"
-        text="layout"
-    />
-    <PbCircleChart
-        options={chartOptionsSecond}
-        {...props}
-    />
-    <Title
-        paddingY="sm"
-        size={4}
-        tag="h4"
-        text="x | y"
-    />
-    <PbCircleChart
-        options={chartOptionsThird}
-        {...props}
-    />
-  </div>
-);
-}
-
-export default PbCircleChartDataLegendPosition;

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md

@@ -1,14 +0,0 @@
-Layout options from Highcharts:
-
-`align` **Type**: String | **Values**: left | center | right (defaults to center)
-`verticalAlign` **Type**: String | **Values**: top | middle | bottom (defaults to bottom)
-`layout` **Type**: String | **Values**: horizontal | vertical | proximate (defaults to horizontal)
-`x` **Type**: Number (defaults to 0)
-`y` **Type**: Number (defaults to 0)
-
-`layout` determines the position of the legend items
-`layout: proximate` will place the legend items as close as possible to the graphs they're representing. It will also determine whether to place the legend above/below or on the side of the plot area, if the legend is in a corner.
-
-`x` offsets the legend relative to its horizontal alignment. Negative x moves it to the left, positive x moves it to the right
-
-`y` offsets the legend relative to its vertical alignment. Negative y moves it up, positive y moves it down.