playbook_ui 14.18.0 → 14.19.0.pre.alpha.PLAY20937693

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.17.0"
-  VERSION = "14.18.0"
+  PREVIOUS_VERSION = "14.19.0"
+  VERSION = "14.19.0.pre.alpha.PLAY20937693"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.18.0
+  version: 14.19.0.pre.alpha.PLAY20937693
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-04-25 00:00:00.000000000 Z
+date: 2025-05-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -294,6 +294,10 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
@@ -330,18 +334,18 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.html.erb
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -374,6 +378,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
 - app/pb_kits/playbook/pb_advanced_table/docs/index.js
+- app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js
 - app/pb_kits/playbook/pb_advanced_table/index.js
 - app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
 - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
@@ -402,6 +407,8 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default_swift.md
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md
@@ -713,6 +720,7 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx
 - app/pb_kits/playbook/pb_circle_chart/circleChart.test.js
+- app/pb_kits/playbook/pb_circle_chart/circleChartTheme.ts
 - app/pb_kits/playbook/pb_circle_chart/circle_chart.html.erb
 - app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb
@@ -731,6 +739,8 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
@@ -995,6 +1005,10 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
@@ -1211,14 +1225,22 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_react.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
@@ -1303,10 +1325,12 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
@@ -1323,10 +1347,14 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/example.yml
 - app/pb_kits/playbook/pb_dropdown/docs/index.js
 - app/pb_kits/playbook/pb_dropdown/dropdown.html.erb
@@ -1351,14 +1379,20 @@ files:
 - app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx
 - app/pb_kits/playbook/pb_empty_state/_empty_state.scss
 - app/pb_kits/playbook/pb_empty_state/_empty_state.tsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
 - app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
 - app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
 - app/pb_kits/playbook/pb_empty_state/docs/example.yml
 - app/pb_kits/playbook/pb_empty_state/docs/index.js
+- app/pb_kits/playbook/pb_empty_state/empty_state.html.erb
+- app/pb_kits/playbook/pb_empty_state/empty_state.rb
 - app/pb_kits/playbook/pb_empty_state/empty_state.test.jsx
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.ts
 - app/pb_kits/playbook/pb_enhanced_element/index.ts
@@ -1416,6 +1450,8 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_react.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb
+- app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.md
 - app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx
 - app/pb_kits/playbook/pb_filter/docs/example.yml
@@ -1564,12 +1600,6 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/index.js
 - app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
 - app/pb_kits/playbook/pb_form_pill/form_pill.rb
-- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss
-- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx
-- app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
-- app/pb_kits/playbook/pb_gantt_chart/docs/example.yml
-- app/pb_kits/playbook/pb_gantt_chart/docs/index.js
-- app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx
 - app/pb_kits/playbook/pb_gauge/_gauge.scss
 - app/pb_kits/playbook/pb_gauge/_gauge.tsx
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
@@ -1927,10 +1957,13 @@ files:
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md
 - app/pb_kits/playbook/pb_line_graph/docs/example.yml
 - app/pb_kits/playbook/pb_line_graph/docs/index.js
 - app/pb_kits/playbook/pb_line_graph/lineGraph.test.js
 - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
+- app/pb_kits/playbook/pb_line_graph/lineGraphTheme.ts
 - app/pb_kits/playbook/pb_line_graph/line_graph.html.erb
 - app/pb_kits/playbook/pb_line_graph/line_graph.rb
 - app/pb_kits/playbook/pb_link/_link.scss
@@ -2014,6 +2047,8 @@ files:
 - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
 - app/pb_kits/playbook/pb_message/docs/_message_default.md
 - app/pb_kits/playbook/pb_message/docs/_message_default_swift.md
+- app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb
+- app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx
 - app/pb_kits/playbook/pb_message/docs/_message_hover.html.erb
 - app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
 - app/pb_kits/playbook/pb_message/docs/_message_mentions.html.erb
@@ -2336,6 +2371,9 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
@@ -2384,6 +2422,8 @@ files:
 - app/pb_kits/playbook/pb_popover/docs/_description.md
 - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md
 - app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
@@ -3354,6 +3394,8 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_font_options_rails.md
 - app/pb_kits/playbook/pb_user/docs/_user_font_options_react.md
+- app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb
+- app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
@@ -3514,11 +3556,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-C_FX7o_S.js
-- dist/chunks/_weekday_stacked-B4RLTeDo.js
-- dist/chunks/lazysizes-DHz07jlL.js
-- dist/chunks/lib-ySl8uEpT.js
-- dist/chunks/pb_form_validation-BRjyJrKh.js
+- dist/chunks/_typeahead-BQV04mOl.js
+- dist/chunks/_weekday_stacked-CVwWr8B2.js
+- dist/chunks/lazysizes-B7xYodB-.js
+- dist/chunks/lib-DwFasxbk.js
+- dist/chunks/pb_form_validation-nnXW3T-3.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md

@@ -1 +0,0 @@
-`autocomplete` prop can also be used in conjunction with the `customDisplay` prop.

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx

