playbook_ui 14.23.0 → 14.24.0.pre.alpha.PLAY1984responsivegapprops9652

data/lib/playbook/classnames.rb

@@ -17,6 +17,8 @@ module Playbook
         min_width_props,
         max_width_props,
         gap_props,
+        column_gap_props,
+        row_gap_props,
         z_index_props,
         number_spacing_props,
         shadow_props,

data/lib/playbook/spacing.rb

@@ -4,6 +4,8 @@ module Playbook
   module Spacing
     def self.included(base)
       base.prop :gap
+      base.prop :column_gap
+      base.prop :row_gap
       base.prop :margin
       base.prop :margin_bottom
       base.prop :margin_left
@@ -63,6 +65,18 @@ module Playbook
       }
     end
 
+    def column_gap_options
+      {
+        column_gap: "column_gap",
+      }
+    end
+
+    def row_gap_options
+      {
+        row_gap: "row_gap",
+      }
+    end
+
     def spacing_options
       {
         margin: "m",
@@ -164,7 +178,45 @@ module Playbook
 
       selected_gap_props.map do |k|
         gap_value = send(k)
-        "gap_#{gap_value}" if gap_values.include? gap_value
+        if gap_value.is_a?(Hash)
+          gap_value.map do |media_size, gap_spacing_value|
+            "gap_#{media_size}_#{gap_spacing_value.underscore}" if gap_values.include?(gap_spacing_value.to_s)
+          end
+        elsif gap_values.include?(gap_value.to_s)
+          "gap_#{gap_value.underscore}"
+        end
+      end.compact.join(" ")
+    end
+
+    def column_gap_props
+      selected_column_gap_props = column_gap_options.keys.select { |sk| try(sk) }
+      return nil unless selected_column_gap_props.present?
+
+      selected_column_gap_props.map do |k|
+        column_gap_value = send(k)
+        if column_gap_value.is_a?(Hash)
+          column_gap_value.map do |media_size, column_gap_spacing_value|
+            "column_gap_#{media_size}_#{column_gap_spacing_value.underscore}" if gap_values.include?(column_gap_spacing_value.to_s)
+          end
+        elsif gap_values.include?(column_gap_value.to_s)
+          "column_gap_#{column_gap_value.underscore}"
+        end
+      end.compact.join(" ")
+    end
+
+    def row_gap_props
+      selected_row_gap_props = row_gap_options.keys.select { |sk| try(sk) }
+      return nil unless selected_row_gap_props.present?
+
+      selected_row_gap_props.map do |k|
+        row_gap_value = send(k)
+        if row_gap_value.is_a?(Hash)
+          row_gap_value.map do |media_size, row_gap_spacing_value|
+            "row_gap_#{media_size}_#{row_gap_spacing_value.underscore}" if gap_values.include?(row_gap_spacing_value.to_s)
+          end
+        elsif gap_values.include?(row_gap_value.to_s)
+          "row_gap_#{row_gap_value.underscore}"
+        end
       end.compact.join(" ")
     end
   end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.22.0"
-  VERSION = "14.23.0"
+  PREVIOUS_VERSION = "14.24.0"
+  VERSION = "14.24.0.pre.alpha.PLAY1984responsivegapprops9652"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.23.0
+  version: 14.24.0.pre.alpha.PLAY1984responsivegapprops9652
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-15 00:00:00.000000000 Z
+date: 2025-08-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -308,6 +308,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.html.erb
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx
@@ -350,6 +352,10 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
@@ -359,8 +365,10 @@ 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_row_styling.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
@@ -383,6 +391,10 @@ files:
 - 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
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column_for_multi_column.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column_for_multi_column.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.jsx
@@ -405,6 +417,10 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
@@ -800,6 +816,8 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
+- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.html.erb
+- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md
@@ -970,6 +988,9 @@ files:
 - app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb
 - app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
 - app/pb_kits/playbook/pb_date/docs/_date_variants_swift.md
+- app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.html.erb
+- app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.jsx
+- app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.md
 - app/pb_kits/playbook/pb_date/docs/_description.md
 - app/pb_kits/playbook/pb_date/docs/example.yml
 - app/pb_kits/playbook/pb_date/docs/index.js
@@ -1346,6 +1367,7 @@ files:
 - app/pb_kits/playbook/pb_drawer/index.js
 - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
 - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
+- app/pb_kits/playbook/pb_dropdown/_dropdown_mixin.scss
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
@@ -1389,6 +1411,8 @@ files:
 - 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_active_style_options.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.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
@@ -1555,6 +1579,9 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_swift.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_no_icon.html.erb
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_no_icon.jsx
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_no_icon.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions_swift.md
@@ -1578,7 +1605,8 @@ files:
 - app/pb_kits/playbook/pb_flex/docs/_flex_default.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx
-- app/pb_kits/playbook/pb_flex/docs/_flex_gap.md
+- app/pb_kits/playbook/pb_flex/docs/_flex_gap_rails.md
+- app/pb_kits/playbook/pb_flex/docs/_flex_gap_react.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.md
@@ -1674,12 +1702,15 @@ files:
 - app/pb_kits/playbook/pb_form_pill/form_pill.rb
 - app/pb_kits/playbook/pb_gauge/_gauge.scss
 - app/pb_kits/playbook/pb_gauge/_gauge.tsx
+- app/pb_kits/playbook/pb_gauge/docs/_description.md
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.md
+- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_rails.md
+- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_react.md
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.html.erb
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.md
+- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_rails.md
+- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_react.md
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.html.erb
@@ -1692,8 +1723,6 @@ files:
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.html.erb
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.md
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.md
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.html.erb
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.md
@@ -1701,6 +1730,7 @@ files:
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_units.html.erb
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
+- app/pb_kits/playbook/pb_gauge/docs/_gauge_units_react.md
 - app/pb_kits/playbook/pb_gauge/docs/example.yml
 - app/pb_kits/playbook/pb_gauge/docs/index.js
 - app/pb_kits/playbook/pb_gauge/gauge.html.erb
@@ -2017,11 +2047,13 @@ files:
 - app/pb_kits/playbook/pb_line_graph/docs/_description.md
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.html.erb
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.md
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_rails.md
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_react.md
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.md
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb
@@ -2029,8 +2061,6 @@ 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
@@ -2176,6 +2206,9 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_show_checked_children.html.erb
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_show_checked_children.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_show_checked_children.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.md
@@ -2365,11 +2398,14 @@ files:
 - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_percentage.tsx
 - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
 - app/pb_kits/playbook/pb_pagination/_pagination.scss
+- app/pb_kits/playbook/pb_pagination/_pagination.test.jsx
 - app/pb_kits/playbook/pb_pagination/_pagination.tsx
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default_rails.md
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md
+- app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control.jsx
+- app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control_react.md
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md
 - app/pb_kits/playbook/pb_pagination/docs/data.js
@@ -2466,6 +2502,9 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/example.yml
@@ -3502,17 +3541,6 @@ files:
 - app/pb_kits/playbook/pb_user_badge/user_badge.html.erb
 - app/pb_kits/playbook/pb_user_badge/user_badge.rb
 - app/pb_kits/playbook/pb_user_badge/user_badge.test.js
-- app/pb_kits/playbook/pb_walkthrough/_walkthrough.scss
-- app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx
-- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx
-- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx
-- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx
-- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx
-- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx
-- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx
-- app/pb_kits/playbook/pb_walkthrough/docs/example.yml
-- app/pb_kits/playbook/pb_walkthrough/docs/index.js
-- app/pb_kits/playbook/pb_walkthrough/walkthrough.test.jsx
 - app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.scss
 - app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.html.erb
@@ -3620,12 +3648,12 @@ 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/_circle_chart-D01WLw-z.js
-- dist/chunks/_typeahead-mrBE9f17.js
-- dist/chunks/_weekday_stacked-_LSSbN1y.js
+- dist/chunks/_line_graph-B9yItXkt.js
+- dist/chunks/_typeahead-Mbp0CWgZ.js
+- dist/chunks/_weekday_stacked-C-5U1QRT.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-CHh_1-Oj.js
-- dist/chunks/pb_form_validation-B7kuYG-_.js
+- dist/chunks/lib-CY5ZPzic.js
+- dist/chunks/pb_form_validation-D3b0JKHH.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.md

@@ -1,9 +0,0 @@
-##### Prop
-
-*  `gap` | `row_gap` | `rowGap` | `column_gap` | `columnGap` | **Type**: String | **Values**: xxs | xs | sm | md | lg | xl | none
-
-- Setting the gap prop sets the row_gap || rowGap and the column_gap || columnGap props to the same size and creates equal space within a flex container.
-
-- Setting the row_gap || rowGap prop creates space between rows in a flex container.
-
-- Setting the column_gap || columnGap prop creates space between columns in a flex container.

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx

@@ -1,30 +0,0 @@
-import React from 'react'
-import gaugeTheme from '../gaugeTheme'
-import Highcharts from "highcharts"
-import HighchartsReact from "highcharts-react-official"
-import HighchartsMore from "highcharts/highcharts-more"
-import SolidGauge from "highcharts/modules/solid-gauge"
-
-HighchartsMore(Highcharts);
-SolidGauge(Highcharts);
-
-const data = [{ name: "Name", y: 45 }]
-
-const baseOptions = {
-  series: [{ data: data }],
-};
-
-const GaugePbStyles = () => {
-  const options = Highcharts.merge({}, gaugeTheme, baseOptions);
-
-  return (
-    <div>
-      <HighchartsReact
-          highcharts={Highcharts}
-          options={options}
-      />
-    </div>
-  );
-};
-
-export default GaugePbStyles;

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.md

@@ -1 +0,0 @@
-You don't need to use the Gauge Kit to apply Playbook styles to your Highcharts gauge chart. Just import gaugeTheme.ts and merge it with your chart options—Playbook’s styling will apply automatically.

data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx

@@ -1,52 +0,0 @@
-import React from 'react'
-import lineGraphTheme from '../lineGraphTheme'
-import Highcharts from "highcharts"
-import HighchartsReact from "highcharts-react-official"
-
-const data = [{
-  name: 'Installation',
-  data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175],
-}, {
-  name: 'Manufacturing',
-  data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434],
-}, {
-  name: 'Sales & Distribution',
-  data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387],
-}, {
-  name: 'Project Development',
-  data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227],
-}, {
-  name: 'Other',
-  data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111],
-}]
-
-const categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-
-const baseOptions = {
-  series: data,
-  title: { text: "Solar Employment Growth by Sector, 2010-2016" },
-  subtitle: { text: "Source: thesolarfoundation.com" },
-  xAxis: {
-    categories: categories,
-  },
-  yAxis: {
-    title: {
-      text: "Number of Employees",
-    },
-  },
-}
-
-const LineGraphPbStyles = () => {
-  const options = Highcharts.merge({}, lineGraphTheme, baseOptions)
-
-  return(
-    <div>
-      <HighchartsReact
-          highcharts={Highcharts}
-          options={options}
-      />
-    </div>
-  )
-}
-
-export default LineGraphPbStyles

