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

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5502cf92d841f167813a4288067616d35882ec8104e593f25a900940397d4c7a
-  data.tar.gz: eab2af3154f8a86ec8da0a7080f4aecb2cec77de3227f2f3b9f266d65ab4252e
+  metadata.gz: e9f67c19658c7ffed59d6e14219ee3e91d8fe98719f23186f48e23a658e55056
+  data.tar.gz: 846bade551cd8872c2e8c58bff0b5fc08bd4fe322bf9642462b4c01e64c1a35c
 SHA512:
-  metadata.gz: 297cde1570bc5b8ead5fcd0dea29270ff28fc4771b2a8256ed76f61024879af7fa732dc9496392e5baa589515013d9f68ef56a7b37e2bfb142e648af0839a199
-  data.tar.gz: 5b194a51746088a4d063cf029f742d759229d34b5d25791843fe989363df66df8328828df483ae38d2c9c3504c799abe9d0a1cc69b7ec4d2b71ea69c48593c86
+  metadata.gz: 3ab95e959f46c43ce9732dbb48536f2aa9a73cde688cb1dd09045435d38d6dab005b8962da67d4eeb5f3d714a834f5a46a507b931805897e96d331ee6c9b2297
+  data.tar.gz: be9b2439838e97859fb03b251d13ed1b47f9a7a9f76be598b46f214a9fb5a74b22b91e773e64b76ca697ff4d5d9ec10e237dbdd9c56b28271957b95e3bdfd580

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

@@ -11,8 +11,6 @@ examples:
   - button_options: Button Additional Options
   - button_size: Button Size
   - button_form: Button Form Attribute
-  - button_managed_disabled: Button Toggle Disabled State
-  - button_managed_disabled_helper: Button Toggle Disabled State Helper
   
   react:
   - button_default: Button Variants

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb

@@ -9,23 +9,27 @@
 
 <%= pb_rails("text_input", props: {
   label: "Last Name",
-  placeholder: "Enter last name"
+  placeholder: "Enter last name",
+  id: "last-name"
 }) %>
 
 <%= pb_rails("text_input", props: {
     label: "Phone Number",
     type: "phone",
-    placeholder: "Enter phone number"
+    placeholder: "Enter phone number",
+    id: "phone"
 }) %>
 
 <%= pb_rails("text_input", props: {
     label: "Email Address",
     type: "email",
-    placeholder: "Enter email address"
+    placeholder: "Enter email address",
+    id: "email"
 }) %>
 
 <%= pb_rails("text_input", props: {
     label: "Zip Code",
     type: "number",
-    placeholder: "Enter zip code"
+    placeholder: "Enter zip code",
+    id: "zip"
 }) %>

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx

@@ -38,6 +38,7 @@ const TextInputDefault = (props) => {
           {...props}
       />
       <TextInput
+          id="last-name"
           label="Last Name"
           name="lastName"
           onChange={handleOnChangeFormField}
@@ -46,6 +47,7 @@ const TextInputDefault = (props) => {
           {...props}
       />
       <TextInput
+          id="phone"
           label="Phone Number"
           name="phone"
           onChange={handleOnChangeFormField}
@@ -55,6 +57,7 @@ const TextInputDefault = (props) => {
           {...props}
       />
       <TextInput
+          id="email"
           label="Email Address"
           name="email"
           onChange={handleOnChangeFormField}
@@ -64,6 +67,7 @@ const TextInputDefault = (props) => {
           {...props}
       />
       <TextInput
+          id="zip"
           label="Zip Code"
           name="zip"
           onChange={handleOnChangeFormField}
@@ -84,6 +88,7 @@ const TextInputDefault = (props) => {
       <br />
 
       <TextInput
+          id="first-name"
           label="First Name"
           onChange={handleOnChangeFirstName}
           placeholder="Enter first name"

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.md

@@ -0,0 +1 @@
+Add an `id` to your Text Input so that clicking the label will move focus directly to the input.