playbook_ui_docs 14.15.0.pre.rc.2 → 14.15.0.pre.rc.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cffcbb2a74be96fd7b7e90d9eb7471e90e2240b7fb562b77c0fd7479e7dcc4e6
-  data.tar.gz: 19259f876fb1a93a016bbbd02bca0750feac901e001d5af23a22f0efaf218fc4
+  metadata.gz: a38fa6ccc0eb9472a94875bf27b0f2a0e79232151c3994fe3d16046bff4981b2
+  data.tar.gz: 4f01eb3318a3e167113f29460df0802465eab3d8f2e05046cb97a7672ecf20cc
 SHA512:
-  metadata.gz: 333ed2150ce65ab94c58d9d653b64870293be1be3ef677276dc4263b7660fa86d74d758476e3cef53faa33b60efca42c667c214d7e706da593353b80be815994
-  data.tar.gz: 2577644955e55bf1dc9852f761df930b5b34f42e22a2e706a0238360519ec68494a94d4143f721f3ab46412b139aa87c95e40ba69a1c44fc23b02d5aed19002b
+  metadata.gz: 43cf8d7abab810d80445901fd4c2eb0a45edb0a7c963609c3db5ccc14a6c9db6f9a95b25bedcca7c661b8a28f1d4e5955da6633922daa87272b1b4ffcdebb47c
+  data.tar.gz: 13a79ccd9361d76267bd680a82210e160ff60dab087407297c1a30696299b6b191a85419ade8e9e3272461562aef19c1d4a7b04fa4edf4b1bc29a53e56d9e291

data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb

@@ -0,0 +1,11 @@
+<%= pb_rails("overlay", props: { layout: { "x": "xl" }, color: "card_light", dynamic: true }) do %>
+    <%= pb_rails("flex", props: { column_gap: "lg", orientation: "row", overflow_x: "auto" }) do %>
+        <% 15.times do %>
+            <%= pb_rails("flex/flex_item") do %>
+                <%= pb_rails("card") do %>
+                    Card content
+                <% end %>
+            <% end %>
+        <% end %>
+    <% end %>
+<% end %>

data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md

@@ -0,0 +1 @@
+Pass the `dynamic` prop to make the overlay render while the scrollbar isn't at either end on the scrollbar.

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

@@ -8,4 +8,5 @@ examples:
   rails:
   - overlay_default: Default
   - overlay_multi_directional: Multi-directional
+  - overlay_vertical_dynamic_multi_directional: Vertical Dynamic Multi-directional
   - overlay_toggle: Toggle

data/app/pb_kits/playbook/pb_title/docs/_title_default.html.erb

@@ -1,9 +1,10 @@
 <%= pb_rails("title", props: {
-    margin_bottom: "md"
 })  do %>
     Default Title
 <% end %>
 
+<br/>
+
 <%= pb_rails("title", props: { text: "Title 1", tag: "h1", size: 1 }) %>
 <%= pb_rails("title", props: { text: "Title 2", tag: "h2", size: 2 }) %>
 <%= pb_rails("title", props: { text: "Title 3", tag: "h3", size: 3 }) %>

data/app/pb_kits/playbook/pb_title/docs/_title_default.jsx

@@ -6,10 +6,10 @@ const TitleDefault = (props) => {
   return (
     <div>
       <Title
-          marginBottom='md'
           text="Default Title"
           {...props}
       />
+      <br />
       <Title
           size={1}
           tag="h1"

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

@@ -5,7 +5,6 @@ examples:
   - title_colors: Colors
   - title_responsive: Responsive
   - title_truncate: Truncate
-  - title_display_size: Display Size
 
   react:
   - title_default: Default UI
@@ -13,4 +12,3 @@ examples:
   - title_colors: Colors
   - title_responsive: Responsive
   - title_truncate: Truncate
-  - title_display_size: Display Size

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

@@ -3,4 +3,3 @@ export { default as TitleLightWeight } from './_title_light_weight.jsx'
 export { default as TitleColors } from './_title_colors.jsx'
 export { default as TitleResponsive } from './_title_responsive.jsx'
 export { default as TitleTruncate } from './_title_truncate.jsx'
-export { default as TitleDisplaySize } from './_title_display_size.jsx'