playbook_ui 13.27.0.pre.alpha.PBNTR48phonenumberform2852 → 13.27.0.pre.alpha.PLAY1250fixTextInpputaddonborderradiusformgroup2862

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 95ac0ea9e7bb139ef4d92f659e024423095eae94e41850491e67c604bf11166a
-  data.tar.gz: 5c7df5b7c03fe937e780f015f89c6f1b4d8a5444e0ad4c2b7403681d4d263df4
+  metadata.gz: 13b6125e3cb0229c3dcf449f12ae4ca3f34084a498dfea3d1c18095be1c65fd9
+  data.tar.gz: 319fb35a1e6950bd4b80cbae57ae064f35cddbf19adb2ce7685a883abbe016c4
 SHA512:
-  metadata.gz: 3610fe5c23968bb7313a2b1402347ddf034e97aced69a7add3bf4eb032ce0ac457cfb84a7e1d9bae10c460163fe8aeec71b680737f318105ab448e3c95770ae3
-  data.tar.gz: a3a8edacab61267f15694d6bce0c72e38f8915180b39d6e6b8f43a789634e46c0c897ca0d14b4a6013457efefd124a9e1ceb00dd4b6bc73450d946c7c054b9b6
+  metadata.gz: '087378f8eff02db4a21cdb6228e5ff5f109ec480840ae44df5735f56a538a9900e42f490847bea7cf175658670ccca90171c8b360ce724fb28abd47436134ad8'
+  data.tar.gz: 572e3262a0d53319e5b7e578dd83ea4126b19e3a1f72a0272ff0e3d81f21d9dc744b03a7f43b1c31fba883d4f0614ed390dda5a235965fb1650b444b3662012e

data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb

@@ -16,7 +16,7 @@
 <%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
   <%= form.typeahead :example_user, props: { data: { typeahead_example1: true, user: {} }, placeholder: "Search for a user" } %>
   <%= form.text_field :example_text_field, props: { label: true } %>
-  <%= form.phone_number_field :example_phone_number_field, props: { label: "Example phone field" } %>
+  <%= form.telephone_field :example_phone_field, props: { label: true } %>
   <%= form.email_field :example_email_field, props: { label: true } %>
   <%= form.number_field :example_number_field, props: { label: true } %>
   <%= form.search_field :example_search_field, props: { label: true } %>

data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb

@@ -15,7 +15,7 @@
 
 <%= pb_form_with(scope: :example, method: :get, url: "", validate: true) do |form| %>
   <%= form.text_field :example_text_field, props: { label: true, required: true } %>
-  <%= form.phone_number_field :example_phone_number_field, props: { label: "Example phone field" } %>
+  <%= form.telephone_field :example_phone_field, props: { label: true, required: true, validation: { pattern: "[0-9]{3}-[0-9]{3}-[0-9]{4}", message: "Please enter a valid phone number (example: 888-888-8888)." } } %>
   <%= form.email_field :example_email_field, props: { label: true, required: true } %>
   <%= form.number_field :example_number_field, props: { label: true, required: true } %>
   <%= form.search_field :example_project_number, props: { label: true, required: true, validation: { pattern: "[0-9]{2}-[0-9]{5}", message: "Please enter a valid project number (example: 33-12345)." } } %>

data/app/pb_kits/playbook/pb_form_group/_form_group.scss

@@ -33,6 +33,17 @@
         outline-offset: -1px;
       }
     }
+    .text_input_wrapper_add_on .add-on-right [class^=pb_card_kit] {
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+      border-right-width: 0;
+    }
+    .text_input_wrapper_add_on .add-on-right.border_left_on .card-right-aligned {
+      border-left: 1px $border_light solid;
+      &.dark {
+        border-left: 1px rgba($white, 0.15) solid;
+      }
+    }
   }
 
   & > [class^=pb_text_input_kit]:not(:first-child) {
@@ -40,6 +51,10 @@
       border-bottom-left-radius: 0;
       border-top-left-radius: 0;
     }
+    .text_input_wrapper_add_on .add-on-left [class^=pb_card_kit] {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
   }
 
   & > [class^=pb_button_kit]:not(:last-child) {

data/lib/playbook/forms/builder.rb

@@ -12,7 +12,6 @@ module Playbook
       require_relative "builder/typeahead_field"
       require_relative "builder/intl_telephone_field"
       require_relative "builder/multi_level_select_field"
-      require_relative "builder/phone_number_field"
 
       prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
       prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.27.0"
-  VERSION = "13.27.0.pre.alpha.PBNTR48phonenumberform2852"
+  VERSION = "13.27.0.pre.alpha.PLAY1250fixTextInpputaddonborderradiusformgroup2862"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.27.0.pre.alpha.PBNTR48phonenumberform2852
+  version: 13.27.0.pre.alpha.PLAY1250fixTextInpputaddonborderradiusformgroup2862
 platform: ruby
 authors:
 - Power UX
@@ -2898,7 +2898,6 @@ files:
 - lib/playbook/forms/builder/form_field_builder.rb
 - lib/playbook/forms/builder/intl_telephone_field.rb
 - lib/playbook/forms/builder/multi_level_select_field.rb
-- lib/playbook/forms/builder/phone_number_field.rb
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/hover.rb

data/lib/playbook/forms/builder/phone_number_field.rb

@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module Forms
-    class Builder
-      def phone_number_field(name, props: {})
-        props[:name] = name
-        @template.pb_rails("phone_number_input", props: props)
-      end
-    end
-  end
-end