playbook_ui 11.11.0.pre.alpha.dialog2 → 11.11.0.pre.alpha.paginate1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6aefa801028f30170ea5d693cc2062bb8898282475fcc32c5437ac6e23a7a9cb
-  data.tar.gz: 8460114464053ed808a1c32d8d11a0adb458bddf5e5c12e35c0bf1b5b5db4408
+  metadata.gz: c6b41796c2693b117dbbb0b3f6df657d367060abfd50fc55c4db6e3f1ed6c971
+  data.tar.gz: 7215f63899347c3044650422911ee5224b63f3858591dd5a0a17d555085aca3f
 SHA512:
-  metadata.gz: 0e44b3ebdbe70354baf021f710b215b757ad39c179d3c7548909f51af6387f0a95adf4058c058afe4247e696d32a692a9b417f780992abfa3cbdb9433bcbaf54
-  data.tar.gz: 92fcfdd0bf79e370b8aabeb42a1ef3f52502d05bee52e8f7ecd62a5db02f3e555e491ce7a73e3e2704e68a73d7a42c58b6cc2abae308fdc77894bd39d1fdd91b
+  metadata.gz: 8fb4dd90e9216feb799fdbfd3167d6b5088d7e54843030e916976f512607ecf12f5f09db978ae93b1ebb3d733ffd2e487acbc78996fc4b27d1be710a246ec8e9
+  data.tar.gz: 64fcecd54d4630c3001e5341a0382cb378d0bcad69631c7a5c872513a94592ae1c00d830fe41760fd205ffa6f42e98de9c57e105eccc9ad41ad15cfc1f339e19

data/app/pb_kits/playbook/_playbook.scss

@@ -103,3 +103,5 @@
 @import './utilities/line_height';
 @import './utilities/display';
 @import './utilities/flexbox';
+
+@import 'pb_pagination/pagination';

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

@@ -104,3 +104,4 @@ kits:
     - title_detail
   - user_badge
   - walkthrough
+  - pagination

data/app/pb_kits/playbook/index.js

@@ -52,9 +52,9 @@ export { default as LabelPill } from './pb_label_pill/_label_pill'
 export { default as LabelValue } from './pb_label_value/_label_value'
 export { default as Layout } from './pb_layout/_layout'
 export { default as Legend } from './pb_legend/_legend'
+export { default as Lightbox } from './pb_lightbox/_lightbox'
 export { default as LineGraph } from './pb_line_graph/_line_graph'
 export { default as List } from './pb_list/_list'
-export { default as Lightbox } from './pb_lightbox/_lightbox'
 export { default as ListItem } from './pb_list/_list_item'
 export { default as LoadingInline } from './pb_loading_inline/_loading_inline'
 export { default as Message } from './pb_message/_message'
@@ -63,6 +63,7 @@ export { default as MultipleUsersStacked } from './pb_multiple_users_stacked/_mu
 export { default as Nav } from './pb_nav/_nav'
 export { default as NavItem } from './pb_nav/_item'
 export { default as OnlineStatus } from './pb_online_status/_online_status'
+export { default as Pagination} from './pb_pagination/_pagination'
 export { default as Passphrase } from './pb_passphrase/_passphrase'
 export { default as PbReactPopover } from './pb_popover/_popover'
 export { default as Person } from './pb_person/_person'
@@ -121,4 +122,3 @@ export { default as PbTable } from './pb_table'
 export { default as PbTextarea } from './pb_textarea'
 export { default as PbTooltip } from './pb_tooltip'
 export { default as PbTypeahead } from './pb_typeahead'
-export { default as dialogHelper } from './pb_dialog/dialogHelper'

data/app/pb_kits/playbook/pb_dialog/_dialog.html.erb

@@ -0,0 +1,10 @@
+<%= content_tag(:div,
+    id: object.id,
+    data: object.data,
+    class: object.classname,
+    aria: object.aria,
+    dark: object.dark) do %>
+  <% if object.children %>
+    <%= pb_rails("dialog/dialog_header", props: { children: object.children }) %>
+  <% end %>
+<% end %>

data/app/pb_kits/playbook/pb_dialog/_dialog.scss

@@ -68,7 +68,7 @@
 	$opacity_visible: 1;
 	$opacity_hidden: 0;
 
-	// @include pb_card;
+	@include pb_card;
 	background-color: $white;
 	box-shadow: $shadow_deepest;
 	border: 0;
@@ -167,33 +167,4 @@
 			} 
 		}
 	}
