RubyGems - playbook_ui - Versions diffs - 4.18.0 → 5.1.0.pre.alpha1 - Mend

playbook_ui 4.18.0 → 5.1.0.pre.alpha1

Files changed (226) hide show

data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx ADDED

@@ -0,0 +1,50 @@
+import React, { useState } from 'react'
+import {
+  Body,
+  Button,
+  PbReactPopover,
+} from '../..'
+const PopoverZIndex = () => {
+  const [showPopover, setShowPopover] = useState(false)
+  const handleTogglePopover = () => {
+    setShowPopover(!showPopover)
+  }
+  const handleShouldClosePopover = (shouldClosePopover) => {
+    setShowPopover(!shouldClosePopover)
+  }
+  const popoverTrigger = (
+    <Button
+        onClick={handleTogglePopover}
+        text="Click Me"
+        variant="secondary"
+    />
+  )
+  return (
+    <>
+      <div style={{ position: 'relative', zIndex: 2 }}>
+        <Body
+            marginBottom="md"
+            text="I've got a z-index of 2"
+        />
+      </div>
+      <PbReactPopover
+          closeOnClick="outside"
+          offset
+          placement="top"
+          reference={popoverTrigger}
+          shouldClosePopover={handleShouldClosePopover}
+          show={showPopover}
+          zIndex={3}
+      >
+        {'I have a custom z-index of 3'}
+      </PbReactPopover>
+    </>
+  )
+}
+export default PopoverZIndex

data/app/pb_kits/playbook/pb_popover/docs/example.yml CHANGED

@@ -1,14 +1,18 @@
 examples:
   rails:
     - popover_default: Default
-    - popover_list: With any children
-    - popover_click_outside: Close on click outside
-    - popover_click_inside: Close on click inside
-    - popover_click_any: Close on click anywhere
+    - popover_list: Example as dropdown
+    - popover_close: Close Options
+    - popover_z_index: Set Z-Index
+    - popover_scroll_height: Scroll and Height Settings
   react:
     - popover_default: Default
-    - popover_list: With any children
-    - popover_click_outside: Close on click outside
-    - popover_click_inside: Close on click inside
-    - popover_click_any: Close on click anywhere
+    - popover_list: Dropdown example
+    - popover_close: Close Options
+    - popover_z_index: Set Z-Index
+    - popover_scroll_height: Scroll and Height Settings

data/app/pb_kits/playbook/pb_popover/docs/index.js CHANGED

@@ -1,5 +1,5 @@
 export { default as PopoverDefault } from './_popover_default.jsx'
 export { default as PopoverList } from './_popover_list.jsx'
-export { default as PopoverClickOutside } from './_popover_click_outside.jsx'
-export { default as PopoverClickInside } from './_popover_click_inside.jsx'
-export { default as PopoverClickAny } from './_popover_click_any.jsx'
+export { default as PopoverClose } from './_popover_close.jsx'
+export { default as PopoverZIndex } from './_popover_z_index.jsx'
+export { default as PopoverScrollHeight } from './_popover_scroll_height.jsx'

data/app/pb_kits/playbook/pb_popover/index.js CHANGED

@@ -1,7 +1,7 @@
 import PbEnhancedElement from '../pb_enhanced_element'
