playbook_ui 14.9.0.pre.rc.16 → 14.9.0.pre.rc.17

data/lib/playbook/classnames.rb

@@ -13,6 +13,7 @@ module Playbook
         prop(:classname),
         spacing_props,
         dark_props,
+        width_props,
         min_width_props,
         max_width_props,
         z_index_props,

data/lib/playbook/spacing.rb

@@ -12,6 +12,7 @@ module Playbook
       base.prop :margin_y
       base.prop :max_width
       base.prop :min_width
+      base.prop :width
       base.prop :padding
       base.prop :padding_bottom
       base.prop :padding_left
@@ -33,6 +34,12 @@ module Playbook
       }
     end
 
+    def width_options
+      {
+        width: "w",
+      }
+    end
+
     def max_width_values
       %w[0% xs sm md lg xl xxl 0 none 100%]
     end
@@ -41,6 +48,10 @@ module Playbook
       %w[0% xs sm md lg xl xxl 0 none 100%]
     end
 
+    def width_values
+      %w[0% xs sm md lg xl xxl 0 none 100%]
+    end
+
     def spacing_options
       {
         margin: "m",
@@ -125,5 +136,15 @@ module Playbook
         "max_width_#{filter_classname(width_value)}" if max_width_values.include? width_value
       end.compact.join(" ")
     end
+
+    def width_props
+      selected_w_props = width_options.keys.select { |sk| try(sk) }
+      return nil unless selected_w_props.present?
+
+      selected_w_props.map do |k|
+        width_value = send(k)
+        "width_#{filter_classname(width_value)}" if width_values.include? width_value
+      end.compact.join(" ")
+    end
   end
 end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.8.0"
-  VERSION = "14.9.0.pre.rc.16"
+  VERSION = "14.9.0.pre.rc.17"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.9.0.pre.rc.16
+  version: 14.9.0.pre.rc.17
 platform: ruby
 authors:
 - Power UX
@@ -3143,6 +3143,7 @@ files:
 - app/pb_kits/playbook/utilities/_text_align.scss
 - app/pb_kits/playbook/utilities/_truncate.scss
 - app/pb_kits/playbook/utilities/_vertical_align.scss
+- app/pb_kits/playbook/utilities/_width.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
@@ -3181,8 +3182,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-Dmun8ckv.js
-- dist/chunks/_weekday_stacked-Bpkyzced.js
+- dist/chunks/_typeahead-B8fkIeXA.js
+- dist/chunks/_weekday_stacked-4d5sISq_.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-SyD3buPZ.js
 - dist/chunks/pb_form_validation-Dt8UJgrJ.js