playbook_ui 15.0.0.pre.alpha.stimulusbutton10763 → 15.1.0.pre.alpha.PLAY2425textinputaccessibility10907

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "15.0.0"
-  VERSION = "15.0.0.pre.alpha.stimulusbutton10763"
+  PREVIOUS_VERSION = "15.1.0"
+  VERSION = "15.1.0.pre.alpha.PLAY2425textinputaccessibility10907"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.0.0.pre.alpha.stimulusbutton10763
+  version: 15.1.0.pre.alpha.PLAY2425textinputaccessibility10907
 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-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -628,10 +628,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
@@ -646,7 +642,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_footer.md
 - app/pb_kits/playbook/pb_button/docs/example.yml
 - app/pb_kits/playbook/pb_button/docs/index.js
-- app/pb_kits/playbook/pb_button/index.js
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.tsx
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
@@ -3180,6 +3175,7 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_default.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
@@ -3707,9 +3703,9 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_line_graph-C9stNsP3.js
-- dist/chunks/_typeahead-D3MtsWXG.js
-- dist/chunks/_weekday_stacked-BMwekyel.js
+- dist/chunks/_line_graph-BnK1i7QI.js
+- dist/chunks/_typeahead-pbS3fEzb.js
+- dist/chunks/_weekday_stacked-x-syST1P.js
 - dist/chunks/componentRegistry-DzmmLR2x.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-QZuu1ltS.js

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!

data/app/pb_kits/playbook/pb_button/index.js

@@ -1,99 +0,0 @@
-import PbEnhancedElement from "../pb_enhanced_element"
-
-const BUTTON_SELECTOR = "[data-pb-button-managed]"
-
-export default class PbButton extends PbEnhancedElement {
-  static get selector() {
-    return BUTTON_SELECTOR
-  }
-
-  connect() {
-    this._attrManaged = this._attributesPresent()
-    this.element._pbButton = this 
-
-    this._onClick = (e) => {
-      if (this.isDisabled()) {
-        e.preventDefault()
-        e.stopImmediatePropagation()
-      }
-    }
-    this.element.addEventListener("click", this._onClick, true)
-
-    if (this._attrManaged) this._syncClassesFromAttributes()
-
-    this._observer = new MutationObserver(() => {
-      this._attrManaged = true
-      this._syncClassesFromAttributes()
-    })
-    this._observer.observe(this.element, {
-      attributes: true,
-      attributeFilter: ["disabled", "aria-disabled"],
-    })
-  }
-
-  disconnect() {
-    this.element.removeEventListener("click", this._onClick, true)
-    this._observer?.disconnect()
-    delete this.element._pbButton
-  }
-
-  disable() { this.setDisabled(true) }
-  enable()  { this.setDisabled(false) }
-
-  setDisabled(state) {
-    if (this._isButton()) {
-      state
-        ? this.element.setAttribute("disabled", "disabled")
-        : this.element.removeAttribute("disabled")
-    } else {
-      state
-        ? this.element.setAttribute("aria-disabled", "true")
-        : this.element.removeAttribute("aria-disabled")
-    }
-    this._attrManaged = true
-    this._applyClassState(state)
-  }
-
-  isDisabled() {
-    if (this._isButton()) {
-      if (this.element.hasAttribute("disabled")) return true
-      if (this._attrManaged && !this.element.hasAttribute("disabled")) return false
-    } else {
-      const aria = this.element.getAttribute("aria-disabled")
-      if (aria === "true") return true
-      if (this._attrManaged && aria !== "true") return false
-    }
-    return this.element.classList.contains("pb_button_disabled")
-  }
-
-  _isButton() {
-    return this.element.tagName === "BUTTON"
-  }
-
-  _attributesPresent() {
-    return this.element.hasAttribute("disabled") || this.element.hasAttribute("aria-disabled")
-  }
-
-  _syncClassesFromAttributes() {
-    const state = this._attrDisabledState()
-    const disabled = (state === null) ? false : state
-    this._applyClassState(disabled)
-  }
-
-  _attrDisabledState() {
-    if (this._isButton()) {
-      return this.element.hasAttribute("disabled") ? true : null
-    } else {
-      const aria = this.element.getAttribute("aria-disabled")
-      if (aria === "true") return true
-      if (aria === "false") return false
-      return this.element.hasAttribute("aria-disabled") ? false : null
-    }
-  }
-
-  _applyClassState(disabled) {
-    this.element.classList.toggle("pb_button_disabled", !!disabled)
-    this.element.classList.toggle("pb_button_enabled", !disabled)
-  }
-}
-