playbook_ui_docs 16.6.0.pre.alpha.emptystatepresets15848 → 16.6.0.pre.alpha.play294216115

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2b5f97f4f41f962f56ceb571eecc1546092d920e09bc6324f1c8866c7930f96c
-  data.tar.gz: 2ebd9b58ac96ce14c31ba42fc1633e280bfd3711c2bb9b7acc67b8d37d3bd9d2
+  metadata.gz: 1a5d9f950e919f47c147d1f95c0b170197c9d514b8f61198166d50de453ede99
+  data.tar.gz: 8e5dec3ba99e8b9630f95761bf367739d95698600dfe6e62d5e40da6e2e13b80
 SHA512:
-  metadata.gz: c72f0b31343b49a9dba06a4c36e777bd7c07036b2b925079dbcd81eaf6d4dced97eac694c4b7971e89363f59be83f2cf6626853bdcb97cccc82ed1005f14c5f4
-  data.tar.gz: 52c0f936c6ac781f91a4c1dbe1969a81fc10908d405c2950cb9218ea52c7f441f3f0e31b7945e15ceae34f7d1acd2cae3db75a2c353b1b99e6bab3e57f6dedc1
+  metadata.gz: 28f3ded5dbd94bdb3389b95451bf7af8a8969495d3a256d2da628bf183dfa9f8fbfe03c6dd8f269fc02c6934d287f46403bbb70a77018271980be6f76c4cf3f8
+  data.tar.gz: 05df6897bf70d1ba70ed9761e23e42c8b1be884ca35d80472f4cfaeec336a47c4ed87429cf7ebba19d847e7e624383e3c782c83d2443fc0ba787512f20eecf64

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.jsx

@@ -9,7 +9,21 @@ import ListItem from "../../pb_list/_list_item"
 import PbReactPopover from "../../pb_popover/_popover"
 import SectionSeparator from "../../pb_section_separator/_section_separator"
 import StarRating from "../../pb_star_rating/_star_rating"
-import COMPOSITION_MOCK_DATA from "./advanced_table_grouped_headers_composition_mock_data.json"
+
+const COMPOSITION_MOCK_DATA = [
+  { id: "1", year: "2015", newEnrollments: "12", scheduledMeetings: "40", attendanceRate: "62%", classCompletionRate: "28%" },
+  { id: "2", year: "2016", newEnrollments: "88", scheduledMeetings: "12", attendanceRate: "71%", classCompletionRate: "55%" },
+  { id: "3", year: "2017", newEnrollments: "34", scheduledMeetings: "67", attendanceRate: "58%", classCompletionRate: "41%" },
+  { id: "4", year: "2018", newEnrollments: "05", scheduledMeetings: "91", attendanceRate: "44%", classCompletionRate: "73%" },
+  { id: "5", year: "2019", newEnrollments: "61", scheduledMeetings: "19", attendanceRate: "83%", classCompletionRate: "36%" },
+  { id: "6", year: "2020", newEnrollments: "19", scheduledMeetings: "54", attendanceRate: "67%", classCompletionRate: "62%" },
+  { id: "7", year: "2021", newEnrollments: "73", scheduledMeetings: "08", attendanceRate: "52%", classCompletionRate: "49%" },
+  { id: "8", year: "2022", newEnrollments: "50", scheduledMeetings: "50", attendanceRate: "75%", classCompletionRate: "45%" },
+  { id: "9", year: "2023", newEnrollments: "95", scheduledMeetings: "03", attendanceRate: "69%", classCompletionRate: "81%" },
+  { id: "10", year: "2024", newEnrollments: "27", scheduledMeetings: "76", attendanceRate: "91%", classCompletionRate: "22%" },
+  { id: "11", year: "2025", newEnrollments: "41", scheduledMeetings: "33", attendanceRate: "48%", classCompletionRate: "94%" },
+  { id: "12", year: "2026", newEnrollments: "66", scheduledMeetings: "66", attendanceRate: "55%", classCompletionRate: "58%" },
+]
 
 const LEAF_COUNT = "newEnrollments"
 const LEAF_SCHEDULED = "scheduledMeetings"

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx

@@ -1,6 +1,6 @@
 import React from "react"
 import AdvancedTable from '../_advanced_table'