-
-	.dialog-button-class {
-		background-color: unset;
-		border: none;
-		cursor: pointer;
-	}
-	
-}
-
-.pb_dialog_wrapper_rails {
-	.pb_dialog_rails {
-		top: 0 !important;
-		padding: unset !important;
-		margin: auto;
-	
-	}
-	dialog::backdrop {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		background-color: rgba($bg_dark, $opacity_4);
-		animation-name: overlayFade;
-		animation-duration: 0.2s;	
-	}
 }

data/app/pb_kits/playbook/pb_dialog/dialog.rb

@@ -2,17 +2,45 @@
 
 module Playbook
   module PbDialog
-    class Dialog < Playbook::KitBase
+    class Dialog
+      include Playbook::Props
+
+      partial "pb_dialog/dialog"
+
+      prop :ref
+      prop :cancel_button
+      prop :closeable, type: Playbook::Props::Boolean, default: true
+      prop :confirm_button
+      prop :oncancel
+      prop :onchange
+      prop :onclose
+      prop :onconfirm
+      prop :opened, type: Playbook::Props::Boolean, default: false
       prop :size, type: Playbook::Props::Enum,
-                  values: %w[sm md lg xl status_size content],
+                  values: %w[sm md lg content],
                   default: "md"
-      prop :title
       prop :text
-      prop :confirm_button
-      prop :cancel_button
+      prop :title
+      prop :trigger
 
-      def classname
-        generate_classname("pb_dialog pb_dialog_rails pb_dialog_#{size}")
+      def dialog_options
+        {
+          id: id,
+          ref: ref,
+          trigger: trigger,
+          className: classname,
+          cancelButton: cancel_button,
+          closeable: closeable,
+          confirmButton: confirm_button,
+          onCancel: oncancel,
+          onChange: onchange,
+          onClose: onclose,
+          onConfirm: onconfirm,
+          opened: opened,
+          size: size,
+          text: text,
+          title: title,
+        }
       end
     end
   end

data/app/pb_kits/playbook/pb_dialog/dialog_header.rb

@@ -2,11 +2,28 @@
 
 module Playbook
   module PbDialog
-    class DialogHeader < Playbook::KitBase
+    class DialogHeader
+      include Playbook::Props
+
+      partial "pb_dialog/child_kits/dialog_header"
+
+      prop :closeable, type: Playbook::Props::Boolean, default: true
+      prop :padding
+      prop :separator, type: Playbook::Props::Boolean, default: true
+      prop :spacing
+      prop :text
       prop :title
 
-      def classname
-        generate_classname("dialog_header")
+      def dialog_header_options
+        {
+          id: id,
+          closeable: closeable,
+          padding: padding,
+          separator: separator,
+          spacing: spacing,
+          text: text,
+          title: title,
+        }
       end
     end
   end

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

@@ -1,9 +1,6 @@
 examples:
 
   rails:
-  - dialog_default: Simple
-  - dialog_compound_components: Complex
-  - dialog_sizes: Sizes
 
   react:
   - dialog_default: Simple

data/app/pb_kits/playbook/pb_pagination/_pagination.scss

