playbook_ui_docs 15.1.0.pre.alpha.PLAY2320advancedtablepaginationPropsbug10943 → 15.1.0.pre.alpha.PLAY2425textinputaccessibility10907

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 15.1.0.pre.alpha.PLAY2320advancedtablepaginationPropsbug10943
4
+ version: 15.1.0.pre.alpha.PLAY2425textinputaccessibility10907
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-10-01 00:00:00.000000000 Z
12
+ date: 2025-09-30 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -328,10 +328,6 @@ files:
328
328
  - app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
329
329
  - app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
330
330
  - app/pb_kits/playbook/pb_button/docs/_button_loading.md
331
- - app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb
332
- - app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md
333
- - app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb
334
- - app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md
335
331
  - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
336
332
  - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
337
333
  - app/pb_kits/playbook/pb_button/docs/_button_props_swift.md
@@ -2205,6 +2201,7 @@ files:
2205
2201
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
2206
2202
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
2207
2203
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx
2204
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.md
2208
2205
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md
2209
2206
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
2210
2207
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
@@ -1,31 +0,0 @@
1
- <%= pb_rails("body", props: { text: "Click to disable the Buttons below", id: "toggle-disabled-demo", cursor: "pointer", color:"link", margin_bottom:"sm" }) %>
2
- <%= pb_rails("body", props: { text: "Click to enable the Buttons below", id: "toggle-enabled-demo", cursor: "pointer", color:"link", margin_bottom:"sm" }) %>
3
-
4
- <%= pb_rails("card", props:{display:"flex", flex_direction:"row", justify_content:"center"}) do %>
5
- <%= pb_rails("button", props: { text: "I am a Button", id: "normal_managed_button", data:{pb_button_managed: true}, margin_right: "lg" }) %>
6
- <%= 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"}) %>
7
- <% end %>
8
- <script>
9
- document.addEventListener('DOMContentLoaded', function () {
10
- const disableTrigger = document.querySelector('#toggle-disabled-demo')
11
- const enableTrigger = document.querySelector('#toggle-enabled-demo')
12
-
13
- // Find the Buttons you want to 'manage'
14
- const btn = document.querySelector('#normal_managed_button');
15
- const link = document.querySelector('#a_tag_managed_button');
16
-
17
- disableTrigger.addEventListener('click', (e) => {
18
- // Disable default button
19
- btn.setAttribute('disabled', true)
20
- // Disable a tag button
21
- link.setAttribute('aria-disabled', 'true')
22
- });
23
-
24
- enableTrigger.addEventListener('click', (e) => {
25
- // Enable default button
26
- btn.removeAttribute('disabled')
27
- // Enable a tag button
28
- link.removeAttribute('aria-disabled')
29
- });
30
- });
31
- </script>
@@ -1,7 +0,0 @@
1
- If needing to toggle the disabled state of the Button dynamically (for example, within a Turbo or Stimulus context), you can now do so in rails using the `pb-button-managed` data attribute.
2
-
3
- 1) Add the following data attribute to your button kit: `data:{ pb-button-managed: true }`
4
-
5
- 2) To toggle enabled/disabled 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.
6
-
7
- Click to enable or disable the buttons above and view the code snippet below for details!
@@ -1,21 +0,0 @@
1
- <%= pb_rails("body", props: { text: "Click to disable the Button below", id: "toggle-disabled-demo-with-helper", cursor: "pointer", color:"link", margin_bottom:"sm" }) %>
2
- <%= pb_rails("body", props: { text: "Click to enable the Button below", id: "toggle-enabled-demo-with-helper", cursor: "pointer", color:"link", margin_bottom:"sm" }) %>
3
- <br/>
4
- <%= pb_rails("card", props:{display:"flex", flex_direction:"row", justify_content:"center"}) do %>
5
- <%= pb_rails("button", props: { text: "Watch me Change!", id: "managed_button_with_helper", data:{pb_button_managed: true} }) %>
6
- <% end %>
7
-
8
- <script>
9
- document.addEventListener('DOMContentLoaded', function () {
10
- const disable = document.querySelector('#toggle-disabled-demo-with-helper')
11
- const enable = document.querySelector('#toggle-enabled-demo-with-helper')
12
-
13
- // Find the Button you want to 'manage'
14
- const demoBtn = document.querySelector('#managed_button_with_helper')
15
-
16
- // Use the pbButton object created by the kit to call the enable/disable methods
17
- disable.addEventListener('click', (e) => {demoBtn._pbButton.disable()});
18
- enable.addEventListener('click', (e) => {demoBtn._pbButton.enable()});
19
-
20
- });
21
- </script>
@@ -1,7 +0,0 @@
1
- The disabled state for the button can also be toggled via small helpers available through the `pb-button-managed` data attribute.
2
-
3
- 1) Add the following data attribute to your button kit: `data:{ pb-button-managed: true }`
4
-
5
- 2) Toggle state via the provided `_pbButton.disable()` and `_pbButton.enable()` helpers as shown in the code snippet below.
6
-
7
- Click to enable or disable the buttons above to see this in action!