playbook_ui 4.9.0 → 4.10.0.pre.alpha1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2efde50eecbf0220c77d407beee2d9a06df001f526934bdc8acf7bf0078b4aa8
-  data.tar.gz: 01c79e37dcd31369d0a55a4a8588b103fa51c4115f8401ab1b53078bbe3ec9cd
+  metadata.gz: 822aa776d4b572ec04010a1c54d060c0b9975ee565bfec3f3bf82886b5b7fa5a
+  data.tar.gz: e176ab84d286666601b1f7d9270ecc8d7ead898b99973a2f34b9bd09326d8f75
 SHA512:
-  metadata.gz: d12d4271e8402ffa8717d1fee0dd276f565a0b254cea4e6567ee80c000fe3a271da72eb3e1a474b9cd7857d4d600e1b8b064af1aaed9c6e715935f87d477d11b
-  data.tar.gz: 86ca4495e6464009c0456cba66a2f4dc04e0f44a0ee1009abfd9b9816350e2267d46ea4fc14895f654523f9877977ead9d2a0a9ce14555b09b02bea73a1857d7
+  metadata.gz: 477364c0051123cf780f7f2c30dd5264cf70159c6237767127c46d4b976115f0402de8e263947d39e3df6838f932be6e85b401900ffb106b832e8c830764203d
+  data.tar.gz: 95cbb74e8d2f121719565638155a4e4a1691409448c91185691ef9ecdfcf6b924e726055be807fe17393342f77e8c72d14282e0672ebeb01fe9b9af92fe3f67e

data/app/controllers/playbook/pages_controller.rb

@@ -6,6 +6,7 @@ require "yaml"
 module Playbook
   class PagesController < ApplicationController
     before_action :set_kit, only: %i[kit_show_rails kit_show_react]
+    before_action :ensure_rails_kit_exists, only: %i[kit_show_rails]
     before_action :set_category, only: %i[kit_category_show_rails kit_category_show_react]
 
     def home; end
@@ -64,5 +65,12 @@ module Playbook
         redirect_to root_path, flash: { error: "That kit does not exist" }
       end
     end
+
+    def ensure_rails_kit_exists
+      # TODO: unsure why we cannot simply use the helpers that are included in ApplicationController - fix this
+      erbfiles = File.join("**", "*.erb")
+      kit_files = Dir.glob(erbfiles, base: "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit}/docs").present?
+      redirect_to action: "kit_show_react" unless kit_files.present?
+    end
   end
 end

data/app/helpers/playbook/pb_doc_helper.rb

@@ -9,9 +9,11 @@ module Playbook
     def has_kit_type?(kit, type)
       type ||= "rails"
       if type == "rails"
-        Dir["playbook/pb_#{kit}/*.html.erb"].empty?
+        erbfiles = File.join("**", "*.erb")
+        Dir.glob(erbfiles, base: "#{kit_path(kit)}/docs").present?
       elsif type == "react"
-        Dir["playbook/pb_#{kit}/*.jsx"].empty?
+        jsxfiles = File.join("**", "*.jsx")
+        Dir.glob(jsxfiles, base: "#{kit_path(kit)}/docs").present?
       end
     end
 
@@ -23,6 +25,10 @@ module Playbook
       end
     end
 
+    def kit_path(kit)
+      "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{kit}"
+    end
+
     def get_kit_description(kit)
       filename = "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit}/docs/_description.md"
       read_file(filename)

data/app/pb_kits/playbook/_playbook.scss

@@ -65,4 +65,5 @@
 @import 'pb_typeahead/typeahead';
 @import 'pb_user/user';
 @import 'pb_user_badge/user_badge';
+@import 'pb_file_upload/file_upload';
 @import 'pb_filter/filter';

data/app/pb_kits/playbook/data/menu.yml

@@ -17,6 +17,7 @@ kits:
   - fixed_confirmation_toast
   - flex
   - forms:
+    - file_upload
     - form
     - form_pill
     - radio
@@ -74,3 +75,4 @@ kits:
     - title_detail
   - user
   - user_badge
+