@@ -0,0 +1,52 @@
+@import "tokens/colors";
+@import "tokens/typography";
+@import "tokens/border_radius";
+@import "tokens/shadows";
+
+.pb_pagination {
+  li > a, li > span {
+    border: 0 !important;
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+  li:first-child > a, li:first-child > span  {
+    border-right: 1px solid $border_light !important;
+    z-index: 2;
+  }
+  li:last-child > a, li:last-child > span {
+    border-left: 1px solid $border_light !important;
+    z-index: 2;
+  }
+    border: 1px solid $border_light;
+    background-color: $white;
+  a {
+    color: $text_lt_default !important;
+    font-size: $text_small;
+    font-weight: $bold;
+    border: none;
+    margin-left: 1px;
+    margin-right: 1px;
+
+  &:hover {
+    background-color: $active_light;
+    color: $primary !important;
+    border-radius: $border_rad_light;
+  }
+
+  &:focus {
+    outline: 1px solid $primary !important;
+    border-radius: $border_rad_light;
+    outline-offset: -1px;
+  }
+  }
+    .active > span {
+      background-color: $primary;
+      border-radius: $border_rad_light;
+      margin-left: 1px;
+      margin-right: 1px;
+
+      &:hover {
+        box-shadow: $shadow_deeper;
+      }
+    }
+}

data/app/pb_kits/playbook/pb_pagination/_pagination.tsx

@@ -0,0 +1,41 @@
+
+
+/* @flow */
+
+import React from 'react'
+import classnames from 'classnames'
+import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
+import { globalProps } from '../utilities/globalProps'
+
+type PaginationProps = {
+  aria?: { [key: string]: string },
+  className?: string,
+  data?: { [key: string]: string },
+  id?: string,
+}
+
+const Pagination = (props: PaginationProps) => {
+  const {
+    aria = {},
+  className,
+  data = {},
+  id,
+  } = props
+
+  const ariaProps = buildAriaProps(aria)
+  const dataProps = buildDataProps(data)
+  const classes = classnames(buildCss('pb_pagination'), globalProps(props), className)
+
+  return (
+    <div
+        {...ariaProps}
+        {...dataProps}
+        className={classes}
+        id={id}
+    >
+      {className}
+    </div>
+  )
+}
+
+export default Pagination

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

@@ -0,0 +1 @@
+<%= pb_rails("pagination") %>

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

@@ -0,0 +1,12 @@
+import React from 'react'
+import Pagination from '../_pagination'
+
+const PaginationDefault = (props) => (
+  <div>
+    <Pagination
+        {...props}
+    />
+  </div>
+)
+
+export default PaginationDefault

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

@@ -0,0 +1,9 @@
+examples:
+  
+  rails:
+  - pagination_default: Default
+  
+  
+  react:
+  - pagination_default: Default
+  

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

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

data/app/pb_kits/playbook/pb_pagination/pagination.html.erb

@@ -0,0 +1,7 @@
+<%= content_tag(:div,
+    aria: object.aria,
+    class: object.classname,
+    data: object.data,
+    id: object.id) do %>
+  <span>PAGINATION CONTENT</span>
+<% end %>

data/app/pb_kits/playbook/pb_pagination/pagination.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbPagination
+    class Pagination < ::Playbook::KitBase
+    end
+  end
+end

data/app/pb_kits/playbook/pb_pagination/pagination.test.jsx

@@ -0,0 +1,17 @@
+import { renderKit } from '../utilities/test-utils'
+
+import { Pagination } 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 props = {
+    data: { testid: 'default' }
+  }
+
+  const kit = renderKit(Pagination , props)
+  expect(kit).toBeInTheDocument()
+})

data/app/pb_kits/playbook/playbook-doc.js

@@ -60,6 +60,7 @@ import * as MultipleUsers from 'pb_multiple_users/docs'
 import * as MultipleUsersStacked from 'pb_multiple_users_stacked/docs'
 import * as Nav from 'pb_nav/docs'
 import * as OnlineStatus from 'pb_online_status/docs'
+import * as Pagination from 'pb_pagination/docs'
 import * as Passphrase from 'pb_passphrase/docs'
 import * as PbReactPopover from 'pb_popover/docs'
 import * as Person from 'pb_person/docs'