data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md

@@ -1 +0,0 @@
-You don't need to use the Line Graph Kit to apply Playbook styles to your Highcharts line graph. Just import lineGraphTheme.ts and merge it with your graph options—Playbook’s styling will apply automatically.

data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx

@@ -1,202 +0,0 @@
-/* eslint-disable react/no-multi-comp */
-
-import React from 'react'
-import classnames from 'classnames'
-import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-import Joyride, { TooltipRenderProps } from 'react-joyride'
-import Button from '../pb_button/_button'
-import Flex from '../pb_flex/_flex'
-import SectionSeparator from '../pb_section_separator/_section_separator'
-import Title from '../pb_title/_title'
-
-type WalkthroughProps = {
-  aria?: { [key: string]: string },
-  callback?: () => void,
-  className?: string,
-  continuous?: boolean,
-  data?: { [key: string]: string },
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
-  id?: string,
-  run?: boolean,
-  steps?: [],
-  stepIndex?: number,
-  debug?: boolean,
-  disableCloseOnEsc?: boolean,
-  disableOverlay?: boolean,
-  disableOverlayClose?: boolean,
-  disableScrolling?: boolean,
-  floaterProps?: Record<string, unknown>,
-  hideBackButton?: boolean,
-  hideCloseButton?: boolean,
-  showProgress?: boolean,
-  showSkipButton?: boolean,
-  spotlightClicks?: boolean,
-  spotlightPadding?: number,
-  styles?: {
-    options: {
-      beaconSize?: number,
-      arrowColor?: string,
-      backgroundColor?: string,
-      primaryColor?: string,
-      overlayColor?: string,
-      spotlightShadow?: string,
-      width?: number,
-      zIndex?: number,
-    },
-  },
-}
-
-type TooltipProps = {
-  continuous?: boolean,
-  className?: string,
-  index?: number,
-  isLastStep?: boolean,
-  size?: number,
-  step: {
-    title?: string,
-    content?: React.ReactNode[] | React.ReactNode | string,
-    target: string,
-    disableBeacon?: boolean,
-  },
-  skip?: boolean,
-  backProps?: Record<string, unknown>,
-  closeProps?: Record<string, unknown>,
-  primaryProps?: Record<string, unknown>,
-  skipProps?: Record<string, unknown>,
-  tooltipProps?: Record<string, unknown>,
-}
-
-// eslint-disable-next-line react/display-name
-const Tooltip = React.forwardRef((props: TooltipProps) => (
-<div
-    className="pb_card_kit_border_none p_none"
-    {...props.tooltipProps}
->
-  {props.step.title && <div>
-  <Flex
-      align="center"
-      justify="between"
-      padding="xs"
-  >
-      <Title
-          paddingLeft="xs"
-          size={4}
-      >
-      {props.step.title}
-      </Title>
-      {props.skip && (
-      <Button
-          {...props.skipProps}
-          id="skip"
-          text="Skip Tour"
-          variant="link"
-      />
-      )}
-      <Button
-          {...props.skipProps}
-          id="skip"
-          text="Skip Tour"
-          variant="link"
-      />
-  </Flex>
-  <SectionSeparator />
-  </div>}
-
-  <Flex padding="sm">{props.step.content}</Flex>
-  <SectionSeparator />
-  <Flex
-      justify={props.index == 0 ? 'end' : 'between'}
-      padding="xs"
-  >
-
-  {props.index > 0 && (
-      <Button
-          {...props.backProps}
-          id="back"
-          text="Back"
-      />
-  )}
-
-  {props.continuous && !props.isLastStep &&
-      <Button
-          {...props.primaryProps}
-          id="next"
-          text="Next"
-      />
-  }
-
-  {!props.continuous &&
-      <Button
-          {...props.closeProps}
-          id="close"
-          text="Close"
-      />
-  }
-
-  {!((props.continuous && !props.isLastStep) || (!props.continuous)) &&
-      <Button
-          {...props.closeProps}
-          id="close"
-          text="Close"
-      />
-  }
-  </Flex>
-</div>
-)) as unknown as React.ForwardRefRenderFunction<HTMLDivElement, TooltipRenderProps>
-
-const Walkthrough = (props: WalkthroughProps): React.ReactElement => {
-  const {
-    aria = {},
-    callback,
-    className,
-    continuous = false,
-    data = {},
-    disableOverlay,
-    floaterProps = {
-      offset: 50,
-    },
-    htmlOptions = {},
-    id,
-    run = false,
-    steps,
-    styles = {
-      options: {
-        zIndex: 20000,
-      },
-    },
-    showSkipButton,
-  } = props
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const htmlProps = buildHtmlProps(htmlOptions)
-  const classes = classnames(buildCss('pb_walkthrough'), globalProps(props), className)
-
-  return (
-    <div
-        {...ariaProps}
-        {...dataProps}
-        {...htmlProps}
-        className={classes}
-        id={id}
-    >
-      <Joyride
-          callback={callback}
-          continuous={continuous}
-          disableOverlay={disableOverlay}
-          disableScrolling
-          floaterProps={floaterProps}
-          run={run}
-          showSkipButton={showSkipButton}
-          steps={steps}
-          styles={styles}
-          tooltipComponent={Tooltip}
-          {...props}
-      />
-    </div>
-
-  )
-}
-
-export default Walkthrough