playbook_ui 12.19.0 → 12.20.0.pre.alpha.movemarkdown668

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

@@ -1,147 +0,0 @@
-import React from 'react'
-
-import Timeline from '../_timeline'
-import TitleDetail from '../../pb_title_detail/_title_detail'
-
-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"
-            {...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>
-
-    <br />
-    <br />
-    <br />
-
-    <Timeline
-        orientation="vertical"
-        showDate
-        {...props}
-    >
-      <Timeline.Item
-          date={new Date()}
-          icon="user"
-          iconColor="royal"
-          {...props}
-      >
-        <TitleDetail
-            detail="37-27 74th Street"
-            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>
-
-    <br/>
-    <br/>
-    <br/>
-
-    <Timeline
-        orientation="vertical"
-        showDate
-        {...props}
-    >
-      <Timeline.Item
-          date={new Date('20 Mar 2018')}
-          icon="user"
-          iconColor="royal"
-          {...props}
-      >
-        <TitleDetail
-            detail="37-27 74th Street"
-            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('20 May 2018')}
-          icon="map-marker-alt"
-          iconColor="purple"
-          {...props}
-      >
-        <TitleDetail
-            detail="72 E St Astoria"
-            title="Society Hill"
-            {...props}
-        />
-      </Timeline.Item>
-    </Timeline>
-  </div>
-)
-
-export default TimelineWithDate

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md

@@ -1 +0,0 @@
-Use the optional `showDate` prop to render the timeline kit with a visible date. If the date is from the current year, the year will not be displayed, however if date is NOT from the current year, the kit will display the year as well.

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

@@ -1,13 +0,0 @@
-examples:
-  
-  rails:
-  - timeline_default: Default
-  - timeline_vertical: Vertical
-  - timeline_with_date: With Date
-  
-  
-  react:
-  - timeline_default: Default
-  - timeline_vertical: Vertical
-  - timeline_with_date: With Date
-  

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

@@ -1,3 +0,0 @@
-export { default as TimelineDefault } from './_timeline_default.jsx'
-export { default as TimelineVertical } from './_timeline_vertical.jsx'
-export { default as TimelineWithDate } from './_timeline_with_date.jsx'

data/app/pb_kits/playbook/pb_timestamp/docs/_description.md

@@ -1 +0,0 @@
-This low profile kit displays time.  Elapsed, current, future, or otherwise.

data/app/pb_kits/playbook/pb_timestamp/docs/_footer.md

@@ -1,2 +0,0 @@
-## Things To Avoid
- Leave the text style as is. Don’t use timestamps to display important or sensitive time information.

data/app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md

@@ -1 +0,0 @@
-Use these only to display status updates in areas that has a lot of data.

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb

@@ -1,93 +0,0 @@
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  align: "left"
-}) %>
-
-<br><br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  align: "center"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  align: "center"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  align: "center"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  align: "center"
-}) %>
-
-<br><br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  align: "right"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  align: "right"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  align: "right"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  align: "right"
-}) %>

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

@@ -1,128 +0,0 @@
-import React from 'react'
-import Timestamp from '../_timestamp'
-
-const todaysDate = new Date()
-const futureYear = new Date().getFullYear() + 4
-const pastYear = new Date().getFullYear() - 1
-const month = new Date().getMonth()
-const date = new Date().getDate()
-const hours = new Date().getHours()
-const minutes = new Date().getMinutes()
-const futureDate = new Date(futureYear, month, date, hours, minutes)
-const pastDate = new Date(pastYear, month, date, hours, minutes)
-
-const TimestampAlign = (props) => {
-  return (
-    <div>
-      <Timestamp
-          align="left"
-          showDate={false}
-          timestamp={todaysDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={todaysDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={futureDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={pastDate}
-          {...props}
-      />
-
-      <br />
-      <br />
-
-      <Timestamp
-          align="center"
-          showDate={false}
-          timestamp={todaysDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="center"
-          showDate
-          timestamp={todaysDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="center"
-          showDate
-          timestamp={futureDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="center"
-          showDate
-          timestamp={pastDate}
-          {...props}
-      />
-
-      <br />
-      <br />
-
-      <Timestamp
-          align="right"
-          showDate={false}
-          timestamp={todaysDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="right"
-          showDate
-          timestamp={todaysDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="right"
-          showDate
-          timestamp={futureDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="right"
-          showDate
-          timestamp={pastDate}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TimestampAlign

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb

@@ -1,29 +0,0 @@
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  align: "left"
-}) %>

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

@@ -1,54 +0,0 @@
-import React from 'react'
-import Timestamp from '../_timestamp'
-
-const todaysDate = new Date()
-const futureYear = new Date().getFullYear() + 4
-const pastYear = new Date().getFullYear() - 1
-const month = new Date().getMonth()
-const date = new Date().getDate()
-const hours = new Date().getHours()
-const minutes = new Date().getMinutes()
-const futureDate = new Date(futureYear, month, date, hours, minutes)
-const pastDate = new Date(pastYear, month, date, hours, minutes)
-
-const TimestampDefault = (props) => {
-  return (
-    <div>
-      <Timestamp
-          align="left"
-          showDate={false}
-          timestamp={todaysDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={todaysDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={futureDate}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="left"
-          showDate
-          timestamp={pastDate}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TimestampDefault

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb

@@ -1,23 +0,0 @@
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  variant: "elapsed",
-  show_user: true,
-  text: "Maricris Nonato"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  variant: "elapsed",
-  show_user: false
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  variant: "elapsed",
-  show_user: false,
-  hide_updated: true
-}) %>

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

@@ -1,45 +0,0 @@
-import React from 'react'
-import Timestamp from '../_timestamp'
-
-const todaysDate = new Date()
-const year = new Date().getFullYear()
-const month = new Date().getMonth()
-const date = new Date().getDate()
-const hours = new Date().getHours() - 10
-const minutes = new Date().getMinutes()
-const customDate = new Date(year, month, date, hours, minutes)
-
-const TimestampElapsed = (props) => {
-  return (
-    <div>
-      <Timestamp
-          showUser
-          text="Maricris Nonato"
-          timestamp={todaysDate}
-          variant="elapsed"
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          showUser={false}
-          timestamp={customDate}
-          variant="elapsed"
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          hideUpdated
-          showUser={false}
-          timestamp={customDate}
-          variant="elapsed"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TimestampElapsed

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb

@@ -1,79 +0,0 @@
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  show_timezone: true,
-  timezone: "America/New_York",
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  show_timezone: true,
-  timezone: "America/New_York",
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  show_timezone: true,
-  timezone: "America/New_York",
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  show_timezone: true,
-  timezone: "America/New_York",
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  show_timezone: true,
-  timezone: "Asia/Hong_Kong",
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: true,
-  show_timezone: true,
-  timezone: "Asia/Hong_Kong",
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years,
-  show_date: true,
-  show_timezone: true,
-  timezone: "Asia/Hong_Kong",
-  align: "left"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year,
-  show_date: true,
-  show_timezone: true,
-  timezone: "Asia/Hong_Kong",
-  align: "left"
-}) %>
-
-<br>