playbook_ui 4.14.0 → 4.17.0

data/app/pb_kits/playbook/tokens/_spacing.scss

@@ -9,6 +9,7 @@ $spaces:(
   space_md:   $space_md,
   space_lg:   $space_lg,
   space_xl:   $space_xl,
+  none: 0
 );
 
 

data/app/pb_kits/playbook/utilities/_spacing.scss

@@ -0,0 +1,42 @@
+@import "../tokens/spacing";
+
+$space_classes: ( 
+	xs: $space_xs, 
+	sm: $space_sm, 
+	md: $space_md, 
+	lg: $space_lg, 
+	xl: $space_xl, 
+	none: 0
+);
+
+$positions: ( 
+	m: "margin", 
+	mr: "margin-right", 
+	ml: "margin-left", 
+	mt: "margin-top", 
+	mb: "margin-bottom", 
+	mx: ("margin-left", "margin-right"), 
+	my: ("margin-top", "margin-bottom"),
+	p: "padding", 
+	pr: "padding-right", 
+	pl: "padding-left", 
+	pt: "padding-top", 
+	pb: "padding-bottom", 
+	px: ("padding-left", "padding-right"), 
+	py: ("padding-top", "padding-bottom")
+);
+
+@each $position_name, $position in $positions {
+	@each $space_name, $space in $space_classes {
+		.#{$position_name}_#{$space_name} {
+			@if type-of($position)=="list" {
+				@each $coordinate in $position {
+					#{$coordinate}: #{$space} !important;
+				}
+			}
+			@else {
+				#{$position}: #{$space} !important;
+			}
+		}
+	}
+}

data/app/pb_kits/playbook/utilities/spacing.js

@@ -0,0 +1,33 @@
+export const spacing = ({
+  marginRight,
+  marginLeft,
+  marginTop,
+  marginBottom,
+  marginX,
+  marginY,
+  margin,
+  paddingRight,
+  paddingLeft,
+  paddingTop,
+  paddingBottom,
+  paddingX,
+  paddingY,
+  padding,
+}) => {
+  let css = ''
+  css += marginRight ? `mr_${marginRight} ` : ''
+  css += marginLeft ? `ml_${marginLeft} ` : ''
+  css += marginTop ? `mt_${marginTop} ` : ''
+  css += marginBottom ? `mb_${marginBottom} ` : ''
+  css += marginX ? `mx_${marginX} ` : ''
+  css += marginY ? `my_${marginY} ` : ''
+  css += margin ? `m_${margin} ` : ''
+  css += paddingRight ? `pr_${paddingRight} ` : ''
+  css += paddingLeft ? `pl_${paddingLeft} ` : ''
+  css += paddingTop ? `pt_${paddingTop} ` : ''
+  css += paddingBottom ? `pb_${paddingBottom} ` : ''
+  css += paddingX ? `px_${paddingX} ` : ''
+  css += paddingY ? `py_${paddingY} ` : ''
+  css += padding ? `p_${padding} ` : ''
+  return css
+}

data/app/pb_kits/playbook/vendor.js

@@ -11,6 +11,9 @@ import 'lazysizes'
 import PbPopover from './pb_popover'
 PbPopover.start()
 
+import PbTooltip from './pb_tooltip'
+PbTooltip.start()
+
 import PbTypeahead from './pb_typeahead'
 PbTypeahead.start()
 

data/app/views/playbook/samples/dashboards/index.html.erb

@@ -6,6 +6,7 @@
           title: "User Experience Designer",
           orientation: "horizontal",
           align: "left",
+          margin_left: "md",
           size: "md",
           avatar_url: "https://s3-hq-f5.powerhrg.com/nitro-production/avatars/55553/badge/business-technology-jonathan-zazula.jpg?AWSAccessKeyId=IWSW00NEQHMEYQTLZ7E9&Signature=S0EN3l5sfIr7yk442Q2MeledXGc%3D&Expires=3161514974"
       }) %>
