playbook_ui_docs 12.30.1.pre.alpha.hovertesting914 → 12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a2c84a0f873091b410667661f624c3442f12d15480ac3924edd26c5506fb94ee
-  data.tar.gz: 65413a134f6f67b7457d0c0bd9f7aac74b2f6941f6a51982f602b540826dfb36
+  metadata.gz: 9563fd33f156c98dd84f913cee23bbc986f5e02529dff220d324522be2783271
+  data.tar.gz: ac523f3ec087831f17271ec02958e3621d8bef7f32d2c36fafae6a55beb9745d
 SHA512:
-  metadata.gz: 40d33fed824218bbe468c471ebe203a98d58f5b3ab767c15b160733241901902180d9a1bff66e0bbf9766754604438f06657fe8a16dab106cb81712b2691f685
-  data.tar.gz: 642057447b511fc6ab2fd0950c4f3bf204ea25770d15027dde879b9ab99c9b44a83263f4beb57d74dfbda518629b60438f57b320240def03c97b24f98e6f5cb8
+  metadata.gz: b340d90a69b359dcb398269d19978c986a67515244905072f420db805f15493b064772b97e6b5ca5ad50bc2a1a5b67396f40c0f653933691f7728638c9ee2c4f
+  data.tar.gz: 22914b97d57f4b986881b9ac8766805125ec69f38f8969e3f7d99e1d3eafc86257ae29ce19693214c9c09172bda6b0efcf968b435a3adc3275441774fdeb0057

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

@@ -21,4 +21,3 @@ examples:
   - button_options: Button Additional Options (onClick)
   - button_size: Button Size
   - button_form: Button Form Attribute
-  - button_hover: Button Hover

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

@@ -8,4 +8,3 @@ export { default as ButtonAccessibility } from './_button_accessibility.jsx'
 export { default as ButtonOptions } from './_button_options.jsx'
 export { default as ButtonSize } from './_button_size.jsx'
 export { default as ButtonForm } from './_button_form.jsx'
-export { default as ButtonHover } from './_button_hover.jsx'

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { Collapsible } from '../..'
 
 const CollapsibleDefault = () => (
-  <Collapsible>
+  <Collapsible >
     <Collapsible.Main>
       <div>{'Main Section'}</div>
     </Collapsible.Main>

data/app/pb_kits/playbook/pb_message/docs/_message_default.jsx

@@ -1,33 +1,43 @@
-import React from "react"
+import React from 'react'
 
-import Message from "../_message"
-import Image from "../../pb_image/_image"
+import Message from '../_message'
+import Image from '../../pb_image/_image'
 
 const MessageDefault = (props) => {
   return (
     <div>
       <Message
-          avatarName='Mike Bishop'
-          avatarStatus='online'
-          avatarUrl='https://randomuser.me/api/portraits/men/50.jpg'
-          borderRadius='rounded'
-          label='Anna Black'
-          message='How can we assist you today?'
-          timestamp='20 seconds ago'
+          avatarName="Mike Bishop"
+          avatarStatus="online"
+          avatarUrl="https://randomuser.me/api/portraits/men/50.jpg"
+          label="Anna Black"
+          message="How can we assist you today?"
+          timestamp="20 seconds ago"
           {...props}
       />
 
       <br />
       <br />
+
+      <Message
+          alignTimestamp="left"
+          avatarName="Wade Winningham"
+          avatarUrl="https://randomuser.me/api/portraits/men/14.jpg"
+          label="Patrick Welch"
+          message="We will escalate this issue to a Senior Support agent."
+          timestamp="9 minutes ago"
+          {...props}
+      />
+
       <br />
       <br />
 
       <Message
-          avatarName='Becca Jacobs'
-          avatarUrl='https://randomuser.me/api/portraits/women/50.jpg'
-          label='Lucille Sanchez'
-          message='Application for Kate Smith is waiting for your approval'
-          timestamp='2 days ago'
+          avatarName="Becca Jacobs"
+          avatarUrl="https://randomuser.me/api/portraits/women/50.jpg"
+          label="Lucille Sanchez"
+          message="Application for Kate Smith is waiting for your approval"
+          timestamp="2 days ago"
           {...props}
       />
 
@@ -35,10 +45,10 @@ const MessageDefault = (props) => {
       <br />
 
       <Message
-          avatarName='Timothy Wenhold'
-          label='Beverly Reyes'
-          message='We are so sorry you had a bad experience!'
-          timestamp='2 days ago'
+          avatarName="Timothy Wenhold"
+          label="Beverly Reyes"
+          message="We are so sorry you had a bad experience!"
+          timestamp="2 days ago"
           {...props}
       />
 
@@ -46,23 +56,24 @@ const MessageDefault = (props) => {
       <br />
 
       <Message
-          label='Keith Craig'
-          message='Please hold for one moment, I will check with my manager.'
-          timestamp='2 days ago'
+          label="Keith Craig"
+          message="Please hold for one moment, I will check with my manager."
+          timestamp="2 days ago"
           {...props}
       />
 
       <br />
       <br />
 
-      <Message label='Keith Craig'
-          timestamp='2 days ago'
+      <Message
+          label="Keith Craig"
+          timestamp="2 days ago"
           {...props}
       >
         <Image
-            alt='picture of a misty forest'
-            size='md'
-            url='https://unsplash.it/500/400/?image=634'
+            alt="picture of a misty forest"
+            size="md"
+            url="https://unsplash.it/500/400/?image=634"
         />
       </Message>
 
@@ -70,17 +81,18 @@ const MessageDefault = (props) => {
       <br />
 
       <Message
-          label='Keith Craig'
-          message='Please hold for one moment, I will check with my manager.'
-          timestamp='2 days ago'
+          label="Keith Craig"
+          message="Please hold for one moment, I will check with my manager."
+          timestamp="2 days ago"
           {...props}
       >
         <Image
-            alt='picture of a misty forest'
-            size='md'
-            url='https://unsplash.it/500/400/?image=634'
+            alt="picture of a misty forest"
+            size="md"
+            url="https://unsplash.it/500/400/?image=634"
         />
       </Message>
+
     </div>
   )
 }

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

@@ -8,5 +8,4 @@ examples:
   react:
   - message_default: Default
   - message_timestamp: With Timestamp Hover
-  - message_hover: Hover
 

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

@@ -1,4 +1,2 @@
 export { default as MessageDefault } from './_message_default.jsx'
 export { default as MessageTimestamp } from './_message_timestamp.jsx'
-export { default as MessageHover } from './_message_hover.jsx'
-