playbook_ui_docs 14.3.0.pre.rc.7 → 14.3.0.pre.rc.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e749149deb01109a68ff5869630b615499260c9709727288279f9876b4b4a9ba
-  data.tar.gz: 65852b1b1cfdebfe03fd92fb94bc7fcc819cec0c5fa51effc8fbbb57ab5b4673
+  metadata.gz: 4d5afa15406cf1da34aa01f2c51b20950c6859674c38411ead0d3e2bfbad3c96
+  data.tar.gz: a3327ad81df9ba437e1a2a8411e7d92054272c81f90aae88a2fb5f497d95317c
 SHA512:
-  metadata.gz: 2ac03a33430589f06a485821a79b2330973db0741de8917ef1d9667b58dc1414aa52e2a246b7c1d8352204bcbee5559a01bd4aa228fcfd2753513e96ea38f139
-  data.tar.gz: aeab7fbd4f1a1194f4cad633db82479d4c21ecfdcea6def1e4efca37e0df728f03d51b5a99f93e5f4fa208504bea6d583530d3e5f617b9f1a03f2e402ed72c85
+  metadata.gz: d3de8cd6dae73412a3a536e3ce1b5c8117cabadd6fda1133bc2617637d8843815fbc7b3cad3d6167fadef1764aef8672318f28d4ba0fd124311c6b9596c93a67
+  data.tar.gz: 228172434abc8e90a332dd4b7149f6bece824a86f0c0d235d3dc2e01ac714684ead9f2e1ba7b432591fe133e6435bf40f49438ae2e30f91cba0c6f4479ed3643

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.html.erb

@@ -0,0 +1,13 @@
+<%= pb_rails("button", props: { text: "Open Dialog", data: {"open-dialog": "dialog-loading"} }) %>
+
+<%= pb_rails("dialog", props: { 
+    id:"dialog-loading", 
+    size: "sm", 
+    title: "Loading Exmaple", 
+    text: "Make a loading request?", 
+    cancel_button: "Cancel Button", 
+    cancel_button_id: "cancel-button-loading",
+    confirm_button: "Okay", 
+    confirm_button_id: "confirm-button-loading",
+    loading: true,
+}) %>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.md

@@ -0,0 +1,3 @@
+Pressing the "Okay" button will trigger a loading state where the button content is replaced by a spinner icon and both buttons are disabled.
+
+Currently, the loading state cannot be undone and will require a page refresh to reset the dialog.

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

@@ -10,6 +10,7 @@ examples:
   - dialog_stacked_alert: Stacked Button Alert
   - dialog_full_height: Full Height
   - dialog_full_height_placement: Full Height Placement
+  - dialog_loading: Loading
 
 
   react: