RubyGems - playbook_ui - Versions diffs - 8.2.0.pre.alpha1 → 8.2.1.pre.alpha1 - Mend

playbook_ui 8.2.0.pre.alpha1 → 8.2.1.pre.alpha1

Files changed (104) hide show

data/app/pb_kits/playbook/pb_inline/docs/_inline_text_options.jsx ADDED Viewed

@@ -0,0 +1,99 @@
+import React, { useState } from 'react'
+import { Body, Caption, Inline, TextInput, Title } from '../../'
+const InlineTextOptions = (props) => {
+  const [formFields, setFormFields] = useState({
+    inputOne: 'Input One',
+    inputTwo: 'Input Two',
+    inputThree: 'Input Three',
+    inputFour: 'Input Four',
+  })
+  const handleChange = ({ target }) => {
+    const { name, value } = target
+    setFormFields({ ...formFields, [name]: value })
+  }
+  return (
+    <div>
+      <Inline
+          {...props}
+          displayKit={
+            <Title
+                {...props}
+                kitType="Title"
+                size={1}
+                tag="h1"
+                text={formFields.inputOne}
+            />
+          }
+          formInput={
+            <TextInput
+                {...props}
+                name="inputOne"
+                onChange={handleChange}
+                value={formFields.inputOne}
+            />
+          }
+      />
+      <Inline
+          {...props}
+          displayKit={
+            <Title
+                {...props}
+                kitType="Title 4"
+                size={4}
+                tag="h4"
+                text={formFields.inputTwo}
+            />
+          }
+          formInput={
+            <TextInput
+                {...props}
+                name="inputTwo"
+                onChange={handleChange}
+                value={formFields.inputTwo}
+            />
+          }
+      />
+      <Inline
+          {...props}
+          displayKit={
+            <Body
+                {...props}
+                kitType="Body"
+                text={formFields.inputThree}
+            />
+          }
+          formInput={
+            <TextInput
+                {...props}
+                name="inputThree"
+                onChange={handleChange}
+                value={formFields.inputThree}
+            />
+          }
+      />
+      <Inline
+          {...props}
+          displayKit={
+            <Caption
+                {...props}
+                kitType="Caption"
+                text={formFields.inputFour}
+            />
+          }
+          formInput={
+            <TextInput
+                {...props}
+                name="inputFour"
+                onChange={handleChange}
+                value={formFields.inputFour}
+            />
+          }
+      />
+    </div>
+  )
+}
+export default InlineTextOptions

data/app/pb_kits/playbook/pb_inline/docs/example.yml ADDED Viewed

@@ -0,0 +1,5 @@
+examples:
+  react:
+  - inline_default: Default
+  - inline_text_options: Text Options
+  - inline_input_options: Input Options

data/app/pb_kits/playbook/pb_inline/docs/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { default as InlineDefault } from './_inline_default.jsx'
+export { default as InlineTextOptions } from './_inline_text_options.jsx'
+export { default as InlineInputOptions } from './_inline_input_options.jsx'

data/app/pb_kits/playbook/pb_inline/inline.test.jsx ADDED Viewed

@@ -0,0 +1,21 @@
+import React from 'react'
+import { render, screen } from '../utilities/test-utils'
+import { Inline } from '../'
+/* See these resources for more testing info:
+  - https://github.com/testing-library/jest-dom#usage for useage and examples
+  - https://jestjs.io/docs/en/using-matchers
+*/
+test('generated scaffold test - update me', () => {
+  const testId = "test1"
+  render(
+    <Inline
+      data={{ testid: testId }}
+    />
+  )
+  const kit = screen.getByTestId(testId)
+  expect(kit).toBeInTheDocument()
+})

data/app/pb_kits/playbook/pb_online_status/_online_status.jsx CHANGED Viewed

@@ -23,6 +23,8 @@ const OnlineStatus = (props: OnlineStatusProps) => {
     status = 'offline',
   } = props
+  aria.label = status
   const ariaProps = buildAriaProps(aria)
   const dataProps = buildDataProps(data)
   const classes = classnames(buildCss('pb_online_status_kit', status), globalProps(props), className)

