playbook_ui_docs 14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341 → 14.11.1.pre.alpha.play17725372

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1b87aa30f33e7b108b4e005b9abe1fa36f76f435ba0425261e2b1efeffcbea44
-  data.tar.gz: '05822f0b929223ef65c7c00512bdd6aa804f94eb545d54b99cb69cad8573627f'
+  metadata.gz: 71665013535983bbbb262a5e9fd63b1418f67026361e2660fbe3c5f4c2ccea1a
+  data.tar.gz: a343b17a0932ac52611e4861419b243c188e410d07a8502a8acab75e029ff42f
 SHA512:
-  metadata.gz: 7fe509985ac4eee981ffc5b477f986a23ec6eca428b59b1e3b0aac9e7572337e3e94d125af83c98b766f35a19f01bf7f2683fac4641ce27a4e8295cd3d7b1320
-  data.tar.gz: 983b9bd19890c4d1c056b636220c68ab570ff01d700c32d7d3892b0d6bff05842c7f26db0ffaf98fea092e9b4f4b1b6557572babf58186ae155d2442353b8262
+  metadata.gz: 7a91954d5fef65f3f118f85a45ab2c038560f6a5016a740ce0e6114d3040fa71a3148829dd0874ef4ada370d5018370cd48dbadcd506832a64e0ef384c90f2ba
+  data.tar.gz: d0c777e8b3e108bef802adfa5f68cf78017af5505ad3e39278399fc8721effc54d74c5a2263640477e39a3b8809ab6c6193897fc6e94571f656aa6a420d8d2a8

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

@@ -0,0 +1,50 @@
+
+
+
+<%= pb_rails("title", props: { text: "Input Masks", size: 4, margin_bottom: "md" }) %>
+
+<div class="pb--doc-demo-elements">
+  <%= pb_rails("text_input", props: {
+    label: "Currency",
+    mask: "currency",
+    margin_bottom: "md",
+    name: "currency_name"
+  }) %>
+
+  <%= pb_rails("text_input", props: {
+    label: "ZIP Code",
+    mask: "zip_code",
+    margin_bottom: "md",
+  }) %>
+
+  <%= pb_rails("text_input", props: {
+    label: "Postal Code",
+    mask: "postal_code",
+    placeholder: "12345-6789",
+    margin_bottom: "md",
+  }) %>
+
+  <%= pb_rails("text_input", props: {
+    label: "Social Security Number",
+    mask: "ssn",
+    margin_bottom: "md",
+  }) %>
+
+  <%= pb_rails("title" , props: {
+    text: "Hidden Input Under The Hood",
+    padding_bottom: "sm"
+  })%>
+
+  <%= pb_rails("text_input", props: {
+    label: "Currency",
+    mask: "currency",
+    margin_bottom: "md",
+    name: "currency_name",
+    id: "example-currency"
+  }) %>
+
+<style>
+#example-currency-sanitized {display: flex !important;}
+</style>
+
+</div>

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

@@ -0,0 +1,3 @@
+This mask feature lets you style your inputs while maintaining the value that the user typed in.
+
+There's a hidden input file that stores the raw value, and has the `name` feild. It will also copy the id field with a "#{your-id-sanitized}"

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

@@ -8,6 +8,7 @@ examples:
   - text_input_inline: Inline
   - text_input_no_label: No Label
   - text_input_options: Input Options
+  - text_input_mask: Mask
   react:
   - text_input_default: Default
   - text_input_error: With Error
@@ -23,4 +24,4 @@ examples:
     - text_input_error_swift: With Error
     - text_input_disabled_swift: Disabled
     - text_input_add_on_swift: Add On
-    - text_input_props_swift: ""
+    - text_input_props_swift: ""

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341
+  version: 14.11.1.pre.alpha.play17725372
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-10 00:00:00.000000000 Z
+date: 2025-01-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -1830,7 +1830,9 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask_rails.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
@@ -2108,7 +2110,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2124,7 +2126,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.5.3
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System Docs
 test_files: []