@@ -1,79 +0,0 @@
-import React, { useRef } from 'react'
-
-import Dropdown from '../../pb_dropdown/_dropdown'
-import useDropdown from '../../pb_dropdown/hooks/useDropdown'
-import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
-import FlexItem from '../../pb_flex/_flex_item'
-import Icon from '../../pb_icon/_icon'
-import Body from '../../pb_body/_body'
-import Flex from '../../pb_flex/_flex'
-
-const DropdownWithHook = (props) => {
-const [isDropDownClosed, setIsDropdownClosed] = useDropdown(true);
-const buttonRef = useRef(null);
-
-  const options = [
-    {
-      label: "United States",
-      value: "United States",
-      areaCode: "+1",
-      icon: "🇺🇸",
-      id: "United-states"
-    },
-    {
-      label: "Canada",
-      value: "Canada",
-      areaCode: "+1",
-      icon: "🇨🇦",
-      id: "canada"
-    },
-    {
-      label: "Pakistan",
-      value: "Pakistan",
-      areaCode: "+92",
-      icon: "🇵🇰",
-      id: "pakistan"
-    }
-  ];  
-
-  return (
-  <div>
-      <CircleIconButton
-          htmlOptions={{ref: buttonRef}}
-          icon={"flag"}
-          onClick={() => setIsDropdownClosed(!isDropDownClosed)}
-          variant="secondary"
-      />
-    <Dropdown
-        isClosed={isDropDownClosed}
-        options={options}
-        triggerRef={buttonRef}
-        {...props}
-    >
-      {options.map((option) => (
-        <Dropdown.Option key={option.id} 
-            option={option}
-        > 
-        <>
-          <FlexItem>
-              <Flex paddingRight='md'>
-                <Icon icon={option.icon} 
-                    paddingRight="xs"
-                />
-                <Body text={option.label} />
-              </Flex>
-          </FlexItem>
-              <FlexItem>
-                <Body color="light" 
-                    text={option.areaCode} 
-                />
-              </FlexItem>
-            </>
-        </Dropdown.Option>
-      ))}
-    </Dropdown>
-  </div>
-  )
-}
-
-export default DropdownWithHook

data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss

@@ -1,3 +0,0 @@
-.pb_gantt_chart {
-
-}

data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx

@@ -1,72 +0,0 @@
-import React, { useState, useEffect } from "react";
-import classnames from "classnames";
-import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from "../utilities/props";
-import { globalProps } from "../utilities/globalProps";
-import HighchartsReact from "highcharts-react-official";
-import Highcharts from "highcharts/highcharts-gantt";
-
-import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
-import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
-
-type GanttChartProps = {
-  aria?: { [key: string]: string };
-  className?: string;
-  customOptions: Partial<Highcharts.Options>;
-  dark?: boolean;
-  data?: { [key: string]: string };
-  htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
-  id?: string;
-};
-
-const GanttChart = (props: GanttChartProps) => {
-  const {
-    aria = {},
-    className,
-    customOptions = {},
-    dark = false,
-    data = {},
-    htmlOptions = {},
-    id,
-  } = props;
-
-  const ariaProps = buildAriaProps(aria);
-  const dataProps = buildDataProps(data);
-  const htmlProps = buildHtmlProps(htmlOptions);
-  const classes = classnames(
-    buildCss("pb_gantt_chart"),
-    globalProps(props),
-    className
-  );
-
-  const [options, setOptions] = useState<Highcharts.Options | undefined>(customOptions);
-
-  useEffect(() => {
-    setOptions(customOptions);
-  }, [customOptions]);
-
-  const setupTheme = () => {
-    dark
-      ? Highcharts.setOptions(highchartsDarkTheme)
-      : Highcharts.setOptions(highchartsTheme);
-  };
-  setupTheme();
-
-  return (
-    <div>
-      <HighchartsReact
-          constructorType={"ganttChart"}
-          containerProps={{
-            className: classnames(globalProps(props), classes),
-            id: id,
-            ...ariaProps,
-            ...dataProps,
-            ...htmlProps,
-          }}
-          highcharts={Highcharts}
-          options={options}
-      />
-    </div>
-  );
-};
-
-export default GanttChart;

data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx

@@ -1,53 +0,0 @@
-import React from "react";
-import GanttChart from '../../pb_gantt_chart/_gantt_chart'
-
-const mockOptions = {
-  title: {
-    text: "Simple Gantt Chart",
-  },
-
-  xAxis: [
-    {
-      min: Date.UTC(2014, 10, 17),
-      max: Date.UTC(2014, 10, 30),
-    },
-  ],
-
-  series: [
-    {
-      name: "Project 1",
-      data: [
-        {
-          name: "Start prototype",
-          start: Date.UTC(2014, 10, 18),
-          end: Date.UTC(2014, 10, 25),
-        },
-        {
-          name: "Develop",
-          start: Date.UTC(2014, 10, 20),
-          end: Date.UTC(2014, 10, 25),
-        },
-        {
-          name: "Run acceptance tests",
-          start: Date.UTC(2014, 10, 23),
-          end: Date.UTC(2014, 10, 26),
-        },
-        {
-          name: "Test prototype",
-          start: Date.UTC(2014, 10, 27),
-          end: Date.UTC(2014, 10, 29),
-        },
-      ],
-    },
-  ],
-};
-
-const GanttChartDefault = (props) => (
-  <div>
-    <GanttChart customOptions={mockOptions} 
-        {...props} 
-    />
-  </div>
-);
-
-export default GanttChartDefault;

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

@@ -1,7 +0,0 @@
-examples:
-  
-  
-  react:
-  - gantt_chart_default: Default
-  
-  

data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js

@@ -1 +0,0 @@
-export { default as GanttChartDefault } from './_gantt_chart_default.jsx'

data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx

@@ -1,19 +0,0 @@
-// import { renderKit } from '../utilities/test-utils'
-
-// import GanttChart from './_gantt_chart'
-
-/* See these resources for more testing info:
-  - https://github.com/testing-library/jest-dom#usage for useage and examples
-  - https://jestjs.io/docs/en/using-matchers
-*/
-
-test('generated scaffold test - update me', () => {
-  // const props = {
-  //   data: { testid: 'default' }
-  // }
-
-
-  // const kit = renderKit(GanttChart , props)
-  // expect(kit).toBeInTheDocument()
-})
-