data/app/pb_kits/playbook/pb_online_status/online_status.html.erb CHANGED Viewed

@@ -1,5 +1,5 @@
 <%= content_tag(:div,
-    aria: object.aria,
+    aria: object.aria.merge!(label: object.status),
     class: object.classname,
     data: object.data,
     id: object.id) do %>

data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx CHANGED Viewed

@@ -1,6 +1,6 @@
 /* @flow */
-import React, { useEffect, useRef } from 'react'
+import React, { forwardRef, useEffect, useRef } from 'react'
 import classnames from 'classnames'
 import useFocus from './useFocus.js'
 import Trix from 'trix'
@@ -22,7 +22,7 @@ type RichTextEditorProps = {
   value?: string,
 }
-const RichTextEditor = (props: RichTextEditorProps) => {
+const RichTextEditor = (props: RichTextEditorProps, ref: React.ElementRef<"input">) => {
   const {
     aria = {},
     className,
@@ -120,6 +120,7 @@ const RichTextEditor = (props: RichTextEditorProps) => {
       <input
           id={id}
           name={name}
+          ref={ref}
           type="hidden"
           value={value}
       />
@@ -133,4 +134,4 @@ const RichTextEditor = (props: RichTextEditorProps) => {
   )
 }
-export default RichTextEditor
+export default forwardRef(RichTextEditor)

data/app/pb_kits/playbook/pb_text_input/_text_input.jsx CHANGED Viewed

@@ -19,6 +19,7 @@ type TextInputProps = {
   id?: string,
   name: string,
   label: string,
+  onBlur: (String) => void,
   onChange: (String) => void,
   placeholder: string,
   required?: boolean,
@@ -41,6 +42,7 @@ const TextInput = (
     id,
     name,
     label,
+    onBlur = () => {},
     onChange = () => {},
     placeholder,
     required,
@@ -79,6 +81,7 @@ const TextInput = (
               disabled={disabled}
               id={id}
               name={name}
+              onBlur={onBlur}
               onChange={onChange}
               placeholder={placeholder}
               ref={ref}

data/app/pb_kits/playbook/pb_textarea/_textarea.jsx CHANGED Viewed

@@ -24,6 +24,7 @@ type TextareaProps = {
   required?: boolean,
   rows?: number,
   resize: 'none' | 'both' | 'horizontal' | 'vertical' | 'auto',
+  onBlur?: InputCallback<HTMLTextAreaElement>,
   onChange?: InputCallback<HTMLTextAreaElement>,
 }
@@ -37,6 +38,7 @@ const Textarea = ({
   label,
   maxCharacters,
   name,
+  onBlur = () => {},
   onChange = () => {},
   placeholder,
   required,
@@ -75,6 +77,7 @@ const Textarea = ({
             className="pb_textarea_kit"
             disabled={disabled}
             name={name}
+            onBlur={onBlur}
             onChange={onChange}
             placeholder={placeholder}
             ref={ref}

data/app/pb_kits/playbook/pb_typeahead/_typeahead.jsx CHANGED Viewed

@@ -3,12 +3,14 @@
 import React from 'react'
 import Select from 'react-select'
 import AsyncSelect from 'react-select/async'
+import CreateableSelect from 'react-select/creatable'
 import { get } from 'lodash'
 import { globalProps } from '../utilities/globalProps.js'
 import Control from './components/Control'
 import ClearIndicator from './components/ClearIndicator'
 import IndicatorsContainer from './components/IndicatorsContainer'
+import Input from './components/Input'
 import MenuList from './components/MenuList'
 import MultiValue from './components/MultiValue'
 import Option from './components/Option'
@@ -26,6 +28,7 @@ import { noop } from '../utilities/props'
 type Props = {
   async?: boolean,
+  createable?: boolean,
   dark?: boolean,
   label?: string,
   loadOptions?: noop | string,
@@ -41,12 +44,14 @@ type Props = {
 const Typeahead = (props: Props) => {
   const selectProps = {
+    badges: false,
     cacheOptions: true,
     components: {
       Control,
       ClearIndicator,
       IndicatorsContainer,
       IndicatorSeparator: null,
+      Input,
       MenuList,
       MultiValue,
       Option,
@@ -58,6 +63,8 @@ const Typeahead = (props: Props) => {
     isClearable: true,
     isSearchable: true,
     name,
+    onCreate: () => {},
+    plusIcon: false,
     ...props,
   }
@@ -65,7 +72,8 @@ const Typeahead = (props: Props) => {
   if (typeof(props.getOptionLabel) === 'string') selectProps.getOptionLabel = get(window, props.getOptionLabel)
   if (typeof(props.getOptionValue) === 'string') selectProps.getOptionValue = get(window, props.getOptionValue)
-  const Tag = props.async ? AsyncSelect : Select
+  let Tag = props.async ? AsyncSelect : Select
+  if (props.createable) Tag = CreateableSelect
   const handleOnChange = (data, { action, option, removedValue }) => {
     if (action === 'select-option') {

data/app/pb_kits/playbook/pb_typeahead/components/Input.jsx ADDED Viewed

@@ -0,0 +1,24 @@
+/* @flow */
+import React from 'react'
+import { components } from 'react-select'
+import { Flex, Icon } from '../../'
+const Input = (props: any) => (
+  <Flex
+      align="center"
+  >
+    <If condition={props.selectProps.plusIcon}>
+      <Icon
+          className="typeahead-plus-icon"
+          icon="plus"
+      />
+    </If>
+    <components.Input
+        className="input"
+        {...props}
+    />
+  </Flex>
+)
+export default Input

data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx CHANGED Viewed

@@ -3,7 +3,7 @@
 import React from 'react'
 import { components } from 'react-select'
-import { FormPill } from '../../'
+import { FormPill, Badge } from '../../'
 type Props = {
   data: object,
@@ -28,7 +28,7 @@ const MultiValue = (props: Props) => {
         className="text_input_multivalue_container"
         {...props}
     >
-      <If condition={imageUrl}>
+      {/* <If condition={imageUrl}>
         <FormPill
             avatarUrl={imageUrl}
             closeProps={removeProps}
@@ -41,6 +41,29 @@ const MultiValue = (props: Props) => {
             marginRight="xs"
             text={label}
         />
+      </If> */}
+      <If condition={props.selectProps.badges}>
+        <Badge
+            closeProps={removeProps}
+            removeIcon
+            text={label}
+            variant="primary"
+        />
+        <Else />
+        <If condition={imageUrl}>
+          <FormPill
+              avatarUrl={imageUrl}
+              closeProps={removeProps}
+              marginRight="xs"
+              name={label}
+          />
+          <Else />
+          <FormPill
+              closeProps={removeProps}
+              marginRight="xs"
+              text={label}
+          />
+        </If>
       </If>
     </components.MultiValueContainer>
   )

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx CHANGED Viewed

@@ -13,6 +13,7 @@ const options = [
 const TypeaheadDefault = (props) => {
   return (
     <Typeahead
+        // badges
         label="Colors"
         options={options}
         {...props}

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx CHANGED Viewed

@@ -1,9 +1,9 @@
 /* @flow */
-import React from 'react'
+import React, { useState } from 'react'
 import { Typeahead } from '../..'
-const options = [
+const initOptions = [
   { label: 'Windows', value: '#FFA500' },
   { label: 'Siding', value: '#FF0000' },
   { label: 'Doors', value: '#00FF00' },
@@ -11,13 +11,18 @@ const options = [
 ]
 const TypeaheadWithPills = (props) => {
+  const [values, setValues] = useState([])
   return (
     <>
       <Typeahead
+          badges
+          createable
           isMulti
           label="Colors"
-          options={options}
+          onChange={(value) => console.log(value)}
+          options={initOptions}
           placeholder=""
+          plusIcon
           {...props}
       />
     </>

data/app/pb_kits/playbook/pb_user_badge/_user_badge.jsx CHANGED Viewed

@@ -23,7 +23,7 @@ const UserBadge = (props: UserBadgeProps) => {
     size = 'md',
   } = props
-  const image = require(`./badges/_${badge}.svg`)
+  const image = require(`./badges/${badge}.svg`)
   const ariaProps = buildAriaProps(aria)
   const dataProps = buildDataProps(data)
   const classes = classnames(

data/app/pb_kits/playbook/react_rails_kits.js CHANGED Viewed

@@ -5,4 +5,8 @@ export { default as Legend } from './pb_legend/_legend.jsx'
 export { default as LineGraph } from './pb_line_graph/_line_graph.jsx'
 export { default as Typeahead } from './pb_typeahead/_typeahead.jsx'
 export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor.jsx'
+export { default as Dialog } from './pb_dialog/_dialog.jsx'
+export { default as DialogHeader } from './pb_dialog/child_kits/_dialog_header.jsx'
+export { default as DialogBody } from './pb_dialog/child_kits/_dialog_body.jsx'
+export { default as DialogFooter } from './pb_dialog/child_kits/_dialog_footer.jsx'
 export { KitSearch, SnippetToggle, DarkModeToggle } from './docs_components'

data/app/pb_kits/playbook/utilities/test-utils.js CHANGED Viewed

@@ -39,3 +39,9 @@ export const ensureAccessible = async (Kit, props = {}, newProps = {}) => {
   const html = render()
   expect(await axe(html)).toHaveNoViolations()
 }
+export const appendAlert = (message) => {
+  const alertNode = document.createElement('div')
+  alertNode.innerHTML = message
+  document.querySelector('body').appendChild(alertNode)
+}

data/lib/playbook/version.rb CHANGED Viewed

@@ -1,5 +1,6 @@
 # frozen_string_literal: true
 module Playbook
-  VERSION = "8.2.0.pre.alpha1"
+  VERSION = "8.2.1.pre.alpha1"
 end

metadata CHANGED Viewed

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 8.2.0.pre.alpha1
+  version: 8.2.1.pre.alpha1
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-02 00:00:00.000000000 Z
+date: 2021-03-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -17,27 +17,27 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.4
     - - "<"
       - !ruby/object:Gem::Version
-        version: '6.0'
+        version: '7.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.4
     - - "<"
       - !ruby/object:Gem::Version
-        version: '6.0'
+        version: '7.0'
 - !ruby/object:Gem::Dependency
   name: actionview
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.4
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -47,7 +47,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.4
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -57,7 +57,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.4
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -67,24 +67,10 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.4
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
-- !ruby/object:Gem::Dependency
-  name: github_changelog_generator
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 1.15.2
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 1.15.2
 - !ruby/object:Gem::Dependency
   name: react-rails
   requirement: !ruby/object:Gem::Requirement
@@ -253,6 +239,20 @@ dependencies:
     - - '='
       - !ruby/object:Gem::Version
         version: 11.0.0
+- !ruby/object:Gem::Dependency
+  name: github_changelog_generator
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.15.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.15.2
 - !ruby/object:Gem::Dependency
   name: overcommit
   requirement: !ruby/object:Gem::Requirement
@@ -285,22 +285,22 @@ dependencies:
   name: rspec-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 3.8.0
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.8'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.8.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 3.8.0
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.8'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.8.0
 - !ruby/object:Gem::Dependency
   name: rubocop
   requirement: !ruby/object:Gem::Requirement
@@ -464,6 +464,7 @@ files:
 - 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_avatar_action_button/pb_avatar_action_button.test.js
 - app/pb_kits/playbook/pb_background/_background.jsx
 - app/pb_kits/playbook/pb_background/_background.scss
 - app/pb_kits/playbook/pb_background/background.html.erb
@@ -526,6 +527,7 @@ files:
 - app/pb_kits/playbook/pb_button/_button_mixins.scss
 - app/pb_kits/playbook/pb_button/button.html.erb
 - app/pb_kits/playbook/pb_button/button.rb
+- app/pb_kits/playbook/pb_button/button.test.js
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
@@ -552,6 +554,7 @@ files:
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss
 - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb
+- app/pb_kits/playbook/pb_button_toolbar/button_toolbar.test.js
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb
@@ -609,12 +612,15 @@ files:
 - app/pb_kits/playbook/pb_card/docs/_card_separator.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_shadow.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx
+- app/pb_kits/playbook/pb_card/docs/_card_tag.html.erb
+- app/pb_kits/playbook/pb_card/docs/_card_tag.jsx
 - app/pb_kits/playbook/pb_card/docs/example.yml
 - app/pb_kits/playbook/pb_card/docs/index.js
 - app/pb_kits/playbook/pb_checkbox/_checkbox.jsx
 - app/pb_kits/playbook/pb_checkbox/_checkbox.scss
 - app/pb_kits/playbook/pb_checkbox/checkbox.html.erb
 - app/pb_kits/playbook/pb_checkbox/checkbox.rb
+- app/pb_kits/playbook/pb_checkbox/checkbox.test.js
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.jsx
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.html.erb
@@ -623,6 +629,8 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_description.md
 - app/pb_kits/playbook/pb_checkbox/docs/example.yml
@@ -654,6 +662,7 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
 - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb
+- app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js
 - 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
@@ -850,6 +859,29 @@ files:
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_footer.md
 - app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_year_stacked/docs/index.js
+- app/pb_kits/playbook/pb_dialog/_close_icon.jsx
+- app/pb_kits/playbook/pb_dialog/_dialog.html.erb
+- app/pb_kits/playbook/pb_dialog/_dialog.jsx
+- app/pb_kits/playbook/pb_dialog/_dialog.scss
+- app/pb_kits/playbook/pb_dialog/_dialog_context.jsx
+- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.jsx
+- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.jsx
+- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.jsx
+- app/pb_kits/playbook/pb_dialog/dialog.rb
+- app/pb_kits/playbook/pb_dialog/dialog.test.jsx
+- app/pb_kits/playbook/pb_dialog/dialog_header.rb
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.md
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.md
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx
+- app/pb_kits/playbook/pb_dialog/docs/example.yml
+- app/pb_kits/playbook/pb_dialog/docs/index.js
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.jsx
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
 - app/pb_kits/playbook/pb_distribution_bar/distribution_bar.html.erb
@@ -973,7 +1005,6 @@ files:
 - app/pb_kits/playbook/pb_form/docs/example.yml
 - app/pb_kits/playbook/pb_form/form.rb
 - app/pb_kits/playbook/pb_form/form_builder.rb
-- app/pb_kits/playbook/pb_form/form_builder/action_area.html.erb
 - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
 - app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
@@ -1156,6 +1187,14 @@ files:
 - app/pb_kits/playbook/pb_image/image.html.erb
 - app/pb_kits/playbook/pb_image/image.rb
 - app/pb_kits/playbook/pb_image/image.test.js
+- app/pb_kits/playbook/pb_inline/_inline.jsx
+- app/pb_kits/playbook/pb_inline/_inline.scss
+- app/pb_kits/playbook/pb_inline/docs/_inline_default.jsx
+- app/pb_kits/playbook/pb_inline/docs/_inline_input_options.jsx
+- app/pb_kits/playbook/pb_inline/docs/_inline_text_options.jsx
+- app/pb_kits/playbook/pb_inline/docs/example.yml
+- app/pb_kits/playbook/pb_inline/docs/index.js
+- app/pb_kits/playbook/pb_inline/inline.test.jsx
 - app/pb_kits/playbook/pb_kit/dateTime.js
 - app/pb_kits/playbook/pb_kit/pb_date_time.rb
 - app/pb_kits/playbook/pb_label_pill/_label_pill.jsx
@@ -1930,6 +1969,7 @@ files:
 - app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.jsx
 - app/pb_kits/playbook/pb_typeahead/components/Control.jsx
 - app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.jsx
+- app/pb_kits/playbook/pb_typeahead/components/Input.jsx
 - app/pb_kits/playbook/pb_typeahead/components/MenuList.jsx
 - app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx
 - app/pb_kits/playbook/pb_typeahead/components/Option.jsx
@@ -2072,7 +2112,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
 metadata: {}
-post_install_message:
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2087,8 +2127,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubygems_version: 3.0.3
-signing_key:
+rubygems_version: 3.1.4
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []