playbook_ui_docs 13.3.0 → 13.4.0.pre.alpha.PLAY973Hash1181

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ecbc690f0e52fa7d926f22f9b8bac019cd3058eb09513360f3e696bf8f2c758a
-  data.tar.gz: 71d3b9f89194805f763585f6942c82329724f7703f04bb673c203fdad7410eda
+  metadata.gz: c957beece38994f60ab8a445cf6338744bab961f308f9ccafa3f8848300cfaf5
+  data.tar.gz: 04e28402386f6a3e18efa24754e780342c9b87a86988ee3a4f465d892b78a034
 SHA512:
-  metadata.gz: c87eb22d0817fbebf3b290db021c3d4b230d1e5acf4742f1a4669e90d742fb5d25b9f887d2f8d43811e8011461e6ee0019ee3eab5daa6ae1f6b9979cffdea3d0
-  data.tar.gz: b161c2c28e641dd141eed86779935db92c1bb615fa772533aa3d381838581d5826cd3eb4cae251cb411724f278e221c415e424aaf6fb62448e2245fd1d5592dd
+  metadata.gz: 3a54a72e861cced90f7600d8085602cc9d27dbee50c088bba5d255ac41236d50812a5f87398c74b28d024044d7fa87c25f7d8996500e28ba7f40061eeeeffe13
+  data.tar.gz: 626498877513d65fda6b8c89f1802b7c17b0bbd51cc82a2a0109137c2b37e3c9dfcc265a3d679d2cf31f7e14f76e9cbfefa7a0a34a9f7592503501f0fffa6c37

data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx

@@ -28,7 +28,7 @@ const TableOneAction = (props) => {
             <Button
                 onClick={() => alert('button clicked!')}
                 paddingLeft="none"
-                text="Tetriary Action"
+                text="Tertiary Action"
                 variant="link"
                 {...props}
             />
@@ -49,7 +49,7 @@ const TableOneAction = (props) => {
             <Button
                 onClick={() => alert('button clicked!')}
                 paddingLeft="none"
-                text="Tetriary Action"
+                text="Tertiary Action"
                 variant="link"
                 {...props}
             />
@@ -70,7 +70,7 @@ const TableOneAction = (props) => {
             <Button
                 onClick={() => alert('button clicked!')}
                 paddingLeft="none"
-                text="Tetriary Action"
+                text="Tertiary Action"
                 variant="link"
                 {...props}
             />

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

@@ -0,0 +1,21 @@
+<%= pb_rails("caption", props: { size: "xs", text: "Basic unstyled example" }) %>
+
+<%= pb_rails("timestamp", props: {
+  timestamp: DateTime.now,
+  show_date: true,
+  align: "left",
+  unstyled: true,
+}) %>
+
+<br />
+
+<%= pb_rails("caption", props: { size: "xs", text: "Example with wrapping typography kit" }) %>
+
+<%= 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

@@ -0,0 +1,36 @@
+import React from 'react'
+import { Caption, Timestamp, Title } from '../../'
+
+const TimestampUnstyled = (props) => {
+  return (
+    <>
+      <Caption size="xs"
+          text="Basic unstyled example"
+      />
+      <Timestamp
+          align="left"
+          showDate
+          timestamp={new Date()}
+          unstyled
+          {...props}
+      />
+
+      <br />
+
+      <Caption size="xs"
+          text="Example with wrapping typography kit"
+      />
+      <Title size={1}>
+        <Timestamp
+            align="left"
+            showDate
+            timestamp={new Date()}
+            unstyled
+            {...props}
+        />
+      </Title>
+    </>
+  )
+}
+
+export default TimestampUnstyled

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

@@ -0,0 +1 @@
+For alternative typography styles, you can pass a boolean prop called `unstyled` to the `Timestamp` kit and wrap it in any of our typography kits (`Title`, `Body`, etc.). This will allow the `Timestamp` kit to inherit any of our typography styles.

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

@@ -6,6 +6,7 @@ examples:
   - timestamp_timezones: Timezones
   - timestamp_updated: Last Updated by
   - timestamp_elapsed: Time Ago
+  - timestamp_unstyled: Unstyled
 
   react:
   - timestamp_default: Default
@@ -13,7 +14,8 @@ examples:
   - timestamp_timezones: Timezones
   - timestamp_updated: Last Updated by
   - timestamp_elapsed: Time Ago
-  
+  - timestamp_unstyled: Unstyled
+
   swift:
   - timestamp_default_swift: Default
   - timestamp_align_swift: Alignments

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

@@ -3,3 +3,4 @@ export { default as TimestampAlign } from './_timestamp_align.jsx'
 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'