playbook_ui_docs 15.0.0.pre.alpha.stimulusbutton10763 → 15.0.0

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

@@ -3,30 +3,37 @@
   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>
@@ -36,30 +43,37 @@
   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>

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

@@ -15,6 +15,7 @@ const TimestampTimezones = (props) => {
   return (
     <div>
       <Timestamp
+          align="left"
           showDate={false}
           showTimezone
           timestamp={todaysDate}
@@ -25,6 +26,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={todaysDate}
           timezone="America/New_York"
@@ -34,6 +37,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={futureDate}
           timezone="America/New_York"
@@ -43,6 +48,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={pastDate}
           timezone="America/New_York"
@@ -52,6 +59,7 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
           showDate={false}
           showTimezone
           timestamp={todaysDate}
@@ -62,6 +70,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={todaysDate}
           timezone="Asia/Hong_Kong"
@@ -71,6 +81,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={futureDate}
           timezone="Asia/Hong_Kong"
@@ -80,6 +92,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={pastDate}
           timezone="Asia/Hong_Kong"

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

@@ -2,6 +2,8 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now,
+  show_date: true,
+  align: "left",
   unstyled: true,
 }) %>
 
@@ -12,6 +14,8 @@
 <%= pb_rails("title", props: { size: 1 }) do %>
   <%= pb_rails("timestamp", props: {
     timestamp: DateTime.now,
+    show_date: true,
+    align: "left",
     unstyled: true,
   }) %>
 <% end %>

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

@@ -10,6 +10,8 @@ const TimestampUnstyled = (props) => {
           text="Basic unstyled example"
       />
       <Timestamp
+          align="left"
+          showDate
           timestamp={new Date()}
           unstyled
           {...props}
@@ -22,6 +24,8 @@ const TimestampUnstyled = (props) => {
       />
       <Title size={1}>
         <Timestamp
+            align="left"
+            showDate
             timestamp={new Date()}
             unstyled
             {...props}

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

@@ -17,6 +17,7 @@ const TimestampUpdated = (props) => {
       <br />
 
       <Timestamp
+          showUser={false}
           timestamp={todaysDate}
           variant="updated"
           {...props}

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

@@ -2,30 +2,18 @@ examples:
 
   rails:
   - timestamp_default: Default
-  - timestamp_show_date: Hide Date
-  - timestamp_show_time: Hide Time
-  - timestamp_show_current_year: Show Current Year
-  - timestamp_timezones: Show Timezones
   - timestamp_align: Alignments
-  - timestamp_elapsed: Time Ago (Elapsed Variant)
-  - timestamp_updated: Last Updated by (Updated Variant)
-  - timestamp_updated_show_current_year: Last Updated by (Updated Variant) - Show Current Year
-  - timestamp_updated_show_date: Last Updated by (Updated Variant) - Hide Date
-  - timestamp_updated_show_time: Last Updated by (Updated Variant) - Hide Time
+  - timestamp_timezones: Timezones
+  - timestamp_updated: Last Updated by
+  - timestamp_elapsed: Time Ago
   - timestamp_unstyled: Unstyled
 
   react:
   - timestamp_default: Default
-  - timestamp_show_date: Hide Date
-  - timestamp_show_time: Hide Time
-  - timestamp_show_current_year: Show Current Year
-  - timestamp_timezones: Show Timezones
   - timestamp_align: Alignments
-  - timestamp_elapsed: Time Ago (Elapsed Variant)
-  - timestamp_updated: Last Updated by (Updated Variant)
-  - timestamp_updated_show_current_year: Last Updated by (Updated Variant) - Show Current Year
-  - timestamp_updated_show_date: Last Updated by (Updated Variant) - Hide Date
-  - timestamp_updated_show_time: Last Updated by (Updated Variant) - Hide Time
+  - timestamp_timezones: Timezones
+  - timestamp_updated: Last Updated by
+  - timestamp_elapsed: Time Ago
   - timestamp_unstyled: Unstyled
 
   swift:

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

@@ -4,9 +4,3 @@ export { default as TimestampTimezones } from './_timestamp_timezones.jsx'
 export { default as TimestampUpdated } from './_timestamp_updated.jsx'
 export { default as TimestampElapsed } from './_timestamp_elapsed.jsx'
 export { default as TimestampUnstyled } from './_timestamp_unstyled.jsx'
-export { default as TimestampShowDate } from './_timestamp_show_date.jsx'
-export { default as TimestampShowTime } from './_timestamp_show_time.jsx'
-export { default as TimestampShowCurrentYear } from './_timestamp_show_current_year.jsx'
-export { default as TimestampUpdatedShowCurrentYear } from './_timestamp_updated_show_current_year.jsx'
-export { default as TimestampUpdatedShowDate } from './_timestamp_updated_show_date.jsx'
-export { default as TimestampUpdatedShowTime } from './_timestamp_updated_show_time.jsx'