@@ -157,6 +158,7 @@ WebpackerReact.setup({
   ...MultipleUsersStacked,
   ...Nav,
   ...OnlineStatus,
+  ...Pagination,
   ...Passphrase,
   ...PbReactPopover,
   ...Person,

data/app/pb_kits/playbook/playbook-rails.js

@@ -9,10 +9,6 @@ import './pb_form/pb_form_validation'
 import datePickerHelper from './pb_date_picker/date_picker_helper'
 window.datePickerHelper = datePickerHelper
 
-// Dialog
-import dialogHelper from './pb_dialog/dialogHelper'
-window.dialogHelper = dialogHelper
-
 // Lazy image loading
 import 'lazysizes'
 

data/lib/playbook/pagination/pagination_renderer.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+module Playbook
+  class LinkRenderer < WillPaginate::ActionView::LinkRenderer
+    def container_attributes
+      { class: "pb_pagination pagination" }
+    end
+
+    def page_number(page)
+      if page == current_page
+        tag("li", tag("span", page), class: "active")
+      else
+        tag("li", link(page, page, rel: rel_value(page)))
+      end
+    end
+
+    def previous_or_next_page(page, text, classname)
+      if page
+        tag("li", link(text, page), class: classname)
+      else
+        tag("li", tag("span", text), class: "%s disabled")
+      end
+    end
+
+    def gap
+      tag("li", tag("span", "&hellip;"), class: "disabled")
+    end
+
+    def previous_page
+      num = @collection.current_page > 1 && @collection.current_page - 1
+      previous_or_next_page(num, "<i class='far fa-chevron-left'></i>", "prev")
+    end
+
+    def next_page
+      num = @collection.current_page < @collection.total_pages && @collection.current_page + 1
+      previous_or_next_page(num, "<i class='far fa-chevron-right'></i>", "next")
+    end
+  end
+end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "11.11.0"
-  VERSION = "11.11.0.pre.alpha.dialog2"
+  VERSION = "11.11.0.pre.alpha.paginate1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.11.0.pre.alpha.dialog2
+  version: 11.11.0.pre.alpha.paginate1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-11-11 00:00:00.000000000 Z
+date: 2022-11-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -808,26 +808,18 @@ files:
 - 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.tsx
+- app/pb_kits/playbook/pb_dialog/_dialog.html.erb
 - app/pb_kits/playbook/pb_dialog/_dialog.scss
 - app/pb_kits/playbook/pb_dialog/_dialog.tsx
 - app/pb_kits/playbook/pb_dialog/_dialog_context.tsx
 - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
 - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx
 - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx
-- app/pb_kits/playbook/pb_dialog/dialog.html.erb
 - app/pb_kits/playbook/pb_dialog/dialog.rb
 - app/pb_kits/playbook/pb_dialog/dialog.test.jsx
-- app/pb_kits/playbook/pb_dialog/dialogHelper.js
-- app/pb_kits/playbook/pb_dialog/dialog_body.html.erb
-- app/pb_kits/playbook/pb_dialog/dialog_body.rb
-- app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb
-- app/pb_kits/playbook/pb_dialog/dialog_footer.rb
-- app/pb_kits/playbook/pb_dialog/dialog_header.html.erb
 - app/pb_kits/playbook/pb_dialog/dialog_header.rb
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb
 - 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.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.md
@@ -839,7 +831,6 @@ files:
 - 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.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.md
@@ -1442,6 +1433,15 @@ files:
 - app/pb_kits/playbook/pb_online_status/docs/index.js
 - app/pb_kits/playbook/pb_online_status/online_status.html.erb
 - app/pb_kits/playbook/pb_online_status/online_status.rb
+- app/pb_kits/playbook/pb_pagination/_pagination.scss
+- app/pb_kits/playbook/pb_pagination/_pagination.tsx
+- app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
+- app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx
+- app/pb_kits/playbook/pb_pagination/docs/example.yml
+- app/pb_kits/playbook/pb_pagination/docs/index.js
+- app/pb_kits/playbook/pb_pagination/pagination.html.erb
+- app/pb_kits/playbook/pb_pagination/pagination.rb
+- app/pb_kits/playbook/pb_pagination/pagination.test.jsx
 - app/pb_kits/playbook/pb_passphrase/_passphrase.jsx
 - app/pb_kits/playbook/pb_passphrase/_passphrase.scss
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb
@@ -2299,6 +2299,7 @@ files:
 - lib/playbook/markdown/template_handler.rb
 - lib/playbook/number_spacing.rb
 - lib/playbook/order.rb
+- lib/playbook/pagination/pagination_renderer.rb
 - lib/playbook/pb_doc_helper.rb
 - lib/playbook/pb_forms_helper.rb
 - lib/playbook/pb_kit_helper.rb

data/app/pb_kits/playbook/pb_dialog/dialog.html.erb

@@ -1,28 +0,0 @@
-<div class="pb_dialog_wrapper_rails">
-    <%= content_tag(:dialog,
-        aria: object.aria,
-        data: object.data,
-        id: object.id,
-        class: object.classname) do %>
-            <% if object.title %>
-                <%= pb_rails("dialog/dialog_header", props: {title: object.title, id: object.id }) %>
-            <% end %>
-            <% if object.text %>
-                <%= pb_rails("dialog/dialog_body", props: { text: object.text }) %>
-            <% end %>
-            <% if object.cancel_button && object.confirm_button %>
-                <%= pb_rails("dialog/dialog_footer", props: {
-                    cancel_button: object.cancel_button, 
-                    confirm_button: object.confirm_button,
-                    id: object.id
-                }) %>
-            <% end %>
-            <%= content %>
-    <% end %>
-</div>
-
-<%= javascript_tag do %>
-    window.addEventListener("DOMContentLoaded", () => {      
-        dialogHelper()
-    })
-  <% end %>

data/app/pb_kits/playbook/pb_dialog/dialogHelper.js

@@ -1,21 +0,0 @@
-const dialogHelper = () => {
-  const openTrigger = document.querySelectorAll("[data-open-dialog]");
-  const closeTrigger = document.querySelectorAll("[data-close-dialog]");
-
-  openTrigger.forEach((open) => {
-    open.addEventListener("click", () => {
-      var openTriggerData = open.dataset.openDialog;
-      if (document.getElementById(openTriggerData).open) return;
-      document.getElementById(openTriggerData).showModal();
-    });
-  });
-
-  closeTrigger.forEach((close) => {
-    close.addEventListener("click", () => {
-      var closeTriggerData = close.dataset.closeDialog;
-      document.getElementById(closeTriggerData).close();
-    });
-  });
-};
-
-export default dialogHelper;

data/app/pb_kits/playbook/pb_dialog/dialog_body.html.erb

@@ -1,7 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    class: object.classname,
-    aria: object.aria) do %>
-        <%= content.presence || object.text %>
-<% end %>

data/app/pb_kits/playbook/pb_dialog/dialog_body.rb

@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbDialog
-    class DialogBody < Playbook::KitBase
-      prop :text
-
-      def classname
-        generate_classname("dialog_body p_sm")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb

@@ -1,13 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    aria: object.aria) do %>
-    <%= pb_rails("flex", props: { classname:object.classname, spacing:"between", padding_x:"sm", padding:"sm", padding_bottom:"sm" }) do %>
-        <%= pb_rails("button", props: { type: "submit", id: object.confirm_button_id }) do %>
-            <%= object.confirm_button %>
-        <% end %>
-        <%= pb_rails("button", props: { data: {"close-dialog": "#{object.id}" }, id: object.cancel_button_id, variant: "link"}) do %>
-            <%= object.cancel_button %>
-        <% end %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_dialog/dialog_footer.rb