@@ -48,7 +49,8 @@
         id: "bar-test",
         point_start: 2012,
         subtitle: 'Source: thesolarfoundation.com',
-        title: 'Solar Employment Growth by Sector, 2010-2016'
+        title: 'Solar Employment Growth by Sector, 2010-2016',
+        padding_top: "md"
     }) %>
 
     <% data2 = [{

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "4.14.0"
+  VERSION = "4.17.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 4.14.0
+  version: 4.17.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-14 00:00:00.000000000 Z
+date: 2020-06-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -60,7 +60,7 @@ dependencies:
         version: 5.1.6
     - - "<"
       - !ruby/object:Gem::Version
-        version: '6.0'
+        version: '7.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -70,7 +70,7 @@ dependencies:
         version: 5.1.6
     - - "<"
       - !ruby/object:Gem::Version
-        version: '6.0'
+        version: '7.0'
 - !ruby/object:Gem::Dependency
   name: react-rails
   requirement: !ruby/object:Gem::Requirement
@@ -451,6 +451,7 @@ files:
 - app/pb_kits/playbook/packs/kits/pb_popover.js
 - app/pb_kits/playbook/packs/kits/pb_progress_pills.js
 - app/pb_kits/playbook/packs/kits/pb_progress_simple.js
+- app/pb_kits/playbook/packs/kits/pb_progress_step.js
 - app/pb_kits/playbook/packs/kits/pb_radio.js
 - app/pb_kits/playbook/packs/kits/pb_section_separator.js
 - app/pb_kits/playbook/packs/kits/pb_select.js
@@ -493,11 +494,27 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.html.erb
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.md
 - app/pb_kits/playbook/pb_avatar/docs/_description.md
 - app/pb_kits/playbook/pb_avatar/docs/_footer.md
 - app/pb_kits/playbook/pb_avatar/docs/example.yml
 - app/pb_kits/playbook/pb_avatar/docs/index.js
+- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss
+- app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
+- app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
 - app/pb_kits/playbook/pb_badge/_badge.html.erb
 - app/pb_kits/playbook/pb_badge/_badge.jsx
 - app/pb_kits/playbook/pb_badge/_badge.scss
@@ -519,6 +536,10 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/bar_graph.rb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_description.md
 - app/pb_kits/playbook/pb_bar_graph/docs/example.yml
 - app/pb_kits/playbook/pb_bar_graph/docs/index.js
@@ -643,6 +664,8 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.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_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/_description.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
@@ -778,6 +801,14 @@ files:
 - app/pb_kits/playbook/pb_file_upload/docs/example.yml
 - app/pb_kits/playbook/pb_file_upload/docs/index.js
 - app/pb_kits/playbook/pb_file_upload/file_upload.rb
+- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx
+- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
+- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
+- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx
+- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx
+- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
+- app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx
+- app/pb_kits/playbook/pb_filter/Filter/index.jsx
 - app/pb_kits/playbook/pb_filter/_filter.html.erb
 - app/pb_kits/playbook/pb_filter/_filter.jsx
 - app/pb_kits/playbook/pb_filter/_filter.scss
@@ -979,6 +1010,7 @@ files:
 - app/pb_kits/playbook/pb_label_pill/docs/_description.md
 - app/pb_kits/playbook/pb_label_pill/docs/_footer.md
 - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.html.erb
+- app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx
 - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.md
 - app/pb_kits/playbook/pb_label_pill/docs/example.yml
 - app/pb_kits/playbook/pb_label_pill/docs/index.js
@@ -998,20 +1030,23 @@ files:
 - app/pb_kits/playbook/pb_label_value/docs/index.js
 - app/pb_kits/playbook/pb_label_value/label_value.rb
 - app/pb_kits/playbook/pb_layout/_body.html.erb
-- app/pb_kits/playbook/pb_layout/_body.jsx
 - app/pb_kits/playbook/pb_layout/_layout.html.erb
 - app/pb_kits/playbook/pb_layout/_layout.jsx
 - app/pb_kits/playbook/pb_layout/_layout.scss
 - app/pb_kits/playbook/pb_layout/_layout_mixin.scss
 - app/pb_kits/playbook/pb_layout/_sidebar.html.erb
-- app/pb_kits/playbook/pb_layout/_sidebar.jsx
 - app/pb_kits/playbook/pb_layout/body.rb
 - app/pb_kits/playbook/pb_layout/docs/_description.md
+- app/pb_kits/playbook/pb_layout/docs/_layout_collection.html.erb
+- app/pb_kits/playbook/pb_layout/docs/_layout_collection.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_colors.html.erb
-- app/pb_kits/playbook/pb_layout/docs/_layout_default.jsx
+- app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_sizes.html.erb
+- app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.html.erb
+- app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_transparent.html.erb
+- app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx
 - app/pb_kits/playbook/pb_layout/docs/example.yml
 - app/pb_kits/playbook/pb_layout/docs/index.js
 - app/pb_kits/playbook/pb_layout/layout.rb
@@ -1038,6 +1073,10 @@ files:
 - app/pb_kits/playbook/pb_line_graph/docs/_description.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_legend.html.erb
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
 - 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/lineGraphSettings.js
@@ -1058,6 +1097,8 @@ files:
 - app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_default.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_default.jsx
+- app/pb_kits/playbook/pb_list/docs/_list_layout_left.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_layout_right.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_lg.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_ordered.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_xpadding.html.erb
@@ -1154,6 +1195,7 @@ files:
 - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
 - app/pb_kits/playbook/pb_online_status/docs/_description.md
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
+- app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
 - app/pb_kits/playbook/pb_online_status/docs/example.yml
 - app/pb_kits/playbook/pb_online_status/docs/index.js
 - app/pb_kits/playbook/pb_online_status/online_status.rb
@@ -1206,7 +1248,6 @@ files:
 - app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx
-- app/pb_kits/playbook/pb_popover/docs/_popover_with_button.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_with_button.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_with_circle.html.erb
 - app/pb_kits/playbook/pb_popover/docs/example.yml
@@ -1244,6 +1285,22 @@ files:
 - app/pb_kits/playbook/pb_progress_simple/docs/example.yml
 - app/pb_kits/playbook/pb_progress_simple/docs/index.js
 - app/pb_kits/playbook/pb_progress_simple/progress_simple.rb
+- app/pb_kits/playbook/pb_progress_step/_progress_step.html.erb
+- app/pb_kits/playbook/pb_progress_step/_progress_step.jsx
+- app/pb_kits/playbook/pb_progress_step/_progress_step.scss
+- app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb
+- app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/_description.md
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/example.yml
+- app/pb_kits/playbook/pb_progress_step/docs/index.js
+- app/pb_kits/playbook/pb_progress_step/progress_step.rb
+- app/pb_kits/playbook/pb_progress_step/progress_step_item.rb
 - app/pb_kits/playbook/pb_radio/_radio.html.erb
 - app/pb_kits/playbook/pb_radio/_radio.jsx
 - app/pb_kits/playbook/pb_radio/_radio.scss
@@ -1329,13 +1386,42 @@ files:
 - app/pb_kits/playbook/pb_selectable_card/docs/example.yml
 - app/pb_kits/playbook/pb_selectable_card/docs/index.js
 - app/pb_kits/playbook/pb_selectable_card/selectable_card.rb
+- app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.html.erb
+- app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx
+- app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.html.erb
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.html.erb
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.jsx
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.html.erb
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.html.erb
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/example.yml
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/index.js
+- app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.rb
+- app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.html.erb
+- app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx
+- app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
+- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.html.erb
+- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.jsx
+- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb
+- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx
+- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.html.erb
+- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx
+- app/pb_kits/playbook/pb_selectable_icon/docs/example.yml
+- app/pb_kits/playbook/pb_selectable_icon/docs/index.js
+- app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb
 - app/pb_kits/playbook/pb_source/_source.html.erb
 - app/pb_kits/playbook/pb_source/_source.jsx
 - app/pb_kits/playbook/pb_source/_source.scss
 - app/pb_kits/playbook/pb_source/docs/_description.md
 - app/pb_kits/playbook/pb_source/docs/_source_default.html.erb
+- app/pb_kits/playbook/pb_source/docs/_source_default.jsx
 - app/pb_kits/playbook/pb_source/docs/_source_noicon.html.erb
+- app/pb_kits/playbook/pb_source/docs/_source_noicon.jsx
 - app/pb_kits/playbook/pb_source/docs/_source_types.html.erb
+- app/pb_kits/playbook/pb_source/docs/_source_types.jsx
 - app/pb_kits/playbook/pb_source/docs/example.yml
 - app/pb_kits/playbook/pb_source/docs/index.js
 - app/pb_kits/playbook/pb_source/source.rb
@@ -1344,7 +1430,9 @@ files:
 - app/pb_kits/playbook/pb_star_rating/_star_rating.scss
 - app/pb_kits/playbook/pb_star_rating/docs/_description.md
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb
+- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb
+- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx
 - app/pb_kits/playbook/pb_star_rating/docs/example.yml
 - app/pb_kits/playbook/pb_star_rating/docs/index.js
 - app/pb_kits/playbook/pb_star_rating/star_rating.rb
@@ -1504,6 +1592,7 @@ files:
 - 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_default.html.erb
+- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/example.yml
 - app/pb_kits/playbook/pb_timestamp/docs/index.js
 - app/pb_kits/playbook/pb_timestamp/timestamp.rb
@@ -1525,6 +1614,7 @@ files:
 - app/pb_kits/playbook/pb_title_count/docs/_description.md
 - app/pb_kits/playbook/pb_title_count/docs/_footer.md
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_align.html.erb
+- app/pb_kits/playbook/pb_title_count/docs/_title_count_align.jsx
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.html.erb
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.jsx
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.md
@@ -1537,6 +1627,7 @@ files:
 - app/pb_kits/playbook/pb_title_detail/docs/_description.md
 - app/pb_kits/playbook/pb_title_detail/docs/_footer.md
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.html.erb
+- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md
 - app/pb_kits/playbook/pb_title_detail/docs/example.yml
 - app/pb_kits/playbook/pb_title_detail/docs/index.js
@@ -1557,6 +1648,13 @@ files:
 - app/pb_kits/playbook/pb_toggle/docs/example.yml
 - app/pb_kits/playbook/pb_toggle/docs/index.js
 - app/pb_kits/playbook/pb_toggle/toggle.rb
+- app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb
+- app/pb_kits/playbook/pb_tooltip/_tooltip.scss
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb
+- app/pb_kits/playbook/pb_tooltip/docs/example.yml
+- app/pb_kits/playbook/pb_tooltip/index.js
+- app/pb_kits/playbook/pb_tooltip/tooltip.rb
 - app/pb_kits/playbook/pb_typeahead/_typeahead.html.erb
 - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
 - app/pb_kits/playbook/pb_typeahead/docs/_description.md
@@ -1645,7 +1743,9 @@ files:
 - app/pb_kits/playbook/types.js
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
+- app/pb_kits/playbook/utilities/_spacing.scss
 - app/pb_kits/playbook/utilities/props.js
+- app/pb_kits/playbook/utilities/spacing.js
 - app/pb_kits/playbook/utilities/text.js
 - app/pb_kits/playbook/vendor.js
 - app/views/layouts/playbook/_mobile_hamburger.html.erb
@@ -1721,8 +1821,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.3
+rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
 summary: Playbook Design System

data/app/pb_kits/playbook/pb_layout/_body.jsx

@@ -1,26 +0,0 @@
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-
-const propTypes = {
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node,
-  ]),
-}
-
-class Body extends Component {
-  render() {
-    const {
-      children,
-    } = this.props
-    return (
-      <div className="layout_body">
-        {children}
-      </div>
-    )
-  }
-}
-
-Body.propTypes = propTypes
-
-export default Body