playbook_ui 14.8.0.pre.alpha.PLAY1658tanstackbump4657 → 14.8.0.pre.alpha.PLAY1680newwidthprop4661

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.8.0.pre.alpha.PLAY1658tanstackbump4657"
+  VERSION = "14.8.0.pre.alpha.PLAY1680newwidthprop4661"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.8.0.pre.alpha.PLAY1658tanstackbump4657
+  version: 14.8.0.pre.alpha.PLAY1680newwidthprop4661
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-11-25 00:00:00.000000000 Z
+date: 2024-11-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -3135,6 +3135,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
@@ -3173,8 +3174,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-C8Q_fFYF.js
-- dist/chunks/_weekday_stacked-BmcCeSXm.js
+- dist/chunks/_typeahead-Bg7nPSBj.js
+- dist/chunks/_weekday_stacked-9V0rzCNn.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-SyD3buPZ.js
 - dist/chunks/pb_form_validation-Dt8UJgrJ.js