@@ -1,16 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbDialog
-    class DialogFooter < Playbook::KitBase
-      prop :cancel_button
-      prop :confirm_button
-      prop :confirm_button_id
-      prop :cancel_button_id
-
-      def classname
-        generate_classname("dialog_footer")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb

@@ -1,13 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    aria: object.aria) do %>
-        <%= pb_rails("flex", props: {classname:object.classname, spacing:"between", padding:"sm", align:"center"}) do %>
-            <%= content.presence || object.title %>
-            
-            <button class="dialog-button-class" data-close-dialog= <%= object.id %> >
-                <%= pb_rails("icon", props:{icon: "times"}) %>
-            </button>
-        <% end %>
-        <%= pb_rails("section_separator") %>
-<% end %>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb

@@ -1,12 +0,0 @@
-<%= pb_rails("button", props: { text: "Open Complex Dialog", data:{"open-dialog": "dialog-complex"} }) %>
-
-<%= pb_rails("dialog", props: { id:"dialog-complex", size: "lg" }) do %>
-    <%= pb_rails("dialog/dialog_header", props: { id: "dialog-complex" } ) do %>
-        <%= pb_rails("caption", props: { text: "This is a complex dialog" }) %>
-    <% end %>
-    <%= pb_rails("dialog/dialog_body") do %>
-        <%= pb_rails("caption", props: { text: "Description", margin_bottom: "xs" }) %>
-        <%= pb_rails("rich_text_editor", props: {id: "default", value: "Add your text here"}) %>
-    <% end %>
-    <%= pb_rails("dialog/dialog_footer", props: {cancel_button: "Cancel", confirm_button: "Confirm", confirm_button_id:"confirm-complex", id: "dialog-complex"}) %>
-<% end %>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.html.erb

@@ -1,11 +0,0 @@
-<%= pb_rails("button", props: { text: "Open Dialog", data: {"open-dialog": "dialog-1"} }) %>
-
-<%= pb_rails("dialog", props: { 
-    id:"dialog-1", 
-    size: "sm", 
-    title: "This is a header", 
-    text: "This is a dialog.", 
-    cancel_button: "Cancel", 
-    confirm_button: "Confirm", 
-    confirm_button_id: "confirm-button-1"
-}) %>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.html.erb

@@ -1,29 +0,0 @@
-<%= pb_rails("button", props: { text: "Small Dialog", data:{"open-dialog": "dialog-sm"} }) %>
-<%= pb_rails("button", props: { text: "Medium Dialog", data:{"open-dialog": "dialog-md"} }) %>
-<%= pb_rails("button", props: { text: "Large Dialog", data:{"open-dialog": "dialog-lg"} }) %>
-
-<%= pb_rails("dialog", props: { 
-    id:"dialog-sm", 
-    size: "sm", 
-    title: "This is a header",
-    text: "I am a small dialog",
-    cancel_button: "Cancel", 
-    confirm_button: "Confirm", 
-   }) %>
-
-
-<%= pb_rails("dialog", props: { 
-    id:"dialog-md", 
-    size: "md",
-    title: "This is a header",
-    text: "I am a medium dialog",
-    cancel_button: "Cancel", confirm_button: "Confirm", 
-     })  %>
-     
-<%= pb_rails("dialog", props: { 
-    id:"dialog-lg", size: "lg",
-    title: "This is a header",
-    text: "I am a large dialog",
-    cancel_button: "Cancel", 
-    confirm_button: "Confirm"
-     }) %>