RubyGems - playbook_ui - Versions diffs - 7.10.0 → 7.12.1 - Mend

playbook_ui 7.10.0 → 7.12.1

Files changed (357) hide show

data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx CHANGED

@@ -1,18 +1,20 @@
 import React from 'react'
 import { TimeRangeInline } from '../../'
-const TimeRangeInlineDefault = () => (
+const TimeRangeInlineDefault = (props) => (
   <div>
     <TimeRangeInline
         endTime="2012-08-02T17:49:29Z"
         size="xs"
         startTime="2012-08-02T15:49:29Z"
+        {...props}
     />
     <br />
     <TimeRangeInline
         endTime="2012-08-02T17:49:29Z"
         size="sm"
         startTime="2012-08-02T15:49:29Z"
+        {...props}
     />
     <br />
     <br />
@@ -22,6 +24,7 @@ const TimeRangeInlineDefault = () => (
         size="xs"
         startTime="2012-08-02T15:49:29Z"
         timezone="true"
+        {...props}
     />
     <br />
     <TimeRangeInline
@@ -30,6 +33,7 @@ const TimeRangeInlineDefault = () => (
         size="sm"
         startTime="2012-08-02T15:49:29Z"
         timezone="true"
+        {...props}
     />
     <br />
     <br />
@@ -39,6 +43,7 @@ const TimeRangeInlineDefault = () => (
         icon="true"
         size="xs"
         startTime="2012-08-02T15:49:29Z"
+        {...props}
     />
     <br />
     <TimeRangeInline
@@ -47,6 +52,7 @@ const TimeRangeInlineDefault = () => (
         icon="true"
         size="sm"
         startTime="2012-08-02T15:49:29Z"
+        {...props}
     />
     <br />
     <br />
@@ -57,6 +63,7 @@ const TimeRangeInlineDefault = () => (
         size="xs"
         startTime="2012-08-02T15:49:29Z"
         timezone="true"
+        {...props}
     />
     <br />
     <TimeRangeInline
@@ -66,6 +73,7 @@ const TimeRangeInlineDefault = () => (
         size="sm"
         startTime="2012-08-02T15:49:29Z"
         timezone="true"
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx CHANGED

@@ -2,43 +2,51 @@ import React from 'react'
 import Timeline from '../_timeline.jsx'
 import { Body, TitleDetail } from '../../'
-const TimelineDefault = () => (
+const TimelineDefault = (props) => (
   <div>
     <Timeline>
       <Timeline.Item
           icon="user"
           iconColor="royal"
+          {...props}
       >
         <Body
             color="light"
             text="Conversation started"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="check"
           iconColor="teal"
+          {...props}
       >
         <Body
             color="light"
             text="Trip #12422"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="credit-card"
           iconColor="red"
+          {...props}
       >
         <Body
             color="light"
             text="Refund issue #12422"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="smile"
           iconColor="green"
+          {...props}
       >
         <Body
             color="light"
             text="Conversation resolved"
+            {...props}
         />
       </Timeline.Item>
     </Timeline>
@@ -51,19 +59,23 @@ const TimelineDefault = () => (
           icon="user"
           iconColor="royal"
           lineStyle="dotted"
+          {...props}
       >
         <TitleDetail
             detail="37-27 74th Street"
             title="Jackson heights"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="check"
           iconColor="teal"
+          {...props}
       >
         <TitleDetail
             detail="81 Gate St Brooklyn"
             title="Greenpoint"
+            {...props}
         />
       </Timeline.Item>
     </Timeline>

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx CHANGED

@@ -2,43 +2,51 @@ import React from 'react'
 import Timeline from '../_timeline.jsx'
 import { Body, TitleDetail } from '../../'
-const TimelineVertical = () => (
+const TimelineVertical = (props) => (
   <div>
     <Timeline orientation="vertical">
       <Timeline.Item
           icon="user"
           iconColor="royal"
+          {...props}
       >
         <Body
             color="light"
             text="Conversation started"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="check"
           iconColor="teal"
+          {...props}
       >
         <Body
             color="light"
             text="Trip #12422"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="credit-card"
           iconColor="red"
+          {...props}
       >
         <Body
             color="light"
             text="Refund issue #12422"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="smile"
           iconColor="green"
+          {...props}
       >
         <Body
             color="light"
             text="Conversation resolved"
+            {...props}
         />
       </Timeline.Item>
     </Timeline>
@@ -51,19 +59,23 @@ const TimelineVertical = () => (
           icon="user"
           iconColor="royal"
           lineStyle="dotted"
+          {...props}
       >
         <TitleDetail
             detail="37-27 74th Street"
-            title="Jackson heights"
+            title="Jackson Heights"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="check"
           iconColor="teal"
+          {...props}
       >
         <TitleDetail
             detail="81 Gate St Brooklyn"
             title="Greenpoint"
+            {...props}
         />
       </Timeline.Item>
     </Timeline>

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx CHANGED

@@ -2,40 +2,47 @@ import React from 'react'
 import Timeline from '../_timeline.jsx'
 import { TitleDetail } from '../../'
-const TimelineWithDate = () => (
+const TimelineWithDate = (props) => (
   <div>
     <Timeline
         orientation="horizontal"
         showDate
+        {...props}
     >
       <Timeline.Item
           date={new Date()}
           icon="user"
           iconColor="royal"
+          {...props}
       >
         <TitleDetail
             detail="37-27 74th Street"
-            title="Jackson heights"
+            title="Jackson Heights"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="check"
           iconColor="teal"
           lineStyle="dotted"
+          {...props}
       >
         <TitleDetail
             detail="81 Gate St Brooklyn"
             title="Greenpoint"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           date={new Date().setDate(new Date().getDate() + 1)}
           icon="map-marker-alt"
           iconColor="purple"
+          {...props}
       >
         <TitleDetail
             detail="72 E St Astoria"
             title="Society Hill"
+            {...props}
         />
       </Timeline.Item>
     </Timeline>
@@ -47,35 +54,42 @@ const TimelineWithDate = () => (
     <Timeline
         orientation="vertical"
         showDate
+        {...props}
     >
       <Timeline.Item
           date={new Date()}
           icon="user"
           iconColor="royal"
+          {...props}
       >
         <TitleDetail
             detail="37-27 74th Street"
-            title="Jackson heights"
+            title="Jackson Heights"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           icon="check"
           iconColor="teal"
           lineStyle="dotted"
+          {...props}
       >
         <TitleDetail
             detail="81 Gate St Brooklyn"
             title="Greenpoint"
+            {...props}
         />
       </Timeline.Item>
       <Timeline.Item
           date={new Date().setDate(new Date().getDate() + 1)}
           icon="map-marker-alt"
           iconColor="purple"
+          {...props}
       >
         <TitleDetail
             detail="72 E St Astoria"
             title="Society Hill"
+            {...props}
         />
       </Timeline.Item>
     </Timeline>

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

@@ -1,8 +1,11 @@
 import React from 'react'
 import { Timestamp } from '../../'
-const TimestampDefault = () => (
-  <Timestamp text="20 seconds ago" />
+const TimestampDefault = (props) => (
+  <Timestamp
+      text="20 seconds ago"
+      {...props}
+  />
 )
 export default TimestampDefault

data/app/pb_kits/playbook/pb_title/docs/_title_light.jsx CHANGED

@@ -1,30 +1,37 @@
 import React from 'react'
 import { Title } from '../../'
-const TitleLight = () => {
+const TitleLight = (props) => {
   return (
     <div>
-      <Title text="Default Title" />
+      <Title
+          text="Default Title"
+          {...props}
+      />
       <br />
       <Title
           size={4}
           tag="h4"
           text="Title 4"
+          {...props}
       />
       <Title
           size={3}
           tag="h3"
           text="Title 3"
+          {...props}
       />
       <Title
           size={2}
           tag="h2"
           text="Title 2"
+          {...props}
       />
       <Title
           size={1}
           tag="h1"
           text="Title 1"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_title/docs/_title_variants.jsx CHANGED

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Title } from '../../'
-const TitleVariants = () => {
+const TitleVariants = (props) => {
   return (
     <div>
       <Title
@@ -9,6 +9,7 @@ const TitleVariants = () => {
           tag="h4"
           text="Title 4 (link)"
           variant="link"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align.jsx CHANGED

@@ -1,12 +1,13 @@
 import React from 'react'
 import { TitleCount } from '../../'
-const TitleCountAlign = () => {
+const TitleCountAlign = (props) => {
   return (
     <>
       <TitleCount
           count={527}
           title="Remodeling Consultants"
+          {...props}
       />
       <br />
@@ -15,6 +16,7 @@ const TitleCountAlign = () => {
           align="center"
           count={527}
           title="Remodeling Consultants"
+          {...props}
       />
       <br />
@@ -23,6 +25,7 @@ const TitleCountAlign = () => {
           align="right"
           count={527}
           title="Remodeling Consultants"
+          {...props}
       />
     </>
   )

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_default.jsx CHANGED

@@ -1,12 +1,13 @@
 import React from 'react'
 import { TitleCount } from '../../'
-const TitleCountDefault = () => {
+const TitleCountDefault = (props) => {
   return (
     <>
       <TitleCount
           count={35.78}
           title="Appointments"
+          {...props}
       />
       <br />
@@ -15,6 +16,7 @@ const TitleCountDefault = () => {
           count={7399}
           size="lg"
           title="Appointments"
+          {...props}
       />
       <br />
@@ -23,6 +25,7 @@ const TitleCountDefault = () => {
           count={-379503.372}
           size="lg"
           title="Appointments"
+          {...props}
       />
     </>
   )