playbook_ui 14.11.0.pre.rc.15 → 14.11.0.pre.rc.16

data/lib/playbook/classnames.rb

@@ -16,6 +16,7 @@ module Playbook
         width_props,
         min_width_props,
         max_width_props,
+        gap_props,
         z_index_props,
         number_spacing_props,
         shadow_props,

data/lib/playbook/spacing.rb

@@ -3,6 +3,7 @@
 module Playbook
   module Spacing
     def self.included(base)
+      base.prop :gap
       base.prop :margin
       base.prop :margin_bottom
       base.prop :margin_left
@@ -52,6 +53,16 @@ module Playbook
       %w[0% xs sm md lg xl xxl 0 none 100%]
     end
 
+    def gap_values
+      %w[none xxs xs sm md lg xl]
+    end
+
+    def gap_options
+      {
+        gap: "gap",
+      }
+    end
+
     def spacing_options
       {
         margin: "m",
@@ -146,5 +157,15 @@ module Playbook
         "width_#{filter_classname(width_value)}" if width_values.include? width_value
       end.compact.join(" ")
     end
+
+    def gap_props
+      selected_gap_props = gap_options.keys.select { |sk| try(sk) }
+      return nil unless selected_gap_props.present?
+
+      selected_gap_props.map do |k|
+        gap_value = send(k)
+        "gap_#{gap_value}" if gap_values.include? gap_value
+      end.compact.join(" ")
+    end
   end
 end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.10.0"
-  VERSION = "14.11.0.pre.rc.15"
+  VERSION = "14.11.0.pre.rc.16"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.11.0.pre.rc.15
+  version: 14.11.0.pre.rc.16
 platform: ruby
 authors:
 - Power UX
@@ -3181,6 +3181,7 @@ files:
 - app/pb_kits/playbook/utilities/_display.scss
 - app/pb_kits/playbook/utilities/_flexbox.scss
 - app/pb_kits/playbook/utilities/_focus.scss
+- app/pb_kits/playbook/utilities/_gap.scss
 - app/pb_kits/playbook/utilities/_height.scss
 - app/pb_kits/playbook/utilities/_hover.scss
 - app/pb_kits/playbook/utilities/_line_height.scss
@@ -3234,8 +3235,8 @@ 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/_typeahead-DPsPSYxe.js
-- dist/chunks/_weekday_stacked-CJTPh4if.js
+- dist/chunks/_typeahead-C2iCBqxQ.js
+- dist/chunks/_weekday_stacked-CWnbnW7m.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-B7sgJtGS.js
 - dist/chunks/pb_form_validation-C5Cc0-1v.js