-import MOCK_DATA from "./advanced_table_mock_data_infinite_scroll.json"
+import INFINITE_SCROLL_MOCK_DATA from "./advanced_table_mock_data_infinite_scroll.json"
 
 const AdvancedTableInfiniteScroll = (props) => {
   const columnDefinitions = [
@@ -39,7 +39,7 @@ const AdvancedTableInfiniteScroll = (props) => {
     <div>
       <AdvancedTable
           columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
+          tableData={INFINITE_SCROLL_MOCK_DATA}
           virtualizedRows
           {...props}
       />

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx

@@ -1,8 +1,8 @@
 import React from "react"
 import AdvancedTable from '../../pb_advanced_table/_advanced_table'
 import Caption from '../../pb_caption/_caption'
-import { MOCK_DATA_INLINE_LOADING } from "./_mock_data_inline_loading"
-import { MOCK_DATA_INLINE_LOADING_EMPTY_CHILDREN } from "./_mock_data_inline_loading_empty_children"
+import MOCK_DATA_INLINE_LOADING from "./advanced_table_mock_data_inline_loading.json"
+import MOCK_DATA_INLINE_LOADING_EMPTY_CHILDREN from "./advanced_table_mock_data_inline_loading_empty_children.json"
 
 const AdvancedTableInlineRowLoading = (props) => {
   const columnDefinitions = [

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react"
 import AdvancedTable from '../_advanced_table'
-import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
+import MOCK_DATA_WITH_ID from "./advanced_table_mock_data_with_id.json"
 
 const AdvancedTableRowPinning = (props) => {
   const columnDefinitions = [
@@ -43,7 +43,7 @@ const AdvancedTableRowPinning = (props) => {
           columnDefinitions={columnDefinitions}
           maxHeight="xs"
           pinnedRows={{value: pinnedRows, onChange: setPinnedRows}}
-          tableData={MOCK_DATA}
+          tableData={MOCK_DATA_WITH_ID}
           tableProps={{sticky: true}}
           {...props}
       >

data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading_empty_children.json

@@ -0,0 +1,41 @@
+[
+  {
+    "year": "2021",
+    "quarter": null,
+    "month": null,
+    "day": null,
+    "newEnrollments": "20",
+    "scheduledMeetings": "10",
+    "attendanceRate": "51%",
+    "completedClasses": "3",
+    "classCompletionRate": "33%",
+    "graduatedStudents": "19",
+    "children": []
+  },
+  {
+    "year": "2022",
+    "quarter": null,
+    "month": null,
+    "day": null,
+    "newEnrollments": "25",
+    "scheduledMeetings": "17",
+    "attendanceRate": "75%",
+    "completedClasses": "5",
+    "classCompletionRate": "45%",
+    "graduatedStudents": "32",
+    "children": []
+  },
+  {
+    "year": "2023",
+    "quarter": null,
+    "month": null,
+    "day": null,
+    "newEnrollments": "10",
+    "scheduledMeetings": "15",
+    "attendanceRate": "65%",
+    "completedClasses": "4",
+    "classCompletionRate": "49%",
+    "graduatedStudents": "29",
+    "children": []
+  }
+]

data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx

@@ -4,7 +4,7 @@ import Icon from "../../pb_icon/_icon"
 import Title from "../../pb_title/_title"
 import BreadCrumbItem from '../_bread_crumb_item'
 
-const Link = (props) => <BreadCrumbItem {...props} />
+const LinkSection = (props) => <BreadCrumbItem {...props} />
 const BreadCrumbsDefault = (props) => {
   return (
     <BreadCrumbs
@@ -35,7 +35,7 @@ const BreadCrumbsDefault = (props) => {
           size="1x"
           {...props}
       />
-      <Link
+      <LinkSection
           {...props}
           href="/users"
       >
@@ -46,20 +46,20 @@ const BreadCrumbsDefault = (props) => {
             text="Users"
             {...props}
         />
-      </Link>
+      </LinkSection>
       <Icon
           icon="user"
           size="1x"
           {...props}
       />
-      <Link {...props}>
+      <LinkSection {...props}>
         <Title
             size="4"
             tag="span"
             text="User"
             {...props}
         />
-      </Link>
+      </LinkSection>
     </BreadCrumbs>
   )
 }

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

@@ -1,14 +1,12 @@
 examples:
   rails:
   - empty_state_default: Default
-  - empty_state_presets: Illustration presets
   - empty_state_size: Size
   - empty_state_orientation: Orientation
   - empty_state_alignment: Alignment
 
   react:
   - empty_state_default: Default
-  - empty_state_presets: Illustration presets
   - empty_state_size: Size
   - empty_state_orientation: Orientation
   - empty_state_alignment: Alignment

data/app/pb_kits/playbook/pb_empty_state/docs/index.js

@@ -1,5 +1,4 @@
 export { default as EmptyStateDefault } from './_empty_state_default.jsx'
-export { default as EmptyStatePresets } from './_empty_state_presets.jsx'
 export { default as EmptyStateOrientation } from './_empty_state_orientation.jsx'
 export { default as EmptyStateSize } from './_empty_state_size.jsx'
 export { default as EmptyStateAlignment } from './_empty_state_alignment.jsx'

data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb

@@ -1,2 +1,2 @@
-<%= pb_rails("pagination", props: { model: @users, view: self}) %>
+<%= pb_rails("pagination", props: { model: @extra_users, view: self }) %>
 

data/app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control.jsx

@@ -4,7 +4,28 @@ import Pagination from '../../pb_pagination/_pagination'
 import Select from '../../pb_select/_select'
 import Table from '../../pb_table/_table'
 
-import { data } from "./data";
+const data = [
+    ["Value 1", "Value 2", "Value 3", "Value 4", "Value 5"],
+    ["Value 6", "Value 7", "Value 8", "Value 9", "Value 10"],
+    ["Value 11", "Value 12", "Value 13", "Value 14", "Value 15"],
+    ["Value 16", "Value 17", "Value 18", "Value 19", "Value 20"],
+    ["Value 21", "Value 22", "Value 23", "Value 24", "Value 25"],
+    ["Value 26", "Value 27", "Value 28", "Value 29", "Value 30"],
+    ["Value 31", "Value 32", "Value 33", "Value 34", "Value 35"],
+    ["Value 36", "Value 37", "Value 38", "Value 39", "Value 40"],
+    ["Value 41", "Value 42", "Value 43", "Value 44", "Value 45"],
+    ["Value 46", "Value 47", "Value 48", "Value 49", "Value 50"],
+    ["Value 51", "Value 52", "Value 53", "Value 54", "Value 55"],
+    ["Value 56", "Value 57", "Value 58", "Value 59", "Value 60"],
+    ["Value 61", "Value 62", "Value 63", "Value 64", "Value 65"],
+    ["Value 66", "Value 67", "Value 68", "Value 69", "Value 70"],
+    ["Value 71", "Value 72", "Value 73", "Value 74", "Value 75"],
+    ["Value 76", "Value 77", "Value 78", "Value 79", "Value 80"],
+    ["Value 81", "Value 82", "Value 83", "Value 84", "Value 85"],
+    ["Value 86", "Value 87", "Value 88", "Value 89", "Value 90"],
+    ["Value 91", "Value 92", "Value 93", "Value 94", "Value 95"],
+    ["Value 96", "Value 97", "Value 98", "Value 99", "Value 100"],
+  ];
 
 const PaginationExternalControl = (props) => {
   const [totalItems, setTotalItems] = useState(20);

data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx

@@ -2,8 +2,28 @@ import React, { useState } from "react";
 import Table from '../../pb_table/_table'
 import Pagination from '../../pb_pagination/_pagination'
 
-
-import { data } from "./data";
+const data = [
+  ["Value 1", "Value 2", "Value 3", "Value 4", "Value 5"],
+  ["Value 6", "Value 7", "Value 8", "Value 9", "Value 10"],
+  ["Value 11", "Value 12", "Value 13", "Value 14", "Value 15"],
+  ["Value 16", "Value 17", "Value 18", "Value 19", "Value 20"],
+  ["Value 21", "Value 22", "Value 23", "Value 24", "Value 25"],
+  ["Value 26", "Value 27", "Value 28", "Value 29", "Value 30"],
+  ["Value 31", "Value 32", "Value 33", "Value 34", "Value 35"],
+  ["Value 36", "Value 37", "Value 38", "Value 39", "Value 40"],
+  ["Value 41", "Value 42", "Value 43", "Value 44", "Value 45"],
+  ["Value 46", "Value 47", "Value 48", "Value 49", "Value 50"],
+  ["Value 51", "Value 52", "Value 53", "Value 54", "Value 55"],
+  ["Value 56", "Value 57", "Value 58", "Value 59", "Value 60"],
+  ["Value 61", "Value 62", "Value 63", "Value 64", "Value 65"],
+  ["Value 66", "Value 67", "Value 68", "Value 69", "Value 70"],
+  ["Value 71", "Value 72", "Value 73", "Value 74", "Value 75"],
+  ["Value 76", "Value 77", "Value 78", "Value 79", "Value 80"],
+  ["Value 81", "Value 82", "Value 83", "Value 84", "Value 85"],
+  ["Value 86", "Value 87", "Value 88", "Value 89", "Value 90"],
+  ["Value 91", "Value 92", "Value 93", "Value 94", "Value 95"],
+  ["Value 96", "Value 97", "Value 98", "Value 99", "Value 100"],
+];
 
 const PaginationPageChange = (props) => {
 

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb

@@ -0,0 +1,5 @@
+<%= pb_rails("phone_number_input", props: {
+  id: "phone_number_input_show_placeholder",
+  label: "Phone Number",
+  show_placeholder: true,
+}) %>

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
+
+const PhoneNumberInputShowPlaceholder = (props) => (
+    <>
+        <PhoneNumberInput
+            id='phone_number_input_show_placeholder'
+            label='Phone Number'
+            showPlaceholder
+            {...props} />
+    </>
+)
+
+export default PhoneNumberInputShowPlaceholder

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md

@@ -0,0 +1,3 @@
+The `showPlaceholder`/`show_placeholder` prop enables the country-specific example placeholder in the phone input.
+
+By default, the Phone Number Input does not show a placeholder. When enabled, the placeholder appears while the field is empty and unfocused, hides on focus, and returns on blur if no value is entered.

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

@@ -2,6 +2,7 @@ examples:
 
   react:
   - phone_number_input_default: Default
+  - phone_number_input_show_placeholder: Show Placeholder
   - phone_number_input_preferred_countries: Preferred Countries
   - phone_number_input_initial_country: Initial Country
   - phone_number_input_only_countries: Only Countries
@@ -16,6 +17,7 @@ examples:
 
   rails:
   - phone_number_input_default: Default
+  - phone_number_input_show_placeholder: Show Placeholder
   - phone_number_input_preferred_countries: Preferred Countries
   - phone_number_input_initial_country: Initial Country
   - phone_number_input_only_countries: Only Countries

data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js

@@ -10,3 +10,4 @@ export { default as PhoneNumberInputFormat } from './_phone_number_input_format'
 export { default as PhoneNumberInputStrictMode } from './_phone_number_input_strict_mode'
 export { default as PhoneNumberInputCountrySearch } from './_phone_number_input_country_search'
 export { default as PhoneNumberInputRequiredIndicator } from './_phone_number_input_required_indicator.jsx'
+export { default as PhoneNumberInputShowPlaceholder } from './_phone_number_input_show_placeholder'

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_templates.jsx

@@ -5,7 +5,82 @@ import StarterKit from "@tiptap/starter-kit"
 import Link from '@tiptap/extension-link'
 
 import Select from '../../pb_select/_select'
-import { changelog, release } from './templates.js'
+
+const release = `
+  <div>
+    <div>
+      <strong>Story Background</strong>
+    </div>
+    <div>
+      Follow the{" "}
+      <a href='https://github.com/powerhome/playbook/wiki/Release-Team-Guide'>
+        release process
+      </a>{" "}
+      to create a new version, create a gem, and package. Create a Ninja testing
+      plan, then update Nitro with the new version.
+    </div>
+    <div>
+      <br />
+    </div>
+    <div>
+      <strong>Timeline / Due Date</strong>
+    </div>
+    <div>
+      <em>Release End of business Thursday</em>
+    </div>
+    <div>
+      <em>Testing on Nitro End of business Friday</em>
+    </div>
+    <div>
+      <br />
+    </div>
+    <div>
+      <strong>Definition of done</strong>
+    </div>
+    <ol>
+      <li>Merge all PR’s</li>
+      <li>Update the final CHANGELOG</li>
+      <li>Version up and generate NPM, and RubyGem</li>
+      <li>Create next version branch and milestone</li>
+      <li>Update default branch and branch protection rules&nbsp;</li>
+      <li>Notify Everyone of new version</li>
+      <li>
+        Generate testing plan and pages to test for Ninjas (update runway
+        ticket)
+      </li>
+      <li>Update version on Nitro and get on Demo</li>
+      <li>Send Ninjas demo and runway ticket for testing</li>
+      <li>Ninja Approved + PR Approved</li>
+    </ol>
+    <div>
+      <br />
+    </div>
+    <div>
+      <strong>Stakeholders / Sign-off</strong>
+    </div>
+    <ul>
+      <li>Code Owners</li>
+    </ul>
+    <div>
+      <br />
+      <strong>Cadence</strong>
+      <br />
+      Jason, Jon, Stephen, Jasper, Brendan, Cole
+    </div>
+  </div>
+`
+
+const changelog = `
+  <div>
+    <strong>Changelog:<br></strong>
+    [INSERT LINK]<br><br>
+    You can test the normal spots of Playbook rails and react on
+    dev docs plus the following:
+  </div>
+  <div>
+    <br>
+  </div>
+`
 
 const RichTextEditorAdvancedTemplates = (props) => {
 

data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx

@@ -28,7 +28,7 @@ const SelectError = (props) => {
       <Select
           error={error}
           label="Favorite Food"
-          name="food"
+          name="food-error"
           options={options}
           value="2"
           {...props}

data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx

@@ -23,7 +23,7 @@ const SelectInline = (props) => {
       <Select
           inline
           label="Favorite Food"
-          name="food"
+          name="food-inline"
           options={options}
           {...props}
       />

data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx

@@ -24,7 +24,7 @@ const SelectInlineCompact = (props) => {
           compact
           inline
           label="Favorite Food"
-          name="food"
+          name="food-inline-compact"
           options={options}
           {...props}
       />

data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx

@@ -23,7 +23,7 @@ const SelectInlineShowArrow = (props) => {
       <Select
           inline
           label="Favorite Food"
-          name="food"
+          name="food-inline-show-arrow"
           options={options}
           showArrow
           {...props}

data/app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb

@@ -22,15 +22,15 @@
       value_text: "BBQ",
     },
     {
-      value: "4",
+      value: "5",
       value_text: "Sushi",
     },
     {
-      value: "4",
+      value: "6",
       value_text: "Chinese",
     },
     {
-      value: "4",
+      value: "7",
       value_text: "Hot Dogs",
     },
   ]

data/app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx

@@ -17,19 +17,19 @@ const SelectMultiple = (props) => {
       text: 'Tacos',
     },
     {
-      value: '3',
+      value: '4',
       text: 'BBQ',
     },
     {
-      value: '3',
+      value: '5',
       text: 'Sushi',
     },
     {
-      value: '3',
+      value: '6',
       text: 'Chinese',
     },
     {
-      value: '3',
+      value: '7',
       text: 'Hot Dogs',
     },
   ]
@@ -39,7 +39,7 @@ const SelectMultiple = (props) => {
       <Select
           label="Favorite Food"
           multiple
-          name="food"
+          name="food-multiple"
           options={options}
           {...props}
       />

data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx

@@ -7,12 +7,12 @@ import Button from "../../pb_button/_button"
 const SelectReactHook = (props) => {
   const { register, handleSubmit, formState: { errors } } = useForm({
     defaultValues: {
-      food: '',
+      "food-react-hook": '',
     },
   })
 
   const [submittedData, setSubmittedData] = useState({
-    food: '',
+    "food-react-hook": '',
   })
 
   const onSubmit = (data) => {
@@ -39,8 +39,8 @@ const SelectReactHook = (props) => {
       <form onSubmit={handleSubmit(onSubmit)}>
         <Select
             {...props}
-            {...register("food", { required: true })}
-            error={errors.food ? "Please select a food." : null}
+            {...register("food-react-hook", { required: true })}
+            error={errors["food-react-hook"] ? "Please select a food." : null}
             label="Favorite Food"
             options={options}
         />
@@ -51,7 +51,7 @@ const SelectReactHook = (props) => {
           />
       </form>
       <Body padding="xs"
-          text={`Food: ${submittedData.food}`}
+          text={`Food: ${submittedData["food-react-hook"]}`}
       />
     </>
   )

data/app/pb_kits/playbook/pb_select/docs/_select_required_indicator.jsx

@@ -22,7 +22,7 @@ const SelectRequiredIndicator = () => {
     <div>
       <Select
           label="Favorite Snack"
-          name="food"
+          name="food-required-indicator"
           options={options}
           requiredIndicator
       />

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx

@@ -17,7 +17,7 @@ const languages = [
   { label: 'PHP', value: '1995', category: 'Web Development' },
 ]
 
-const colors = [
+const colorOptions = [
   { label: 'Orange', value: '#FFA500' },
   { label: 'Red', value: '#FF0000' },
   { label: 'Green', value: '#00FF00' },
@@ -51,7 +51,7 @@ const TypeaheadReactHook = (props) => {
       <Typeahead
           label="Colors"
           marginTop="lg"
-          options={colors}
+          options={colorOptions}
           {...props}
           {...register('color')}
       />

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 16.6.0.pre.alpha.emptystatepresets15848
+  version: 16.6.0.pre.alpha.play294216115
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-04-20 00:00:00.000000000 Z
+date: 2026-04-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -193,8 +193,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
-- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading_empty_children.js
 - app/pb_kits/playbook/pb_advanced_table/docs/_playground.json
 - app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_grouped_simple.json
@@ -203,10 +201,10 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_standard_sort.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_styling.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_with_ids.json
-- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_grouped_headers_composition_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading.json
+- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_inline_loading_empty_children.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
@@ -1054,14 +1052,10 @@ files:
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_presets.html.erb
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_presets.jsx
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
 - app/pb_kits/playbook/pb_empty_state/docs/_playground.json
 - app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
-- app/pb_kits/playbook/pb_empty_state/docs/default_image/this_is_fine.svg
-- app/pb_kits/playbook/pb_empty_state/docs/default_image/travolta_lost.gif
 - app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
 - app/pb_kits/playbook/pb_empty_state/docs/example.yml
 - app/pb_kits/playbook/pb_empty_state/docs/index.js
@@ -1776,7 +1770,6 @@ files:
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md
 - app/pb_kits/playbook/pb_pagination/docs/_playground.json
 - app/pb_kits/playbook/pb_pagination/docs/_playground.overrides.json
-- app/pb_kits/playbook/pb_pagination/docs/data.js
 - app/pb_kits/playbook/pb_pagination/docs/example.yml
 - app/pb_kits/playbook/pb_pagination/docs/index.js
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb
@@ -1973,6 +1966,9 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
@@ -2143,7 +2139,6 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.md
 - 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_section_separator/docs/_description.md
 - app/pb_kits/playbook/pb_section_separator/docs/_footer.md
 - app/pb_kits/playbook/pb_section_separator/docs/_playground.json

data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js

@@ -1,200 +0,0 @@
-export const MOCK_DATA_INLINE_LOADING = [
-    {
-      year: "2021",
-      quarter: null,
-      month: null,
-      day: null,
-      newEnrollments: "20",
-      scheduledMeetings: "10",
-      attendanceRate: "51%",
-      completedClasses: "3",
-      classCompletionRate: "33%",
-      graduatedStudents: "19",
-      children: [],
-    },
-    {
-      year: "2022",
-      quarter: null,
-      month: null,
-      day: null,
-      newEnrollments: "25",
-      scheduledMeetings: "17",
-      attendanceRate: "75%",
-      completedClasses: "5",
-      classCompletionRate: "45%",
-      graduatedStudents: "32",
-      children: [
-        {
-          year: "2022",
-          quarter: "Q1",
-          month: null,
-          day: null,
-          newEnrollments: "2",
-          scheduledMeetings: "35",
-          attendanceRate: "32%",
-          completedClasses: "15",
-          classCompletionRate: "52%",
-          graduatedStudents: "36",
-          children: [
-            {
-              year: "2022",
-              quarter: "Q1",
-              month: "January",
-              day: null,
-              newEnrollments: "16",
-              scheduledMeetings: "20",
-              attendanceRate: "11%",
-              completedClasses: "13",
-              classCompletionRate: "47%",
-              graduatedStudents: "28",
-              children: [
-                {
-                  year: "2022",
-                  quarter: "Q1",
-                  month: "January",
-                  day: "15",
-                  newEnrollments: "34",
-                  scheduledMeetings: "28",
-                  attendanceRate: "97%",
-                  completedClasses: "20",
-                  classCompletionRate: "15%",
-                  graduatedStudents: "17",
-                },
-                {
-                  year: "2022",
-                  quarter: "Q1",
-                  month: "January",
-                  day: "25",
-                  newEnrollments: "43",
-                  scheduledMeetings: "23",
-                  attendanceRate: "66%",
-                  completedClasses: "26",
-                  classCompletionRate: "47%",
-                  graduatedStudents: "9",
-                },
-              ],
-            },
-            {
-              year: "2022",
-              quarter: "Q1",
-              month: "May",
-              day: null,
-              newEnrollments: "20",
-              scheduledMeetings: "41",
-              attendanceRate: "95%",
-              completedClasses: "26",
-              classCompletionRate: "83%",
-              graduatedStudents: "43",
-              children: [
-                {
-                  year: "2011",
-                  quarter: "Q1",
-                  month: "May",
-                  day: "2",
-                  newEnrollments: "19",
-                  scheduledMeetings: "35",
-                  attendanceRate: "69%",
-                  completedClasses: "8",
-                  classCompletionRate: "75%",
-                  graduatedStudents: "23",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-    {
-      year: "2023",
-      quarter: null,
-      month: null,
-      day: null,
-      newEnrollments: "10",
-      scheduledMeetings: "15",
-      attendanceRate: "65%",
-      completedClasses: "4",
-      classCompletionRate: "49%",
-      graduatedStudents: "29",
-      children: [
-        {
-          year: "2023",
-          quarter: "Q1",
-          month: null,
-          day: null,
-          newEnrollments: "2",
-          scheduledMeetings: "35",
-          attendanceRate: "32%",
-          completedClasses: "15",
-          classCompletionRate: "52%",
-          graduatedStudents: "36",
-          children: [
-            {
-              year: "2023",
-              quarter: "Q1",
-              month: "March",
-              day: null,
-              newEnrollments: "16",
-              scheduledMeetings: "20",
-              attendanceRate: "11%",
-              completedClasses: "13",
-              classCompletionRate: "47%",
-              graduatedStudents: "28",
-              children: [
-                {
-                  year: "2023",
-                  quarter: "Q1",
-                  month: "March",
-                  day: "10",
-                  newEnrollments: "34",
-                  scheduledMeetings: "28",
-                  attendanceRate: "97%",
-                  completedClasses: "20",
-                  classCompletionRate: "15%",
-                  graduatedStudents: "17",
-                },
-                {
-                  year: "2023",
-                  quarter: "Q1",
-                  month: "March",
-                  day: "11",
-                  newEnrollments: "43",
-                  scheduledMeetings: "23",
-                  attendanceRate: "66%",
-                  completedClasses: "26",
-                  classCompletionRate: "47%",
-                  graduatedStudents: "9",
-                },
-              ],
-            },
-            {
-              year: "2023",
-              quarter: "Q1",
-              month: "April",
-              day: null,
-              newEnrollments: "20",
-              scheduledMeetings: "41",
-              attendanceRate: "95%",
-              completedClasses: "26",
-              classCompletionRate: "83%",
-              graduatedStudents: "43",
-              children: [
-                {
-                  year: "2023",
-                  quarter: "Q1",
-                  month: "April",
-                  day: "15",
-                  newEnrollments: "19",
-                  scheduledMeetings: "35",
-                  attendanceRate: "69%",
-                  completedClasses: "8",
-                  classCompletionRate: "75%",
-                  graduatedStudents: "23",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ]
-  

data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading_empty_children.js

@@ -1,42 +0,0 @@
-export const MOCK_DATA_INLINE_LOADING_EMPTY_CHILDREN = [
-    {
-      year: "2021",
-      quarter: null,
-      month: null,
-      day: null,
-      newEnrollments: "20",
-      scheduledMeetings: "10",
-      attendanceRate: "51%",
-      completedClasses: "3",
-      classCompletionRate: "33%",
-      graduatedStudents: "19",
-      children: [],
-    },
-    {
-      year: "2022",
-      quarter: null,
-      month: null,
-      day: null,
-      newEnrollments: "25",
-      scheduledMeetings: "17",
-      attendanceRate: "75%",
-      completedClasses: "5",
-      classCompletionRate: "45%",
-      graduatedStudents: "32",
-      children: [],
-    },
-    {
-      year: "2023",
-      quarter: null,
-      month: null,
-      day: null,
-      newEnrollments: "10",
-      scheduledMeetings: "15",
-      attendanceRate: "65%",
-      completedClasses: "4",
-      classCompletionRate: "49%",
-      graduatedStudents: "29",
-      children: [],
-    },
-  ]
-  

data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_grouped_headers_composition_mock_data.json

@@ -1,98 +0,0 @@
-[
-  {
-    "id": "1",
-    "year": "2015",
-    "newEnrollments": "12",
-    "scheduledMeetings": "40",
-    "attendanceRate": "62%",
-    "classCompletionRate": "28%"
-  },
-  {
-    "id": "2",
-    "year": "2016",
-    "newEnrollments": "88",
-    "scheduledMeetings": "12",
-    "attendanceRate": "71%",
-    "classCompletionRate": "55%"
-  },
-  {
-    "id": "3",
-    "year": "2017",
-    "newEnrollments": "34",
-    "scheduledMeetings": "67",
-    "attendanceRate": "58%",
-    "classCompletionRate": "41%"
-  },
-  {
-    "id": "4",
-    "year": "2018",
-    "newEnrollments": "05",
-    "scheduledMeetings": "91",
-    "attendanceRate": "44%",
-    "classCompletionRate": "73%"
-  },
-  {
-    "id": "5",
-    "year": "2019",
-    "newEnrollments": "61",
-    "scheduledMeetings": "19",
-    "attendanceRate": "83%",
-    "classCompletionRate": "36%"
-  },
-  {
-    "id": "6",
-    "year": "2020",
-    "newEnrollments": "19",
-    "scheduledMeetings": "54",
-    "attendanceRate": "67%",
-    "classCompletionRate": "62%"
-  },
-  {
-    "id": "7",
-    "year": "2021",
-    "newEnrollments": "73",
-    "scheduledMeetings": "08",
-    "attendanceRate": "52%",
-    "classCompletionRate": "49%"
-  },
-  {
-    "id": "8",
-    "year": "2022",
-    "newEnrollments": "50",
-    "scheduledMeetings": "50",
-    "attendanceRate": "75%",
-    "classCompletionRate": "45%"
-  },
-  {
-    "id": "9",
-    "year": "2023",
-    "newEnrollments": "95",
-    "scheduledMeetings": "03",
-    "attendanceRate": "69%",
-    "classCompletionRate": "81%"
-  },
-  {
-    "id": "10",
-    "year": "2024",
-    "newEnrollments": "27",
-    "scheduledMeetings": "76",
-    "attendanceRate": "91%",
-    "classCompletionRate": "22%"
-  },
-  {
-    "id": "11",
-    "year": "2025",
-    "newEnrollments": "41",
-    "scheduledMeetings": "33",
-    "attendanceRate": "48%",
-    "classCompletionRate": "94%"
-  },
-  {
-    "id": "12",
-    "year": "2026",
-    "newEnrollments": "66",
-    "scheduledMeetings": "66",
-    "attendanceRate": "55%",
-    "classCompletionRate": "58%"
-  }
-]

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_presets.html.erb

@@ -1,14 +0,0 @@
-<%= pb_rails("flex", props: { align: "start", justify: "start", orientation: "column", gap: "xl" }) do %>
-  <%= pb_rails("empty_state", props: {
-    description: "This error was unexpected. Please try again in a moment.",
-    header: "Something went wrong",
-    image: "this_is_fine",
-    primary_button: "Back to home",
-  }) %>
-  <%= pb_rails("empty_state", props: {
-    description: "We could not load this resource. Check the URL or try again later.",
-    header: "We are not sure what happened",
-    image: "travolta_lost",
-    link_button: "Contact support",
-  }) %>
-<% end %>

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_presets.jsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import EmptyState from '../_empty_state'
-import Flex from '../../pb_flex/_flex'
-
-const EmptyStatePresets = (props) => (
-  <Flex align="start"
-      gap="xl"
-      orientation="column"
-  >
-    <EmptyState
-        {...props}
-        description="This error was unexpected. Please try again in a moment."
-        header="Something went wrong"
-        image="this_is_fine"
-        primaryButton="Back to home"
-    />
-    <EmptyState
-        {...props}
-        description="We could not load this resource. Check the URL or try again later."
-        header="We are not sure what happened"
-        image="travolta_lost"
-        linkButton="Contact support"
-    />
-  </Flex>
-)
-
-export default EmptyStatePresets

data/app/pb_kits/playbook/pb_empty_state/docs/default_image/this_is_fine.svg

@@ -1,21 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="This-Is-Fine--Streamline-Memes" height="48" width="48">
-  <desc>
-    This Is Fine Streamline Element: https://streamlinehq.com
-  </desc>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M26.114 37.139c1.314 -0.422 1.896 -0.882 2.638 -2.15" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M11.726 44.394c0 -2.35 0.052 -5.692 0.305 -9.019m11.61 -16.063c1.866 0.475 3.82 1.753 4.843 4.157" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M26.578 32.669c2.365 -1.31 6.05 -2.796 8.844 -2.614m-5.034 13.948c-0.078 -1.642 -0.558 -5.164 -0.789 -6.72 4.062 1.425 9.68 1.069 9.68 -2.758 0 -0.116 0.005 -0.337 0 -0.449" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M27.653 36.382c0.576 0.348 1.237 0.651 1.946 0.9" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M34.17 32.74a3.224 2.638 -11.758 1 0 6.312 -1.314 3.224 2.638 -11.758 1 0 -6.312 1.314" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M23.04 15.784a2.442 2.442 0 0 1 0.7 3.383c-1.22 1.856 -2.515 3.357 -4.302 4.265 -1.793 0.91 -3.746 1.053 -5.9 0.932a2.442 2.442 0 0 1 -2.303 -2.575c0.076 -1.347 1.223 -1.64 2.57 -1.565 1.836 0.103 3.096 0.07 3.75 -0.261 0.66 -0.335 1.83 -1.544 2.879 -3.14 0.74 -1.128 1.479 -1.78 2.606 -1.039Z" clip-rule="evenodd" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="m13.938 20.219 -0.234 -3.244a2.712 2.712 0 0 1 1.276 -2.5v0a2.712 2.712 0 0 1 3.212 0.263l2.275 1.986" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M20.388 16.662c-1.114 -0.27 -2.606 -0.078 -4.06 0.617 -1.035 0.494 -1.883 1.163 -2.463 1.881l0.07 0.977c2.046 0.297 3.364 0.077 4.565 -0.914 0.591 -0.575 1.285 -1.414 1.934 -2.4l0.05 -0.076 -0.096 -0.085Z" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M16.563 30.91a3.615 4.69 0 1 0 7.23 0 3.615 4.69 0 1 0 -7.23 0" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M25.161 27.393a3.615 3.908 0 1 0 7.23 0 3.615 3.908 0 1 0 -7.23 0" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M12.744 24.327c-0.696 1.224 -1.644 2.243 -2.558 3.225 -1.676 1.802 -3.237 3.478 -2.908 6.065 0.456 3.596 4.147 3.122 5.753 0.66 1.838 -2.817 2.145 -7.709 0.577 -9.891a27.982 27.982 0 0 1 -0.57 -0.027 2.769 2.769 0 0 1 -0.294 -0.032Z" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M15.732 40.583s-0.488 2.834 0 4.006" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M17.98 40.779c-0.257 1.792 -0.088 2.584 0.488 3.81" stroke-width="1"></path>
-  <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M3.54 44.274C2.694 43.428 1 39.054 1 35.46c1.407 1.407 2.931 1.563 3.517 1.466 -0.977 -1.433 -2.93 -5.16 -2.93 -8.599 1.563 1.563 3.32 1.953 4.004 1.953C4.29 28 2.172 22.405 4.127 18.262c0 0 1.27 2.639 3.029 3.616C6.765 20.118 14.19 7.71 9.89 3.41c8.109 0 19.835 3.615 21.692 13.874 1.042 -0.488 3.185 -2.052 3.42 -4.397 2.188 3.518 1.888 8.696 1.465 10.846 1.798 -1.173 3.094 -3.55 3.517 -4.592 2.614 3.02 3.953 6.401 2.741 11.567 2.033 -1.172 3.655 -3.91 4.274 -4.528 0.032 3.387 -2.56 14.81 -5.842 18.093" stroke-width="1"></path>
-  <path fill="#000000" fill-rule="evenodd" d="M29.376 26.341a1.432 1.432 0 1 0 0 2.864 1.432 1.432 0 0 0 0 -2.864Z" clip-rule="evenodd" stroke-width="1"></path>
-  <path fill="#000000" fill-rule="evenodd" d="M20.598 29.478a1.432 1.432 0 1 0 0 2.864 1.432 1.432 0 0 0 0 -2.864Z" clip-rule="evenodd" stroke-width="1"></path>
-</svg>

data/app/pb_kits/playbook/pb_pagination/docs/data.js

@@ -1,23 +0,0 @@
-export const data = [
-    ["Value 1", "Value 2", "Value 3", "Value 4", "Value 5"],
-    ["Value 6", "Value 7", "Value 8", "Value 9", "Value 10"],
-    ["Value 11", "Value 12", "Value 13", "Value 14", "Value 15"],
-    ["Value 16", "Value 17", "Value 18", "Value 19", "Value 20"],
-    ["Value 21", "Value 22", "Value 23", "Value 24", "Value 25"],
-    ["Value 26", "Value 27", "Value 28", "Value 29", "Value 30"],
-    ["Value 31", "Value 32", "Value 33", "Value 34", "Value 35"],
-    ["Value 36", "Value 37", "Value 38", "Value 39", "Value 40"],
-    ["Value 41", "Value 42", "Value 43", "Value 44", "Value 45"],
-    ["Value 46", "Value 47", "Value 48", "Value 49", "Value 50"],
-    ["Value 51", "Value 52", "Value 53", "Value 54", "Value 55"],
-    ["Value 56", "Value 57", "Value 58", "Value 59", "Value 60"],
-    ["Value 61", "Value 62", "Value 63", "Value 64", "Value 65"],
-    ["Value 66", "Value 67", "Value 68", "Value 69", "Value 70"],
-    ["Value 71", "Value 72", "Value 73", "Value 74", "Value 75"],
-    ["Value 76", "Value 77", "Value 78", "Value 79", "Value 80"],
-    ["Value 81", "Value 82", "Value 83", "Value 84", "Value 85"],
-    ["Value 86", "Value 87", "Value 88", "Value 89", "Value 90"],
-    ["Value 91", "Value 92", "Value 93", "Value 94", "Value 95"],
-    ["Value 96", "Value 97", "Value 98", "Value 99", "Value 100"],
-  ];
-  

data/app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js

@@ -1,75 +0,0 @@
-export const release = `
-  <div>
-    <div>
-      <strong>Story Background</strong>
-    </div>
-    <div>
-      Follow the{" "}
-      <a href='https://github.com/powerhome/playbook/wiki/Release-Team-Guide'>
-        release process
-      </a>{" "}
-      to create a new version, create a gem, and package. Create a Ninja testing
-      plan, then update Nitro with the new version.
-    </div>
-    <div>
-      <br />
-    </div>
-    <div>
-      <strong>Timeline / Due Date</strong>
-    </div>
-    <div>
-      <em>Release End of business Thursday</em>
-    </div>
-    <div>
-      <em>Testing on Nitro End of business Friday</em>
-    </div>
-    <div>
-      <br />
-    </div>
-    <div>
-      <strong>Definition of done</strong>
-    </div>
-    <ol>
-      <li>Merge all PR’s</li>
-      <li>Update the final CHANGELOG</li>
-      <li>Version up and generate NPM, and RubyGem</li>
-      <li>Create next version branch and milestone</li>
-      <li>Update default branch and branch protection rules&nbsp;</li>
-      <li>Notify Everyone of new version</li>
-      <li>
-        Generate testing plan and pages to test for Ninjas (update runway
-        ticket)
-      </li>
-      <li>Update version on Nitro and get on Demo</li>
-      <li>Send Ninjas demo and runway ticket for testing</li>
-      <li>Ninja Approved + PR Approved</li>
-    </ol>
-    <div>
-      <br />
-    </div>
-    <div>
-      <strong>Stakeholders / Sign-off</strong>
-    </div>
-    <ul>
-      <li>Code Owners</li>
-    </ul>
-    <div>
-      <br />
-      <strong>Cadence</strong>
-      <br />
-      Jason, Jon, Stephen, Jasper, Brendan, Cole
-    </div>
-  </div>
-`
-
-export const changelog = `
-  <div>
-    <strong>Changelog:<br></strong>
-    [INSERT LINK]<br><br>
-    You can test the normal spots of Playbook rails and react on
-    dev docs plus the following:
-  </div>
-  <div>
-    <br>
-  </div>
-`