-import Popper from 'popper.js'
+import { createPopper } from '@popperjs/core'
-const POPOVER_OFFSET_Y = '0,8'
+const POPOVER_OFFSET_Y = [0, 20]
 export default class PbPopover extends PbEnhancedElement {
   static get selector() {
@@ -9,13 +9,17 @@ export default class PbPopover extends PbEnhancedElement {
   }
   connect() {
-    this.popper = new Popper(this.triggerElement, this.tooltip, {
+    this.popper = createPopper(this.triggerElement, this.tooltip, {
       placement: this.position,
-      modifiers: {
-        offset: {
-          offset: this.offset,
+      strategy: 'fixed',
+      modifiers: [
+        {
+          name: 'offset',
+          options: {
+            offset: this.offset,
+          },
         },
-      },
+      ],
     })
     this.triggerElement.addEventListener('click', (event) => {
@@ -27,7 +31,7 @@ export default class PbPopover extends PbEnhancedElement {
       }
       setTimeout(() => {
-        this.popper.scheduleUpdate()
+        // this.popper.scheduleUpdate()
         this.tooltip.classList.toggle('show')
       }, 0)
     })
@@ -89,7 +93,7 @@ export default class PbPopover extends PbEnhancedElement {
   }
   get offset() {
-    return this.element.dataset.pbPopoverOffset === 'true' ? POPOVER_OFFSET_Y : '0,0'
+    return this.element.dataset.pbPopoverOffset === 'true' ? POPOVER_OFFSET_Y : [0, 0]
   }
   get closeOnClick() {

data/app/pb_kits/playbook/pb_popover/popover.rb CHANGED

@@ -6,16 +6,40 @@ module Playbook
       include Playbook::Props
       partial "pb_popover/popover"
-      prop :position
+      prop :position, type: Playbook::Props::Enum,
+                      values: %w[top bottom left right],
+                      default: "left"
       prop :trigger_element_id
       prop :tooltip_id
+      prop :max_height
+      prop :max_width
+      prop :min_width
+      prop :min_height
+      prop :z_index, type: Playbook::Props::String
       prop :offset, type: Playbook::Props::Boolean, default: false
       prop :close_on_click, type: Playbook::Props::Enum,
                             values: %w[none outside inside any],
                             default: "none"
       def classname
-        generate_classname("pb_popover_kit")
+        generate_classname_without_spacing("pb_popover_kit")
+      end
+      def popover_spacing_helper
+        generate_classname(spacing_props.nil? ? "p_sm" : spacing_props)
+      end
+      def z_index_helper
+        z_index.present? ? "z-index: #{z_index}" : ""
+      end
+      def width_height_helper
+        out = ""
+        out += "max-height: #{max_height}; " if max_height.present?
+        out += "max-width: #{max_width}; " if max_width.present?
+        out += "min-height: #{min_height}; " if min_height.present?
+        out += "min-width: #{min_width};" if min_width.present?
+        out
       end
       def data

data/app/pb_kits/playbook/pb_title/_title.html.erb CHANGED

@@ -1,4 +1,5 @@
 <%= content_tag(object.tag, object.text,
+    aria: object.aria,
     id: object.id,
     data: object.data,
     class: object.classname) %>

data/app/pb_kits/playbook/pb_title/_title.jsx CHANGED

@@ -2,38 +2,45 @@
 import React from 'react'
 import classnames from 'classnames'
+import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 import { spacing } from '../utilities/spacing.js'
 type TitleProps = {
+  aria?: object,
   className?: String,
   children?: Array<React.ReactNode> | React.ReactNode,
   dark?: Boolean,
+  data?: object,
+  id?: String,
   size?: 1 | 2 | 3 | 4,
+  tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div",
   text?: String,
-  tag?: "h1" | "h2" | "h3",
-}
-const tagCSS = ({ dark = false, size = 3 }) => {
-  let css = ''
-  css += `_${size}`
-  css += dark === true ? '_dark' : ''
-  return css
 }
 const Title = (props: TitleProps) => {
-  const { children, className, tag = 'h3', text } = props
+  const {
+    aria = {},
+    children,
+    className,
+    dark = false,
+    data = {},
+    id,
+    size = 3,
+    tag = 'h3',
+    text } = props
+  const themeStyle = dark === true ? '_dark' : ''
+  const ariaProps = buildAriaProps(aria)
+  const dataProps = buildDataProps(data)
+  const classes = classnames(buildCss('pb_title_kit', size, themeStyle), className, spacing(props))
   const Tag = `${tag}`
   return (
     <Tag
-        className={classnames(
-        `pb_title_kit${tagCSS(props)}`,
-        className,
-        spacing(props),
-      )}
+        {...ariaProps}
+        {...dataProps}
+        className={classes}
+        id={id}
     >
       {text || children}
     </Tag>

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

@@ -77,7 +77,7 @@ class pbChart {
   setupChart() {
     Highcharts.setOptions(highchartsTheme)
-    Highcharts.chart(this.defaults.id, {
+    const configOptions = {
       title: {
         text: this.defaults.title,
       },
@@ -111,7 +111,13 @@ class pbChart {
       },
       series: this.defaults.chartData,
       credits: false,
-    })
+    }
+    if (!this.defaults.toggleLegendClick) {
+      configOptions.plotOptions.series.events = { legendItemClick: () => false }
+    }
+    Highcharts.chart(this.defaults.id, configOptions)
   }
   refresh(silent = false) {

data/app/pb_kits/playbook/props.rb CHANGED

@@ -51,6 +51,13 @@ module Playbook
       ].compact.join(" ")
     end
+    def generate_classname_without_spacing(*name_parts, separator: "_")
+      [
+        name_parts.compact.join(separator),
+        prop(:classname),
+      ].compact.join(" ")
+    end
     attr_accessor :values
     private :values, :values=

data/app/pb_kits/playbook/tokens/index.scss ADDED

@@ -0,0 +1,12 @@
+@import "animation-curves";
+@import "border_radius";
+@import "colors";
+@import "fonts";
+@import "line_height";
+@import "opacity";
+@import "positioning";
+@import "screen_sizes";
+@import "shadows";
+@import "spacing";
+@import "transition";
+@import "typography";

data/lib/playbook/version.rb CHANGED

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 module Playbook
-  VERSION = "4.18.0"
+  VERSION = "5.1.0-alpha1"
 end

data/lib/tasks/pb_release.rake CHANGED

@@ -39,6 +39,9 @@ namespace :pb_release do
       puts "Updated Gemfile.lock"
       puts "\n\n"
+      puts "\nCreating dist files"
+      `yarn release`
       puts "Commit your changes and create a PR to merge to master"
     end
   end

metadata CHANGED

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 4.18.0
+  version: 5.1.0.pre.alpha1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-06-12 00:00:00.000000000 Z
+date: 2020-06-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -381,15 +381,6 @@ extra_rdoc_files: []
 files:
 - README.md
 - Rakefile
-- app/assets/images/clark.jpg
-- app/assets/images/giant.jpg
-- app/assets/images/pb-caret.svg
-- app/assets/images/pb-check.svg
-- app/assets/images/pb.logo.svg
-- app/controllers/playbook/application_controller.rb
-- app/controllers/playbook/guides_controller.rb
-- app/controllers/playbook/pages_controller.rb
-- app/controllers/playbook/samples_controller.rb
 - app/helpers/playbook/application_helper.rb
 - app/helpers/playbook/layout_helper.rb
 - app/helpers/playbook/pb_doc_helper.rb
@@ -397,93 +388,7 @@ files:
 - app/helpers/playbook/pb_sample_helper.rb
 - app/helpers/playbook/redcarpet_helper.rb
 - app/pb_kits/playbook/_playbook.scss
-- app/pb_kits/playbook/config/_kit_example.html.erb
-- app/pb_kits/playbook/config/_kit_samples_list.html.erb
-- app/pb_kits/playbook/config/_kit_ui.html.erb
-- app/pb_kits/playbook/config/_pb_kit_api.html.erb
-- app/pb_kits/playbook/data/menu.yml
 - app/pb_kits/playbook/index.js
-- app/pb_kits/playbook/packs/application.js
-- app/pb_kits/playbook/packs/examples.js
-- app/pb_kits/playbook/packs/kits/pb_avatar.js
-- app/pb_kits/playbook/packs/kits/pb_badge.js
-- app/pb_kits/playbook/packs/kits/pb_bar_graph.js
-- app/pb_kits/playbook/packs/kits/pb_body.js
-- app/pb_kits/playbook/packs/kits/pb_button.js
-- app/pb_kits/playbook/packs/kits/pb_caption.js
-- app/pb_kits/playbook/packs/kits/pb_card.js
-- app/pb_kits/playbook/packs/kits/pb_checkbox.js
-- app/pb_kits/playbook/packs/kits/pb_circle_icon_button.js
-- app/pb_kits/playbook/packs/kits/pb_contact.js
-- app/pb_kits/playbook/packs/kits/pb_currency.js
-- app/pb_kits/playbook/packs/kits/pb_dashboard_value.js
-- app/pb_kits/playbook/packs/kits/pb_date.js
-- app/pb_kits/playbook/packs/kits/pb_date_range_inline.js
-- app/pb_kits/playbook/packs/kits/pb_date_range_stacked.js
-- app/pb_kits/playbook/packs/kits/pb_date_stacked.js
-- app/pb_kits/playbook/packs/kits/pb_date_year_stacked.js
-- app/pb_kits/playbook/packs/kits/pb_distribution_bar.js
-- app/pb_kits/playbook/packs/kits/pb_fixed_confirmation_toast.js
-- app/pb_kits/playbook/packs/kits/pb_flex.js
-- app/pb_kits/playbook/packs/kits/pb_form_pill.js
-- app/pb_kits/playbook/packs/kits/pb_hashtag.js
-- app/pb_kits/playbook/packs/kits/pb_highlight.js
-- app/pb_kits/playbook/packs/kits/pb_home_address_street.js
-- app/pb_kits/playbook/packs/kits/pb_icon.js
-- app/pb_kits/playbook/packs/kits/pb_icon_circle.js
-- app/pb_kits/playbook/packs/kits/pb_icon_value.js
-- app/pb_kits/playbook/packs/kits/pb_image.js
-- app/pb_kits/playbook/packs/kits/pb_label_pill.js
-- app/pb_kits/playbook/packs/kits/pb_label_value.js
-- app/pb_kits/playbook/packs/kits/pb_layout.js
-- app/pb_kits/playbook/packs/kits/pb_legend.js
-- app/pb_kits/playbook/packs/kits/pb_line_graph.js
-- app/pb_kits/playbook/packs/kits/pb_list.js
-- app/pb_kits/playbook/packs/kits/pb_loading_inline.js
-- app/pb_kits/playbook/packs/kits/pb_message.js
-- app/pb_kits/playbook/packs/kits/pb_multiple_users.js
-- app/pb_kits/playbook/packs/kits/pb_multiple_users_stacked.js
-- app/pb_kits/playbook/packs/kits/pb_nav.js
-- app/pb_kits/playbook/packs/kits/pb_online_status.js
-- app/pb_kits/playbook/packs/kits/pb_person.js
-- app/pb_kits/playbook/packs/kits/pb_person_contact.js
-- app/pb_kits/playbook/packs/kits/pb_pill.js
-- 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
-- app/pb_kits/playbook/packs/kits/pb_selectable_card.js
-- app/pb_kits/playbook/packs/kits/pb_source.js
-- app/pb_kits/playbook/packs/kits/pb_star_rating.js
-- app/pb_kits/playbook/packs/kits/pb_stat_change.js
-- app/pb_kits/playbook/packs/kits/pb_stat_value.js
-- app/pb_kits/playbook/packs/kits/pb_table.js
-- app/pb_kits/playbook/packs/kits/pb_text_input.js
-- app/pb_kits/playbook/packs/kits/pb_textarea.js
-- app/pb_kits/playbook/packs/kits/pb_time.js
-- app/pb_kits/playbook/packs/kits/pb_timestamp.js
-- app/pb_kits/playbook/packs/kits/pb_title.js
-- app/pb_kits/playbook/packs/kits/pb_title_count.js
-- app/pb_kits/playbook/packs/kits/pb_title_detail.js
-- app/pb_kits/playbook/packs/kits/pb_toggle.js
-- app/pb_kits/playbook/packs/kits/pb_user.js
-- app/pb_kits/playbook/packs/kits/pb_user_badge.js
-- app/pb_kits/playbook/packs/main.scss
-- app/pb_kits/playbook/packs/samples.js
-- app/pb_kits/playbook/packs/site_styles/_samples.scss
-- app/pb_kits/playbook/packs/site_styles/_scaffold.scss
-- app/pb_kits/playbook/packs/site_styles/_site-style.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_all.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss
-- app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss
 - app/pb_kits/playbook/pb_avatar/_avatar.html.erb
 - app/pb_kits/playbook/pb_avatar/_avatar.jsx
 - app/pb_kits/playbook/pb_avatar/_avatar.scss
@@ -540,6 +445,8 @@ files:
 - 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/_bar_graph_legend_non_clickable.html.erb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.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
@@ -601,6 +508,7 @@ files:
 - app/pb_kits/playbook/pb_card/_card.html.erb
 - app/pb_kits/playbook/pb_card/_card.jsx
 - app/pb_kits/playbook/pb_card/_card.scss
+- app/pb_kits/playbook/pb_card/_card_mixin.scss
 - app/pb_kits/playbook/pb_card/card.rb
 - app/pb_kits/playbook/pb_card/card_body.rb
 - app/pb_kits/playbook/pb_card/card_header.rb
@@ -1001,6 +909,14 @@ files:
 - app/pb_kits/playbook/pb_image/docs/example.yml
 - app/pb_kits/playbook/pb_image/docs/index.js
 - app/pb_kits/playbook/pb_image/image.rb
+- app/pb_kits/playbook/pb_installer/_installer.html.erb
+- app/pb_kits/playbook/pb_installer/_installer.jsx
+- app/pb_kits/playbook/pb_installer/_installer.scss
+- app/pb_kits/playbook/pb_installer/docs/_installer_default.html.erb
+- app/pb_kits/playbook/pb_installer/docs/_installer_default.jsx
+- app/pb_kits/playbook/pb_installer/docs/example.yml
+- app/pb_kits/playbook/pb_installer/docs/index.js
+- app/pb_kits/playbook/pb_installer/installer.rb
 - app/pb_kits/playbook/pb_kit/base.rb
 - app/pb_kits/playbook/pb_kit/dateTime.js
 - app/pb_kits/playbook/pb_kit/pb_date_time.rb
@@ -1030,6 +946,7 @@ 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/_column.html.erb
 - 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
@@ -1041,6 +958,10 @@ files:
 - 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_colors.jsx
+- app/pb_kits/playbook/pb_layout/docs/_layout_kanban.html.erb
+- app/pb_kits/playbook/pb_layout/docs/_layout_kanban.jsx
+- app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.html.erb
+- app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.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
@@ -1077,6 +998,8 @@ files:
 - 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/_line_graph_legend_nonclickable.html.erb
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.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
@@ -1089,19 +1012,29 @@ files:
 - app/pb_kits/playbook/pb_list/_list_mixin.scss
 - app/pb_kits/playbook/pb_list/docs/_description.md
 - app/pb_kits/playbook/pb_list/docs/_list_borderless.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_borderless.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_dark.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_dark.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_dark_borderless.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_dark_borderless.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_dark_lg.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_dark_lg.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_dark_ordered.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_dark_ordered.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.jsx
 - 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_left.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_layout_right.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_lg.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_lg.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_ordered.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_ordered.jsx
 - app/pb_kits/playbook/pb_list/docs/_list_xpadding.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_xpadding.jsx
 - app/pb_kits/playbook/pb_list/docs/example.yml
 - app/pb_kits/playbook/pb_list/docs/index.js
 - app/pb_kits/playbook/pb_list/item.rb
@@ -1239,18 +1172,17 @@ files:
 - app/pb_kits/playbook/pb_popover/_popover.jsx
 - app/pb_kits/playbook/pb_popover/_popover.scss
 - app/pb_kits/playbook/pb_popover/docs/_description.md
-- app/pb_kits/playbook/pb_popover/docs/_popover_click_any.html.erb
-- app/pb_kits/playbook/pb_popover/docs/_popover_click_any.jsx
-- app/pb_kits/playbook/pb_popover/docs/_popover_click_inside.html.erb
-- app/pb_kits/playbook/pb_popover/docs/_popover_click_inside.jsx
-- app/pb_kits/playbook/pb_popover/docs/_popover_click_outside.html.erb
-- app/pb_kits/playbook/pb_popover/docs/_popover_click_outside.jsx
+- 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
 - 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.jsx
-- app/pb_kits/playbook/pb_popover/docs/_popover_with_circle.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_list.md
+- app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_z_index.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx
 - app/pb_kits/playbook/pb_popover/docs/example.yml
 - app/pb_kits/playbook/pb_popover/docs/index.js
 - app/pb_kits/playbook/pb_popover/index.js
@@ -1757,6 +1689,7 @@ files:
 - app/pb_kits/playbook/tokens/_spacing.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
+- app/pb_kits/playbook/tokens/index.scss
 - app/pb_kits/playbook/types.js
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
@@ -1765,43 +1698,6 @@ files:
 - 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
-- app/views/layouts/playbook/_nav.html.erb
-- app/views/layouts/playbook/_sidebar.html.erb
-- app/views/layouts/playbook/application.html.slim
-- app/views/layouts/playbook/fullscreen.html.slim
-- app/views/layouts/playbook/grid.html.slim
-- app/views/layouts/playbook/samples.html.erb
-- app/views/playbook/guides/create_kit.html.slim
-- app/views/playbook/guides/create_kit/_file_naming.html.md
-- app/views/playbook/guides/create_kit/_generator.html.md
-- app/views/playbook/guides/create_kit/_kit_examples.html.md
-- app/views/playbook/guides/create_kit/_kit_rails.html.md
-- app/views/playbook/guides/create_kit/_kit_react.html.md
-- app/views/playbook/guides/create_kit/_layout.html.md
-- app/views/playbook/guides/create_kit/_view_objects.html.md
-- app/views/playbook/guides/create_kit/_writing_sass.md
-- app/views/playbook/guides/use_nitro.html.slim
-- app/views/playbook/guides/use_nitro/_local.html.md
-- app/views/playbook/guides/use_nitro/_nitro_components.html.md
-- app/views/playbook/guides/use_nitro/_versions.html.md
-- app/views/playbook/pages/fullscreen.html.slim
-- app/views/playbook/pages/grid.html.slim
-- app/views/playbook/pages/home.html.slim
-- app/views/playbook/pages/kit_category_show.html.erb
-- app/views/playbook/pages/kit_show.html.erb
-- app/views/playbook/pages/kits.html.erb
-- app/views/playbook/pages/principals/_getting_started.html.md
-- app/views/playbook/pages/principles.html.slim
-- app/views/playbook/pages/tokens.html.slim
-- app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim
-- app/views/playbook/pages/utilities.html.slim
-- app/views/playbook/pages/utilities/_pb_doc_color.html.slim
-- app/views/playbook/samples/dashboards/index.html.erb
-- app/views/playbook/samples/dashboards/index.jsx
-- app/views/playbook/samples/registration/index.html.erb
-- app/views/playbook/samples/registration/index.jsx
-- app/views/playbook/samples/sample_show.html.erb
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
 - lib/generators/kit/USAGE
@@ -1836,9 +1732,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project:
 rubygems_version: 2.7.3