playbook_ui 12.10.0 → 12.12.0.pre.alpha.PLAY697sandpacklayoutstyles413

data/app/pb_kits/playbook/pb_rich_text_editor/{_rich_text_editor.jsx → _rich_text_editor.tsx}

@@ -1,6 +1,3 @@
-/* @flow */
-/* eslint-disable react-hooks/rules-of-hooks */
-
 import React, { useEffect, useState } from 'react'
 import classnames from 'classnames'
 import inlineFocus from './inlineFocus'
@@ -18,11 +15,21 @@ try {
 
 import { TrixEditor } from "react-trix"
 
+type Editor = {
+  attributeIsActive?: Function,
+  element?: HTMLElement,
+  getSelectedDocument?: Function,
+  getSelectedRange?: () => Array<number>,
+  insertHTML?: Function,
+  loadHTML?: Function,
+  setSelectedRange?: (range: Array<number>) => void,  
+}
+
 type RichTextEditorProps = {
-  aria?: object,
+  aria?: { [key: string]: string },
   toolbarBottom?: Boolean,
   className?: string,
-  data?: object,
+  data?: { [key: string]: string },
   focus?: boolean,
   id?: string,
   inline?: boolean,
@@ -53,19 +60,19 @@ const RichTextEditor = (props: RichTextEditorProps) => {
   } = props
 
   const ariaProps = buildAriaProps(aria),
-  dataProps = buildDataProps(data),
-  [editor, setEditor] = useState()
+    dataProps = buildDataProps(data),
+    [editor, setEditor] = useState<Editor>()
 
-  const handleOnEditorReady = (editorInstance) => setEditor(editorInstance),
-  element = editor?.element
+  const handleOnEditorReady = (editorInstance: Editor) => setEditor(editorInstance),
+    element = editor?.element
 
   // DOM manipulation must wait for editor to be ready
   if (editor) {
-    const toolbarElement = element.parentElement.querySelector('trix-toolbar'),
-    blockCodeButton = toolbarElement.querySelector('[data-trix-attribute=code]')
+    const toolbarElement = element.parentElement.querySelector('trix-toolbar') as HTMLElement,
+      blockCodeButton = toolbarElement.querySelector('[data-trix-attribute=code]') as HTMLElement
 
-    let inlineCodeButton = toolbarElement.querySelector('[data-trix-attribute=inlineCode]')
-    if (!inlineCodeButton) inlineCodeButton = blockCodeButton.cloneNode(true)
+    let inlineCodeButton = toolbarElement.querySelector('[data-trix-attribute=inlineCode]') as HTMLElement
+    if (!inlineCodeButton) inlineCodeButton = blockCodeButton.cloneNode(true) as HTMLElement
 
     // set button attributes
     inlineCodeButton.dataset.trixAttribute = 'inlineCode'
@@ -93,8 +100,8 @@ const RichTextEditor = (props: RichTextEditorProps) => {
 
     focus
       ? (document.addEventListener('trix-focus', useFocus),
-      document.addEventListener('trix-blur', useFocus),
-      useFocus())
+        document.addEventListener('trix-blur', useFocus),
+        useFocus())
       : null
 
     document.addEventListener('trix-focus', inlineFocus)
@@ -110,11 +117,11 @@ const RichTextEditor = (props: RichTextEditorProps) => {
 
   useEffect(() => {
     if (!element) return
-    element.addEventListener('click', ({target}) => {
-      const trixEditorContainer = target.closest('.pb_rich_text_editor_kit')
+    element.addEventListener('click', ({ target }: Event) => {
+      const trixEditorContainer = (target as Element).closest('.pb_rich_text_editor_kit')
       if (!trixEditorContainer) return
 
-      const anchorElement = target.closest('a')
+      const anchorElement = (target as Element).closest('a')
       if (!anchorElement) return
 
       if (anchorElement.hasAttribute('href')) window.open(anchorElement.href)
@@ -122,11 +129,11 @@ const RichTextEditor = (props: RichTextEditorProps) => {
   }, [element])
 
   const richTextEditorClass = 'pb_rich_text_editor_kit',
-  simpleClass = simple ? 'simple' : '',
-  focusClass = focus ? 'focus-editor-targets' : '',
-  stickyClass = sticky ? 'sticky' : '',
-  inlineClass = inline ? 'inline' : '',
-  toolbarBottomClass = toolbarBottom ? 'toolbar-bottom' : ''
+    simpleClass = simple ? 'simple' : '',
+    focusClass = focus ? 'focus-editor-targets' : '',
+    stickyClass = sticky ? 'sticky' : '',
+    inlineClass = inline ? 'inline' : '',
+    toolbarBottomClass = toolbarBottom ? 'toolbar-bottom' : ''
 
   let css = classnames(globalProps(props), className)
   css = classnames(
@@ -141,17 +148,18 @@ const RichTextEditor = (props: RichTextEditorProps) => {
 
   return (
     <div
-        {...ariaProps}
-        {...dataProps}
-        className={css}
+      {...ariaProps}
+      {...dataProps}
+      className={css}
     >
       <TrixEditor
-          className=""
-          fileParamName={name}
-          onChange={onChange}
-          onEditorReady={handleOnEditorReady}
-          placeholder={placeholder}
-          value={value}
+        className=""
+        fileParamName={name}
+        mergeTags={[]}
+        onChange={onChange}
+        onEditorReady={handleOnEditorReady}
+        placeholder={placeholder}
+        value={value}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_rich_text_editor/{inlineFocus.js → inlineFocus.ts}

@@ -1,5 +1,5 @@
 const inlineFocus = () => {
-  const trixEditorElement = event.target
+  const trixEditorElement = event.target as Element
   const trixEditorContainer = trixEditorElement.closest('.pb_rich_text_editor_kit')
 
   if (!trixEditorContainer.classList.contains('inline')) return

data/app/pb_kits/playbook/pb_rich_text_editor/{useFocus.js → useFocus.ts}

@@ -2,7 +2,7 @@ const useFocus = () => {
   const allTrixEditors = document.querySelectorAll(
     '.focus-editor-targets trix-editor'
   )
-  allTrixEditors.forEach((editorElement) => {
+  allTrixEditors.forEach((editorElement: any) => {
     const toolbarElement = editorElement.toolbarElement
     if (editorElement == document.activeElement) {
       editorElement.classList.add('focused-editor')

data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx

@@ -102,6 +102,7 @@ const SelectableCard = (props: SelectableCardProps) => {
   delete filteredProps?.error
   delete filteredProps?.dark
   delete filteredProps?.multi
+  delete filteredProps?.customIcon
   const labelProps: GlobalProps = variant === 'displayInput' ? { ...filteredProps, padding: 'none' } : { ...filteredProps }
 
   return (

data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.test.js

@@ -0,0 +1,67 @@
+import React, { useState } from 'react'
+import { render, screen } from '../utilities/test-utils'
+
+import SelectableCardIcon from './_selectable_card_icon'
+
+const testId = 'selectableCardIcon'
+const className = 'custom-class-name'
+
+const SelectableCardIconDefault = () => {
+    const [selected, setSelected] = useState(true)
+
+    return (
+        <SelectableCardIcon
+            aria={{ label: testId }}
+            bodyText="Export"
+            checked={selected}
+            className={className}
+            data={{ testid: testId }}
+            icon="chart-line"
+            inputId={1}
+            onChange={() => setSelected(!selected)}
+            titleText="Quarterly Report"
+        />
+    )
+}
+
+test('should pass data prop', () => {
+    render(<SelectableCardIconDefault />)
+    const kit = screen.getByTestId(testId)
+    expect(kit).toBeInTheDocument()
+})
+
+test('should pass className prop', () => {
+    render(<SelectableCardIconDefault />)
+    const kit = screen.getByTestId(testId)
+    expect(kit).toHaveClass(className)
+})
+
+test('should pass aria prop', () => {
+    render(<SelectableCardIconDefault />)
+    const kit = screen.getByTestId(testId)
+    expect(kit).toHaveAttribute('aria-label', testId)
+})
+
+test('should be checked', () => {
+    render(<SelectableCardIconDefault />)
+    const kit = screen.getByTestId(testId)
+    expect(kit).toHaveClass('pb_selectable_card_icon_kit_checked_enabled')
+})
+
+test('should not be disabled', () => {
+    render(<SelectableCardIconDefault />)
+    const kit = screen.getByTestId(testId)
+    expect(kit).toHaveClass('pb_selectable_card_icon_kit_checked_enabled')
+})
+
+test('should render body text prop', () => {
+    render(<SelectableCardIconDefault />)
+    const kit = screen.getByText("Export")
+    expect(kit).toBeInTheDocument()
+})
+
+test('should render title text prop', () => {
+    render(<SelectableCardIconDefault />)
+    const kit = screen.getByText("Quarterly Report")
+    expect(kit).toBeInTheDocument()
+})

data/app/pb_kits/playbook/pb_selectable_card_icon/{_selectable_card_icon.jsx → _selectable_card_icon.tsx}

@@ -1,5 +1,3 @@
-/* @flow */
-
 import React from 'react'
 import classnames from 'classnames'
 
@@ -15,13 +13,13 @@ import SelectableCard from '../pb_selectable_card/_selectable_card'
 import SelectableIcon from '../pb_selectable_icon/_selectable_icon'
 
 type SelectableCardIconProps = {
-  aria?: Object,
+  aria?: { [key: string]: string },
   checked?: boolean,
   checkmark: boolean,
   className?: string,
-  customIcon?: SVGElement,
+  customIcon?: { [key: string]: SVGElement },
   dark?: boolean,
-  data?: Object,
+  data?: { [key: string]: string },
   disabled?: boolean,
   icon?: string,
   inputId?: string,
@@ -30,7 +28,7 @@ type SelectableCardIconProps = {
   titleText?: string,
   bodyText?: string,
   value?: string,
-  onChange?: (e) => void,
+  onChange?: (event: React.FormEvent<HTMLInputElement>) => void,
 }
 
 const SelectableCardIcon = (props: SelectableCardIconProps) => {
@@ -68,35 +66,35 @@ const SelectableCardIcon = (props: SelectableCardIconProps) => {
 
   return (
     <div
-        {...ariaProps}
-        {...dataProps}
-        className={classes}
+      {...ariaProps}
+      {...dataProps}
+      className={classes}
     >
       <SelectableCard
-          checked={checked}
-          customIcon={customIcon}
-          dark={dark}
-          disabled={disabled}
-          icon={checkmark}
-          inputId={inputId}
-          multi={multi}
-          name={name}
-          onChange={onChange}
-          value={value}
+        checked={checked}
+        customIcon={customIcon}
+        dark={dark}
+        disabled={disabled}
+        icon={checkmark}
+        inputId={inputId}
+        multi={multi}
+        name={name}
+        onChange={onChange}
+        value={value}
       >
         {
           <>
             <SelectableIcon
-                customIcon={customIcon}
-                icon={icon}
-                inputs="disabled"
-                size="2x"
-                text={titleText}
-            />
+              customIcon={customIcon}
+              icon={icon}
+              inputId={''}
+              inputs="disabled"
+              name={''}
+              text={titleText} />
             <Body
-                color="light"
-                dark={dark}
-                text={bodyText}
+              color="light"
+              dark={dark}
+              text={bodyText}
             />
           </>
         }

data/app/pb_kits/playbook/pb_source/{_source.jsx → _source.tsx}

@@ -1,28 +1,28 @@
-/* @flow */
-
 import React from 'react'
 import classnames from 'classnames'
 
-import { buildDataProps } from '../utilities/props'
+import { buildDataProps, buildAriaProps } from '../utilities/props'
 import { titleize } from '../utilities/text'
 
-import Avatar from '../pb_avatar/_avatar'
+import Avatar, { AvatarProps } from '../pb_avatar/_avatar'
 import Body from '../pb_body/_body'
 import Caption from '../pb_caption/_caption'
 import IconCircle from '../pb_icon_circle/_icon_circle'
 import Title from '../pb_title/_title'
 
 type SourceProps = {
+  aria?: {[key: string]: string},
   className?: string,
-  data?: object,
+  data?: { [key: string]: string },
   hideIcon: boolean,
   id?: string,
   source?: string,
   type: "events" | "inbound" | "outbound" | "prospecting" | "referral" | "retail" | "user",
-  user: object,
+  user: AvatarProps,
 }
 
 const Source = ({
+  aria = {},
   className,
   data = {},
   hideIcon = false,
@@ -32,6 +32,7 @@ const Source = ({
   user = {},
 }: SourceProps) => {
   const dataProps = buildDataProps(data)
+  const ariaProps = buildAriaProps(aria)
 
   const css = classnames([
     'pb_source_kit',
@@ -40,7 +41,7 @@ const Source = ({
 
   const avatar = () => {
     if ((type === 'user' || type === 'referral') && user.name !== undefined) {
-      const avatarProps = { ...user }
+      const avatarProps: AvatarProps = { ...user }
       avatarProps.size = 'sm'
       delete avatarProps.userId
       return avatarProps
@@ -55,7 +56,7 @@ const Source = ({
     }
   }
 
-  const typeIconNames = {
+  const typeIconNames: { [key: string]: string } = {
     events: 'calendar-alt',
     outbound: 'sign-out',
     prospecting: 'binoculars',
@@ -68,47 +69,50 @@ const Source = ({
 
   return (
     <div
-        {...dataProps}
-        className={css}
-        id={id}
+      {...ariaProps}
+      {...dataProps}
+      className={css}
+      id={id}
     >
 
       <div className="pb__source_layout">
-        <If condition={hideIcon === false}>
-          <If condition={showIcon()}>
-            <IconCircle
+        {hideIcon === false &&
+          <>
+            {showIcon() &&
+              <IconCircle
                 icon={typeIconNames[type]}
                 size="sm"
-            />
-            <Else />
-            <Avatar
+              />
+            }
+            {!showIcon() &&
+              <Avatar
                 {...avatar()}
-            />
-          </If>
-        </If>
+              />
+            }
+          </>
+        }
 
         <div className="pb__source_content">
           <Title
-              size={4}
-              tag="h4"
-              text={source}
+            size={4}
+            tag="h4"
+            text={source}
           />
 
           <div className="pb__source_value">
             <Body
-                color="light"
-                text={typeText()}
+              color="light"
+              text={typeText()}
             />
 
-            <If condition={user.userId}>
+            {user.userId &&
               <Caption
-                  text={user.userId}
+                text={user.userId}
               />
-            </If>
+            }
           </div>
         </div>
       </div>
-
     </div>
   )
 }

data/app/pb_kits/playbook/pb_source/source.test.js

@@ -0,0 +1,82 @@
+import React from 'react'
+import { render, screen } from '../utilities/test-utils'
+
+import Source from './_source'
+
+const testId = 'source'
+const className = 'custom-class-name'
+
+const SourceDefault = (props) => (
+    <>
+        <Source
+            aria={{ label: testId }}
+            className={className}
+            data={{ testid: testId }}
+            source="BJ's Johnston-208"
+            type='retail'
+            {...props}
+        />
+    </>
+)
+
+test('should pass data prop', () => {
+    render(<SourceDefault />)
+    const kit = screen.getByTestId(testId)
+    expect(kit).toBeInTheDocument()
+})
+
+test('should pass className prop', () => {
+    render(<SourceDefault />)
+    const kit = screen.getByTestId(testId)
+    expect(kit).toHaveClass(className)
+})
+
+test('should pass aria prop', () => {
+    render(<SourceDefault />)
+    const kit = screen.getByTestId(testId)
+    expect(kit).toHaveAttribute('aria-label', testId)
+})
+
+test('should pass type prop', () => {
+    render(<SourceDefault />)
+    const kit = screen.getByText('Retail')
+    expect(kit).toBeInTheDocument()
+})
+
+test('should pass source prop', () => {
+    render(<SourceDefault />)
+    const kit = screen.getByText("BJ's Johnston-208")
+    expect(kit).toBeInTheDocument()
+})
+
+test('should not hide icon by default', () => {
+    render(<SourceDefault />)
+    const kit = screen.getByTestId(testId)
+    expect(kit.querySelector('.pb_icon_circle_kit_sm_default')).toBeTruthy()
+})
+
+test('should hide icon', () => {
+    render(<SourceDefault hideIcon />)
+    const kit = screen.getByTestId(testId)
+    expect(kit.querySelector('.pb_icon_circle_kit_sm_default')).toBeFalsy()
+})
+
+test('should pass user prop', () => {
+    const user = {
+        name: 'Anna Black',
+        userId: '48582',
+    }
+    
+    render(
+        <SourceDefault
+            type='user'
+            user={user}
+        />
+    )
+
+    let kit = screen.getByText(user.name)
+    expect(kit).toBeInTheDocument()
+
+    kit = screen.getByText(user.userId)
+    expect(kit).toBeInTheDocument()
+})

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

@@ -10,13 +10,16 @@ import {
   useFloating, 
   useHover, 
   useInteractions,
-} from "@floating-ui/react-dom-interactions"
+} from "@floating-ui/react"
 
 import classnames from "classnames"
 import { GlobalProps, globalProps } from "../utilities/globalProps"
 import { buildAriaProps, buildDataProps } from "../utilities/props"
 import Flex from "../pb_flex/_flex"
 
+
+
+
 type TooltipProps = {
   aria?: { [key: string]: string },
   className?: string | string[],

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "12.9.1"
-  VERSION = "12.10.0"
+  PREVIOUS_VERSION = "12.12.0"
+  VERSION = "12.12.0.pre.alpha.PLAY697sandpacklayoutstyles413"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.10.0
+  version: 12.12.0.pre.alpha.PLAY697sandpacklayoutstyles413
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-03-22 00:00:00.000000000 Z
+date: 2023-04-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -457,6 +457,7 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
 - app/pb_kits/playbook/pb_button/docs/_button_link.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_link.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_link.md
 - app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_loading.md
@@ -569,6 +570,9 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.md
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.md
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
@@ -955,6 +959,8 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.jsx
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb
@@ -1710,8 +1716,8 @@ files:
 - app/pb_kits/playbook/pb_radio/radio.html.erb
 - app/pb_kits/playbook/pb_radio/radio.rb
 - app/pb_kits/playbook/pb_radio/radio.test.js
-- app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
+- app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx
 - app/pb_kits/playbook/pb_rich_text_editor/_trix_styles.scss
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
@@ -1734,11 +1740,11 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml
 - app/pb_kits/playbook/pb_rich_text_editor/docs/index.js
 - app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js
-- app/pb_kits/playbook/pb_rich_text_editor/inlineFocus.js
+- app/pb_kits/playbook/pb_rich_text_editor/inlineFocus.ts
 - app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb
 - app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.test.js
-- app/pb_kits/playbook/pb_rich_text_editor/useFocus.js
+- app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
 - app/pb_kits/playbook/pb_section_separator/_section_separator.scss
 - app/pb_kits/playbook/pb_section_separator/_section_separator.tsx
 - app/pb_kits/playbook/pb_section_separator/_section_separator_mixin.scss
@@ -1811,8 +1817,9 @@ files:
 - app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb
 - app/pb_kits/playbook/pb_selectable_card/selectable_card.rb
 - app/pb_kits/playbook/pb_selectable_card/selectable_card.test.js
-- 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/_selectable_card_icon.test.js
+- app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.tsx
 - 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_default.html.erb
@@ -1849,8 +1856,8 @@ files:
 - app/pb_kits/playbook/pb_selectable_list/selectable_list.rb
 - app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb
 - app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb
-- app/pb_kits/playbook/pb_source/_source.jsx
 - app/pb_kits/playbook/pb_source/_source.scss
+- app/pb_kits/playbook/pb_source/_source.tsx
 - 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
@@ -1862,6 +1869,7 @@ files:
 - app/pb_kits/playbook/pb_source/docs/index.js
 - app/pb_kits/playbook/pb_source/source.html.erb
 - app/pb_kits/playbook/pb_source/source.rb
+- app/pb_kits/playbook/pb_source/source.test.js
 - app/pb_kits/playbook/pb_star_rating/_star_rating.jsx
 - app/pb_kits/playbook/pb_star_rating/_star_rating.scss
 - app/pb_kits/playbook/pb_star_rating/docs/_description.md
@@ -2453,7 +2461,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - ISC
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -2464,12 +2472,12 @@ 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: []
 rubygems_version: 3.3.7
-signing_key:
+signing_key: 
 specification_version: 4
 summary: Playbook Design System
 test_files: []