playbook_ui 4.15.1.alpha1 → 4.16.0

data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss

@@ -0,0 +1,105 @@
+@import "../tokens/positioning";
+@import "../tokens/colors";
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+[class^="pb_tooltip_kit"] {
+  .tooltip_tooltip {
+    display: none;
+    opacity: 0;
+    left: 0;
+    animation-name: fadeIn;
+    animation-duration: 150ms;
+    animation-timing-function: linear;
+    animation-fill-mode: forwards;
+
+    &.flipped {
+      margin-top: 15px;
+      .arrow {
+        top: -35%;
+        border-color: transparent transparent $white transparent;
+      }
+    }
+
+    &.react {
+      .arrow {
+        top: 78%;
+      }
+      &.flipped {
+        .arrow {
+          top: -8%;
+        }
+      }
+    }
+
+    .arrow {
+      content: " ";
+      position: absolute;
+      top: 100%;
+      left: 50%;
+      border-color: $white transparent transparent transparent;
+      border-style: solid;
+      border-width: 10px;
+      margin-bottom: 50px;
+      margin-left: -10px;
+    }
+    &.show {
+      opacity: 1;
+      display: block;
+      z-index: $z_9;
+      margin-bottom: $space_sm;
+      background-color: $white;
+      padding: $space_xs $space_sm $space_xs $space_sm;
+      box-shadow: $shadow_deeper;
+      border-radius: $border_rad_light;
+
+      &.fade_out {
+        animation-name: fadeOut;
+        animation-duration: 150ms;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+      }
+    }
+  }
+  &[class*=_dark]{
+    .tooltip_tooltip{
+      color: $white;
+      background-color: rgba($black, $opacity_9);
+
+
+      &.show {
+      }
+      .arrow {
+        border-color: $black transparent transparent transparent;
+        opacity: $opacity_9;
+      }
+      &.flipped {
+        .arrow {
+          border-color: transparent transparent $black transparent;
+          opacity: $opacity_9;
+        }
+      }
+    }
+  }
+}
+
+.tooltip_tooltip.top {
+  padding: ($space_xs - 3px) 0;
+}

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

@@ -0,0 +1,10 @@
+<span id='regular-tooltip-2'>Hover over me.</span>
+
+<%= pb_rails("tooltip", props: {
+  trigger_element_id: "regular-tooltip-2",
+  tooltip_id: "tooltip-2",
+  position: 'top',
+  dark: true,
+}) do %>
+    Whoa. I'm a tooltip.
+<% end %>

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

@@ -0,0 +1,9 @@
+<span id='regular-tooltip-1'>I am a white tooltip.</span>
+
+<%= pb_rails("tooltip", props: {
+  trigger_element_id: "regular-tooltip-1",
+  tooltip_id: "tooltip-1",
+  position: 'top'
+}) do %>
+    Whoa. I'm a white tooltip.
+<% end %>

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

@@ -0,0 +1,5 @@
+examples:
+
+  rails:
+  - tooltip_default: Default
+  - tooltip_white: White

data/app/pb_kits/playbook/pb_tooltip/index.js

@@ -0,0 +1,80 @@
+import PbEnhancedElement from '../pb_enhanced_element'
+import Popper from 'popper.js'
+
+const TOOLTIP_OFFSET = '0,0'
+const TOOLTIP_TIMEOUT = 250
+
+export default class PbTooltip extends PbEnhancedElement {
+  static get selector() {
+    return '[data-pb-tooltip-kit]'
+  }
+
+  connect() {
+    this.popper = new Popper(this.triggerElement, this.tooltip, {
+      placement: this.position,
+      modifiers: {
+        offset: {
+          offset: TOOLTIP_OFFSET,
+        },
+        arrow: {
+          element: `#${this.tooltipId}-arrow`,
+        },
+      },
+      onUpdate: (p) => {
+        p.instance.popper.classList.toggle('flipped', p.flipped)
+      },
+    })
+
+    this.tooltip.addEventListener('mouseleave', () => {
+      this.hideTooltip()
+    })
+
+    this.triggerElement.addEventListener('mouseenter', () => {
+      this.mouseenterTimeout = setTimeout(() => {
+        this.popper.scheduleUpdate()
+        this.showTooltip()
+      }, TOOLTIP_TIMEOUT)
+
+      this.triggerElement.addEventListener('mouseleave', (event) => {
+        clearTimeout(this.mouseenterTimeout)
+        if (event.toElement.closest(`#${this.tooltipId}`) !== this.tooltip) {
+          setTimeout(() => {
+            this.hideTooltip()
+          }, 0)
+        }
+      }, { once: true })
+    })
+  }
+
+  showTooltip() {
+    this.tooltip.classList.add('show')
+  }
+
+  hideTooltip() {
+    this.tooltip.classList.remove('show')
+  }
+
+  toggleTooltip() {
+    this.tooltip.classList.toggle('show')
+  }
+
+  get triggerElement() {
+    return this._triggerElement = (this._triggerElement || document.querySelector(`#${this.triggerElementId}`))
+  }
+
+  get tooltip() {
+    return this._tooltip = (this._tooltip || this.element.querySelector(`#${this.tooltipId}`))
+  }
+
+  get position() {
+    return this.element.dataset.pbTooltipPosition
+  }
+
+  get triggerElementId() {
+    return this.element.dataset.pbTooltipTriggerElementId
+  }
+
+  get tooltipId() {
+    return this.element.dataset.pbTooltipTooltipId
+  }
+}

data/app/pb_kits/playbook/pb_tooltip/tooltip.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbTooltip
+    class Tooltip
+      include Playbook::Props
+      partial "pb_tooltip/tooltip"
+
+      prop :position
+      prop :trigger_element_id
+      prop :tooltip_id
+      prop :dark, type: Playbook::Props::Boolean,
+                          default: false
+
+      def classname
+        generate_classname("pb_tooltip_kit", dark_class)
+      end
+
+      def data
+        Hash(values[:data]).merge(
+          pb_tooltip_kit: true,
+          pb_tooltip_position: position,
+          pb_tooltip_trigger_element_id: trigger_element_id,
+          pb_tooltip_tooltip_id: tooltip_id,
+        )
+      end
+
+      private
+      def dark_class
+        dark ? "dark" : nil
+      end
+    end
+  end
+end

data/app/pb_kits/playbook/plugins/pb_chart.js

@@ -2,6 +2,8 @@ import Highcharts from 'highcharts'
 
 import { highchartsTheme } from '../pb_dashboard/pbChartsLightTheme.js'
 
+require('highcharts/modules/variable-pie')(Highcharts)
+
 class pbChart {
   defaults = {
     callbackInitializeBefore: () => {},
@@ -26,7 +28,50 @@ class pbChart {
     this.element = element
     this.options = options
     this.settings = this.extendDefaults(this.defaults, options)
-    this.setupChart()
+
+    if (this.options.type == 'variablepie' || this.options.type ==  'pie'){
+      this.setupPieChart()
+    } else {
+      this.setupChart()
+    }
+  }
+
+  setupPieChart() {
+    Highcharts.setOptions(highchartsTheme)
+
+    Highcharts.chart(this.defaults.id, {
+      title: {
+        text: this.defaults.title,
+      },
+      chart: {
+        type: this.defaults.type,
+      },
+      plotOptions: {
+        pie: {
+          dataLabels: {
+            enabled: this.defaults.dataLabels,
+            connectorShape: 'straight',
+            connectorWidth: 3,
+            format: this.defaults.dataLabelHtml,
+          },
+          showInLegend: this.defaults.showInLegend,
+        },
+      },
+      tooltip: {
+        headerFormat: this.defaults.headerFormat,
+        pointFormat: this.defaults.tooltipHtml,
+        useHTML: this.defaults.useHTML,
+      },
+      series: [{
+        minPointSize: this.defaults.minPointSize,
+        maxPointSize: this.defaults.maxPointSize,
+        innerSize: this.defaults.innerSize,
+        data: this.defaults.chartData,
+        zMin: this.defaults.zMin,
+        startAngle: this.defaults.startAngle,
+      }],
+      credits: false,
+    })
   }
 
   setupChart() {
@@ -37,6 +82,7 @@ class pbChart {
         text: this.defaults.title,
       },
       chart: {
+        height: this.defaults.height,
         type: this.defaults.type,
       },
       subtitle: {
@@ -52,9 +98,15 @@ class pbChart {
       xAxis: {
         categories: this.defaults.xAxisCategories,
       },
+      legend: {
+        enabled: this.defaults.legend,
+      },
       plotOptions: {
         series: {
           pointStart: this.defaults.pointStart,
+          dataLabels: {
+            enabled: false,
+          },
         },
       },
       series: this.defaults.chartData,

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

@@ -31,11 +31,15 @@ $white:               #FFFFFF;
 $silver:              #F3F7FB;
 $slate:               #C1CDD6;
 $charcoal:            #242B42;
+$black:               #000000;
+
 $interface_colors: (
   white:              $white,
   silver:             $silver,
   slate:              $slate,
   charcoal:           $charcoal,
+  black:              $black,
+
 );
 
 // Main colors ------------------------
@@ -72,7 +76,7 @@ $action_colors: (
 
 // Active colors ----------------------
 $active_light:        lighten(#E5F2FF, 3.5%);
-$active_dark:         #144075;
+$active_dark:         #0082ff; 
 $active_colors: (
   active_light:       $active_light,
   active_dark:        $active_dark
@@ -88,7 +92,7 @@ $hover_colors: (
 
 // Focus colors -----------------------
 $focus_input_light:   rgba($active_light, $opacity_5);
-$focus_input_dark:    rgba($active_dark, $opacity_5);
+$focus_input_dark:    rgba(#144075, $opacity_5);
 $focus_input_colors: (
   focus_input_light:        $focus_input_light,
   focus_input_dark:         $focus_input_dark
@@ -130,7 +134,7 @@ $data_2:              $yellow;
 $data_3:              $purple;
 $data_4:              $green;
 $data_5:              $orange;
-$data_6:              $active_dark;
+$data_6:              #144075;
 $data_7:              $teal;
 $data_8:              $red;
 $data_colors: (

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/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "4.15.1.alpha1"
+  VERSION = "4.16.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 4.15.1.alpha1
+  version: 4.16.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-11 00:00:00.000000000 Z
+date: 2020-05-29 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
@@ -519,6 +520,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
@@ -625,6 +630,15 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_description.md
 - app/pb_kits/playbook/pb_checkbox/docs/example.yml
 - app/pb_kits/playbook/pb_checkbox/docs/index.js
+- app/pb_kits/playbook/pb_circle_chart/_circle_chart.html.erb
+- app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
+- app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/example.yml
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
@@ -634,6 +648,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
@@ -769,6 +785,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
@@ -970,6 +994,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
@@ -989,20 +1014,21 @@ 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_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
@@ -1029,6 +1055,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
@@ -1145,6 +1175,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
@@ -1197,8 +1228,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_portal.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
@@ -1236,6 +1265,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
@@ -1321,13 +1366,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
@@ -1336,7 +1410,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
@@ -1496,6 +1572,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
@@ -1529,6 +1606,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
@@ -1549,6 +1627,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
@@ -1709,9 +1794,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubyforge_project: 
 rubygems_version: 2.7.3