playbook_ui_docs 15.0.0.pre.alpha.stimulusbutton10763 → 15.1.0.pre.alpha.PLAY2468phonenuminputvalidation10803

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 15.0.0.pre.alpha.stimulusbutton10763
+  version: 15.1.0.pre.alpha.PLAY2468phonenuminputvalidation10803
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-09-25 00:00:00.000000000 Z
+date: 2025-09-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -328,10 +328,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_loading.md
-- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md
-- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md
 - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_props_swift.md

data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb

@@ -1,29 +0,0 @@
-<br/>
-  <%= pb_rails("button", props: { text: "Disable Buttons", variant: "link", id: "toggle-disabled-demo" }) %>
-  <%= pb_rails("button", props: { text: "Enable Buttons", variant: "link", id: "toggle-enabled-demo" }) %>
-<br/>
-<%= pb_rails("button", props: { text: "I am a Normal Button", id: "normal_managed_button", data:{pb_button_managed: true}, margin_bottom: "lg" }) %>
-<br/>
-<%= pb_rails("button", props: { text: "I am an <a> Button", id: "a_tag_managed_button", tag:"a", data:{pb_button_managed: true}, link: "http://google.com", margin_right: "lg" }) %>
-
-<script>
-  document.addEventListener('DOMContentLoaded', function () {
-    const disableTrigger = document.querySelector('#toggle-disabled-demo')
-    const enableTrigger = document.querySelector('#toggle-enabled-demo')
-
-    // Managed Buttons
-    const btn = document.querySelector('#normal_managed_button');
-    const link = document.querySelector('#a_tag_managed_button');
-
-    disableTrigger.addEventListener('click', (e) => {
-        // Disable both default button and a tag button
-        btn.setAttribute('disabled', true)
-        link.setAttribute('aria-disabled', 'true')
-    });
-    enableTrigger.addEventListener('click', (e) => {
-        // Enable both default button and a tag button
-        btn.removeAttribute('disabled')
-        link.removeAttribute('aria-disabled')
-    });
-  });
-</script>

data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md

@@ -1,5 +0,0 @@
-If needing to toggle the disabled state of the Button dynmically, you can now do so in rails using the `pb-button-managed` data attribute. 
-
-If your button has `data:{ pb-button-managed: true }`  on it, you can then toggle state via attributes: for buttons set/remove disabled, for links set/remove aria-disabled="true". This will handle disabling the button, preventing clicks as well as all style changes so you don't have to.  
-
-Click to enable or disable the buttons above and view the code snippet below for details!

data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb

@@ -1,18 +0,0 @@
-  <%= pb_rails("button", props: { text: "Disable Button", variant: "link", id: "toggle-disabled-demo-with-helper" }) %>
-  <%= pb_rails("button", props: { text: "Enable Button", variant: "link", id: "toggle-enabled-demo-with-helper" }) %>
-<br/>
-<%= pb_rails("button", props: { text: "Watch me Change!", id: "managed_button_with_helper", data:{pb_button_managed: true} }) %>
-
-<script>
-  document.addEventListener('DOMContentLoaded', function () {
-    const demoBtn = document.querySelector('#managed_button_with_helper')
-
-    const disable = document.querySelector('#toggle-disabled-demo-with-helper')
-    const enable = document.querySelector('#toggle-enabled-demo-with-helper')
-
-    disable.addEventListener('click', (e) => {demoBtn._pbButton.disable()});
-
-    enable.addEventListener('click', (e) => {demoBtn._pbButton.enable()});
-
-  });
-</script>

data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md

@@ -1,5 +0,0 @@
-The disabled state for the button can also be toggled via small helpers available through the `pb-button-managed` data attribute. 
-
-If your button has `data:{ pb-button-managed: true }`  on it, you can then toggle state via the provided `_pbButton.disable()` and `_pbButton.enable()` helpers as shoen in the code snippet below.
-
-Click to enable or disable the buttons above!