playbook_ui 14.25.0.pre.alpha.dialogfix10277 → 14.25.0.pre.alpha.play1986inlineloadingsolidvariant9963

data/app/pb_kits/playbook/pb_flex/flex.rb

@@ -61,20 +61,20 @@ module Playbook
                            gap_class,
                            row_gap_class,
                            column_gap_class,
-                           align_self_class, separator: " ")
+                           align_self_class)
       end
 
     private
 
       def orientation_class
-        "pb_flex_kit_orientation_#{orientation}"
+        "orientation_#{orientation}"
       end
 
       def horizontal_class
         if orientation == "row"
-          "pb_flex_kit_justify_content_#{horizontal}"
+          "justify_content_#{horizontal}"
         elsif align == "none"
-          "pb_flex_kit_align_items_#{horizontal}"
+          "align_items_#{horizontal}"
         end
       end
 
@@ -82,27 +82,27 @@ module Playbook
         if justify == "none"
           horizontal_class
         else
-          "pb_flex_kit_justify_content_#{justify}"
+          "justify_content_#{justify}"
         end
       end
 
       def inline_class
-        inline ? "pb_flex_kit_inline" : nil
+        inline ? "inline" : nil
       end
 
       def spacing_class
-        spacing != "none" ? "pb_flex_kit_spacing_#{spacing}" : nil
+        "spacing_#{spacing}"
       end
 
       def reverse_class
-        reverse ? "pb_flex_kit_reverse" : nil
+        reverse ? "reverse" : nil
       end
 
       def vertical_class
         if orientation == "row"
-          "pb_flex_kit_align_items_#{vertical}"
+          "align_items_#{vertical}"
         elsif justify == "none"
-          "pb_flex_kit_justify_content_#{vertical}"
+          "justify_content_#{vertical}"
         end
       end
 
@@ -110,7 +110,7 @@ module Playbook
         if align == "none"
           vertical_class
         else
-          "pb_flex_kit_align_items_#{align}"
+          "align_items_#{align}"
         end
       end
 
@@ -118,19 +118,19 @@ module Playbook
         if align_self == "none"
           nil
         else
-          "pb_flex_kit_align_self_#{align_self}"
+          "align_self_#{align_self}"
         end
       end
 
       def wrap_class
-        wrap ? "pb_flex_kit_wrap" : nil
+        wrap ? "wrap" : nil
       end
 
       def gap_class
         if gap == "none" || gap.nil? || gap.is_a?(Hash)
           nil
         else
-          "pb_flex_kit_gap_#{gap}"
+          "gap_#{gap}"
         end
       end
 
@@ -138,7 +138,7 @@ module Playbook
         if row_gap == "none" || row_gap.nil? || row_gap.is_a?(Hash)
           nil
         else
-          "pb_flex_kit_rowGap_#{row_gap}"
+          "rowGap_#{row_gap}"
         end
       end
 
@@ -146,7 +146,7 @@ module Playbook
         if column_gap == "none" || column_gap.nil? || column_gap.is_a?(Hash)
           nil
         else
-          "pb_flex_kit_columnGap_#{column_gap}"
+          "columnGap_#{column_gap}"
         end
       end
     end

data/app/pb_kits/playbook/pb_flex/flex_item.rb

@@ -17,7 +17,7 @@ module Playbook
                           default: false
 
       def classname
-        generate_classname("pb_flex_item_kit", fixed_size_class, grow_class, shrink_class, display_flex_class, align_self_class, separator: " ")
+        generate_classname("pb_flex_item_kit", fixed_size_class, grow_class, shrink_class, display_flex_class) + align_self_class
       end
 
       def inline_styles
@@ -32,23 +32,23 @@ module Playbook
     private
 
       def align_self_class
-        align_self ? "pb_flex_item_kit_align_self_#{align_self}" : nil
+        align_self ? "align_self_#{align_self}" : ""
       end
 
       def display_flex_class
-        display_flex ? "pb_flex_item_kit_display_flex" : nil
+        display_flex ? "display_flex" : nil
       end
 
       def fixed_size_class
-        fixed_size.present? ? "pb_flex_item_kit_fixed_size" : nil
+        fixed_size.present? ? "fixed_size" : nil
       end
 
       def grow_class
-        grow ? "pb_flex_item_kit_grow" : nil
+        grow ? "grow" : nil
       end
 
       def shrink_class
-        shrink ? "pb_flex_item_kit_shrink" : nil
+        shrink ? "shrink" : nil
       end
     end
   end

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

@@ -247,4 +247,4 @@
   &:has(> [class^="pb_select"]):has(> .pb_passphrase) [class^="pb_select"] {
       align-self: baseline;
   }
-}
+}