data/app/pb_kits/playbook/index.js

@@ -17,6 +17,7 @@ export DateRangeStacked from './pb_date_range_stacked/_date_range_stacked.jsx'
 export DateStacked from './pb_date_stacked/_date_stacked.jsx'
 export DateYearStacked from './pb_date_year_stacked/_date_year_stacked.jsx'
 export DistributionBar from './pb_distribution_bar/_distribution_bar.jsx'
+export FileUpload from './pb_file_upload/_file_upload.jsx'
 export Filter from './pb_filter/_filter.jsx'
 export FixedConfirmationToast from './pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx'
 export Flex from './pb_flex/_flex.jsx'

data/app/pb_kits/playbook/packs/examples.js

@@ -31,6 +31,7 @@ import * as DateRangeStacked from 'pb_date_range_stacked/docs'
 import * as DateStacked from 'pb_date_stacked/docs'
 import * as DateYearStacked from 'pb_date_year_stacked/docs'
 import * as DistributionBar from 'pb_distribution_bar/docs'
+import * as FileUpload from 'pb_file_upload/docs'
 import * as Filter from 'pb_filter/docs'
 import * as FixedConfirmationToast from 'pb_fixed_confirmation_toast/docs'
 import * as Flex from 'pb_flex/docs'
@@ -99,6 +100,7 @@ WebpackerReact.setup({
   ...DateStacked,
   ...DateYearStacked,
   ...DistributionBar,
+  ...FileUpload,
   ...Filter,
   ...FixedConfirmationToast,
   ...Flex,

data/app/pb_kits/playbook/pb_file_upload/_file_upload.jsx

@@ -0,0 +1,60 @@
+/* @flow */
+
+import React, { useCallback } from 'react'
+import { useDropzone } from 'react-dropzone'
+
+import {
+  buildCss,
+  noop,
+} from '../utilities/props'
+
+import type { Callback } from '../types.js'
+
+import {
+  Body,
+  Card,
+} from '..'
+
+type FileUploadProps = {
+  acceptedFiles?: FileList,
+  className?: String,
+  onFilesAccepted: Callback,
+}
+
+const FileUpload = ({
+  acceptedFiles = [],
+  className,
+  onFilesAccepted = noop,
+}: FileUploadProps) => {
+  const onDrop = useCallback((files) => {
+    onFilesAccepted(files)
+  })
+
+  const {
+    getRootProps,
+    getInputProps,
+    isDragActive,
+  } = useDropzone({ onDrop })
+
+  return (
+    <div
+        className={buildCss('pb_file_upload_kit', className)}
+        {...getRootProps()}
+    >
+      <Card>
+        <input {...getInputProps()} />
+        <Body
+            color="light"
+        >
+          <If condition={isDragActive}>
+            <p>{'Drop the files here ...'}</p>
+            <Else />
+            <p>{'Drag & drop some files here, or click to select files'}</p>
+          </If>
+        </Body>
+      </Card>
+    </div>
+  )
+}
+
+export default FileUpload

data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss

@@ -0,0 +1,6 @@
+[class^='pb_file_upload_kit'] {
+  [class^='pb_card_kit'] {
+    border: 1px #ccc dashed;
+    text-align: center;
+  }
+}

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx

@@ -0,0 +1,34 @@
+import React, { useState } from 'react'
+import {
+  FileUpload,
+  List,
+  ListItem,
+} from '../..'
+
+const AcceptedFilesList = ({files}: FileList) => (
+  <List>
+    {files.map(file => (
+      <ListItem key={file.name}>{file.name}</ListItem>
+    ))}
+  </List>
+)
+
+const FileUploadDefault = () => {
+  const [filesToUpload, setFilesToUpload] = useState([])
+
+  const handleOnFilesAccepted = files => {
+    setFilesToUpload([...filesToUpload, ...files])
+  }
+
+  return (
+    <div>
+      <AcceptedFilesList files={filesToUpload} />
+      <FileUpload
+          acceptedFiles={filesToUpload}
+          onFilesAccepted={handleOnFilesAccepted}
+      />
+    </div>
+  )
+}
+
+export default FileUploadDefault

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

@@ -0,0 +1,7 @@
+examples:
+
+  rails:
+  
+  react:
+  - file_upload_default: Default List of Files to Upload
+  

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

@@ -0,0 +1 @@
+export { default as FileUploadDefault } from './_file_upload_default.jsx'

data/app/pb_kits/playbook/pb_file_upload/file_upload.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbFileUpload
+    class FileUpload
+      include Playbook::Props
+
+      partial "pb_file_upload/file_upload"
+    end
+  end
+end

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

@@ -6,5 +6,3 @@ examples:
   - filter_no_background: No Background
   
   react:
-  - filter_default: Default
-  

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

@@ -1 +0,0 @@
-export { default as FilterDefault } from './_filter_default.jsx'

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

@@ -5,5 +5,3 @@ examples:
   
   
   react:
-  - label_pill_default: Default
-  

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

@@ -1 +0,0 @@
-export { default as LabelPillDefault } from './_label_pill_default.jsx'

data/app/pb_kits/playbook/pb_label_value/_label_value.jsx

@@ -1,21 +1,38 @@
+/* @flow */
+
 import React from 'react'
-import PropTypes from 'prop-types'
+import classnames from 'classnames'
+import { Body, Caption } from '../'
 
-const propTypes = {
-  className: PropTypes.string,
-  id: PropTypes.string,
+type LabelValueProps = {
+  className?: String,
+  label: String,
+  value: String,
+  dark?: Boolean
 }
 
-class LabelValue extends React.Component {
-  render() {
-    return (
-      <div className="pb_label_value">
-        <span>{'LABEL VALUE CONTENT'}</span>
-      </div>
-    )
-  }
-}
+const LabelValue = ({
+  className,
+  label,
+  value,
+  dark = false,
+}: LabelValueProps) => {
+  const themeStyle = dark === true ? '_dark' : ''
+  const css = classnames([
+    'pb_label_value_kit' + themeStyle,
+    className,
+  ])
 
-LabelValue.propTypes = propTypes
+  return (
+    <div className={css}>
+      <Caption
+          text={label}
+      />
+      <Body
+          text={value}
+      />
+    </div>
+  )
+}
 
 export default LabelValue

data/app/pb_kits/playbook/pb_label_value/_label_value.scss

@@ -6,4 +6,12 @@
   [class^=pb_caption_kit]  {
     margin-bottom: $space-xs/1.5;
   }
+  &[class*=_dark]  {
+    [class^=pb_caption_kit] {
+      color: $text_dk_light;
+    }
+    [class^=pb_body_kit] {
+      color: $text_dk_default;
+    }
+  }
 }

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.html.erb

@@ -0,0 +1,24 @@
+<%= pb_rails("label_value", props: {
+  label: "Role",
+  value: "Administrator, Moderator",
+  dark: true
+}) %>
+
+<br>
+
+<%= pb_rails("label_value", props: {
+  label: "Email",
+  value: "anna.black@powerhrg.com",
+  dark: true
+}) %>
+
+<br>
+
+<%= pb_rails("label_value", props: {
+  label: "Bio",
+  value: "Proin pulvinar feugiat massa in luctus. Donec urna nulla,
+    elementum sit amet tincidunt nec, mattis nec urna. Cras viverra
+    lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae
+    orci vehicula condimentum.",
+  dark: true
+}) %>

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.jsx

@@ -0,0 +1,35 @@
+import React from 'react'
+import { LabelValue } from '../../'
+
+const LabelValueDark = () => {
+  return (
+    <div>
+      <LabelValue
+          dark
+          label="Role"
+          value="Administrator, Moderator"
+      />
+
+      <br />
+
+      <LabelValue
+          dark
+          label="Email"
+          value="anna.black@powerhrg.com"
+      />
+
+      <br />
+
+      <LabelValue
+          dark
+          label="Bio"
+          value="Proin pulvinar feugiat massa in luctus. Donec urna nulla,
+            elementum sit amet tincidunt nec, mattis nec urna. Cras viverra
+            lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae
+            orci vehicula condimentum"
+      />
+    </div>
+  )
+}
+
+export default LabelValueDark

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx

@@ -1,8 +1,31 @@
 import React from 'react'
+import { LabelValue } from '../../'
 
 const LabelValueDefault = () => {
   return (
-    <h1>{'Coming Soon...'}</h1>
+    <div>
+      <LabelValue
+          label="Role"
+          value="Administrator, Moderator"
+      />
+
+      <br />
+
+      <LabelValue
+          label="Email"
+          value="anna.black@powerhrg.com"
+      />
+
+      <br />
+
+      <LabelValue
+          label="Bio"
+          value="Proin pulvinar feugiat massa in luctus. Donec urna nulla,
+            elementum sit amet tincidunt nec, mattis nec urna. Cras viverra
+            lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae
+            orci vehicula condimentum"
+      />
+    </div>
   )
 }
 

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

@@ -2,8 +2,9 @@ examples:
   
   rails:
   - label_value_default: Default
+  - label_value_dark: Dark
   
   
   react:
   - label_value_default: Default
-  
+  - label_value_dark: Dark

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

@@ -1 +1,2 @@
 export { default as LabelValueDefault } from './_label_value_default.jsx'
+export { default as LabelValueDark } from './_label_value_dark.jsx'

data/app/pb_kits/playbook/pb_label_value/label_value.rb

@@ -9,9 +9,16 @@ module Playbook
 
       prop :label, required: true
       prop :value, required: true
+      prop :dark, type: Playbook::Props::Boolean, default: false
 
       def classname
-        generate_classname("pb_label_value_kit")
+        generate_classname("pb_label_value_kit", dark_class)
+      end
+
+    private
+
+      def dark_class
+        dark ? "dark" : nil
       end
     end
   end

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

@@ -3,7 +3,5 @@ examples:
   rails:
   - online_status_default: Default
   
-  
   react:
-  - online_status_default: Default
-  
+  

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

@@ -1 +0,0 @@
-export { default as OnlineStatusDefault } from './_online_status_default.jsx'

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

@@ -7,4 +7,3 @@ examples:
 
 
   react:
-  - source_default: Default

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

@@ -1 +0,0 @@
-export { default as SourceDefault } from './_source_default.jsx'

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

@@ -6,4 +6,3 @@ examples:
 
 
   react:
-  - star_rating_default: Default

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

@@ -1 +0,0 @@
-export { default as StarRatingDefault } from './_star_rating_default.jsx'

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

@@ -5,4 +5,3 @@ examples:
   - time_timestamp: Timestamp Values
 
   react:
-  - time_default: Default

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

@@ -1 +0,0 @@
-export { default as TimeDefault } from './_time_default.jsx'

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

@@ -5,5 +5,3 @@ examples:
   
   
   react:
-  - timestamp_default: Default
-  

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

@@ -1 +0,0 @@
-export { default as TimestampDefault } from './_timestamp_default.jsx'

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

@@ -5,5 +5,3 @@ examples:
   
   
   react:
-  - title_detail_default: Default
-  

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

@@ -1 +0,0 @@
-export { default as TitleDetailDefault } from './_title_detail_default.jsx'

data/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 4.9.0
+  version: 4.10.0.pre.alpha1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-03-27 00:00:00.000000000 Z
+date: 2020-04-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -757,11 +757,16 @@ files:
 - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.js
 - app/pb_kits/playbook/pb_enhanced_element/index.js
+- app/pb_kits/playbook/pb_file_upload/_file_upload.jsx
+- app/pb_kits/playbook/pb_file_upload/_file_upload.scss
+- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
+- app/pb_kits/playbook/pb_file_upload/docs/example.yml
+- app/pb_kits/playbook/pb_file_upload/docs/index.js
+- app/pb_kits/playbook/pb_file_upload/file_upload.rb
 - app/pb_kits/playbook/pb_filter/_filter.html.erb
 - app/pb_kits/playbook/pb_filter/_filter.jsx
 - app/pb_kits/playbook/pb_filter/_filter.scss
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
-- app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
 - app/pb_kits/playbook/pb_filter/docs/example.yml
@@ -952,7 +957,6 @@ files:
 - app/pb_kits/playbook/pb_label_pill/docs/_description.md
 - app/pb_kits/playbook/pb_label_pill/docs/_footer.md
 - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.html.erb
-- app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx
 - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.md
 - app/pb_kits/playbook/pb_label_pill/docs/example.yml
 - app/pb_kits/playbook/pb_label_pill/docs/index.js
@@ -962,6 +966,8 @@ files:
 - app/pb_kits/playbook/pb_label_value/_label_value.scss
 - app/pb_kits/playbook/pb_label_value/docs/_description.md
 - app/pb_kits/playbook/pb_label_value/docs/_footer.md
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.html.erb
+- app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.jsx
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.html.erb
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.md
@@ -1116,7 +1122,6 @@ files:
 - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
 - app/pb_kits/playbook/pb_online_status/docs/_description.md
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
-- app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
 - app/pb_kits/playbook/pb_online_status/docs/example.yml
 - app/pb_kits/playbook/pb_online_status/docs/index.js
 - app/pb_kits/playbook/pb_online_status/online_status.rb
@@ -1294,7 +1299,6 @@ files:
 - app/pb_kits/playbook/pb_source/_source.scss
 - app/pb_kits/playbook/pb_source/docs/_description.md
 - app/pb_kits/playbook/pb_source/docs/_source_default.html.erb
-- app/pb_kits/playbook/pb_source/docs/_source_default.jsx
 - app/pb_kits/playbook/pb_source/docs/_source_noicon.html.erb
 - app/pb_kits/playbook/pb_source/docs/_source_types.html.erb
 - app/pb_kits/playbook/pb_source/docs/example.yml
@@ -1305,7 +1309,6 @@ files:
 - app/pb_kits/playbook/pb_star_rating/_star_rating.scss
 - app/pb_kits/playbook/pb_star_rating/docs/_description.md
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb
-- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb
 - app/pb_kits/playbook/pb_star_rating/docs/example.yml
 - app/pb_kits/playbook/pb_star_rating/docs/index.js
@@ -1425,7 +1428,6 @@ files:
 - app/pb_kits/playbook/pb_time/docs/_description.md
 - app/pb_kits/playbook/pb_time/docs/_footer.md
 - app/pb_kits/playbook/pb_time/docs/_time_default.html.erb
-- app/pb_kits/playbook/pb_time/docs/_time_default.jsx
 - app/pb_kits/playbook/pb_time/docs/_time_default.md
 - app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb
 - app/pb_kits/playbook/pb_time/docs/example.yml
@@ -1439,7 +1441,6 @@ files:
 - app/pb_kits/playbook/pb_timestamp/docs/_footer.md
 - app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/example.yml
 - app/pb_kits/playbook/pb_timestamp/docs/index.js
 - app/pb_kits/playbook/pb_timestamp/timestamp.rb
@@ -1473,7 +1474,6 @@ files:
 - app/pb_kits/playbook/pb_title_detail/docs/_description.md
 - app/pb_kits/playbook/pb_title_detail/docs/_footer.md
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.html.erb
-- app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md
 - app/pb_kits/playbook/pb_title_detail/docs/example.yml
 - app/pb_kits/playbook/pb_title_detail/docs/index.js
@@ -1640,9 +1640,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: 
 rubygems_version: 2.7.3

data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const FilterDefault = () => (
-  <div>
-    <h1>{'Coming Soon!'}</h1>
-  </div>
-)
-
-export default FilterDefault

data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const LabelPillDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default LabelPillDefault

data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const OnlineStatusDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default OnlineStatusDefault

data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const SourceDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default SourceDefault

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const StarRatingDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default StarRatingDefault

data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const TimeDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default TimeDefault

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const TimestampDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default TimestampDefault

data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const TitleDetailDefault = () => {
-  return (
-    <h1>{'Coming Soon...'}</h1>
-  )
-}
-
-export default TitleDetailDefault