playbook_ui 13.2.0 → 13.4.0

data/lib/playbook/classnames.rb

@@ -34,6 +34,7 @@ module Playbook
         position_props,
         hover_props,
         border_radius_props,
+        text_align_props,
       ].compact.join(" ")
     end
 

data/lib/playbook/hover.rb

@@ -24,12 +24,16 @@ module Playbook
       []
     end
 
+    def hover_color_values
+      []
+    end
+
     def hover_values
       hover_options.keys.select { |sk| try(sk) }
     end
 
     def hover_attributes
-      %w[background shadow scale]
+      %w[background shadow scale color]
     end
 
     def hover_props
@@ -43,7 +47,7 @@ module Playbook
         prefix = hover_options[prop]
         if responsive
           value.each do |key, val|
-            if key == :background
+            if %i[background color].include?(key)
               css += "#{prefix}_#{key}_#{val} " if hover_attributes.include?(key.to_s)
             elsif hover_attributes.include?(key.to_s) && send("hover_#{key}_values").include?(val.to_s)
               css += "#{prefix}_#{key}_#{val} "

data/lib/playbook/kit_base.rb

@@ -22,6 +22,7 @@ require "playbook/order"
 require "playbook/position"
 require "playbook/hover"
 require "playbook/border_radius"
+require "playbook/text_align"
 
 module Playbook
   class KitBase < ViewComponent::Base
@@ -49,6 +50,7 @@ module Playbook
     include Playbook::Position
     include Playbook::Hover
     include Playbook::BorderRadius
+    include Playbook::TextAlign
 
     prop :id
     prop :data, type: Playbook::Props::Hash, default: {}

data/lib/playbook/spacing.rb

@@ -27,7 +27,7 @@ module Playbook
     end
 
     def max_width_values
-      %w[xs sm md lg xl 0 none]
+      %w[xs sm md lg xl xxl 0 none]
     end
 
     def spacing_options
@@ -54,22 +54,31 @@ module Playbook
     end
 
     def screen_size_values
-      %w[xs sm md lg xl]
+      %w[xs sm md lg xl default]
+    end
+
+    def break_method_values
+      %w[on at]
     end
 
     def spacing_props
       selected_props = spacing_options.keys.select { |sk| try(sk) }
       return nil unless selected_props.present?
 
-      responsive = selected_props.present? && try(selected_props.first).is_a?(::Hash)
       css = ""
       selected_props.each do |prop|
+        responsive = try(prop).is_a?(::Hash)
         spacing_value = send(prop)
         prefix = spacing_options[prop]
+
         if responsive
+          default_value = spacing_value.delete(:default) || nil
+          break_value = spacing_value.delete(:break) || break_method_values.first
           spacing_value.each do |key, value|
-            css += "#{prefix}_#{key}_#{value} " if screen_size_values.include?(key.to_s) && spacing_values.include?(value.to_s)
+            css += "break_#{break_value}_#{key}\:#{prefix}_#{value} " if screen_size_values.include?(key.to_s) && spacing_values.include?(value.to_s)
           end
+
+          css += "#{prefix}_#{default_value} " if spacing_values.include?(default_value)
         elsif spacing_values.include?(spacing_value)
           css += "#{prefix}_#{spacing_value} "
         end

data/lib/playbook/text_align.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Playbook
+  module TextAlign
+    def self.included(base)
+      base.prop :text_align
+    end
+
+    # rubocop:disable Style/IfInsideElse
+    def text_align_props
+      selected_props = text_align_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        text_align_value = send(k)
+        if text_align_value.is_a?(Hash)
+          text_align_value.map do |media_size, flex_value|
+            "text_align_#{media_size}_#{flex_value.underscore}" if text_align_values.include? flex_value
+          end
+        else
+          "text_align_#{text_align_value.underscore}" if text_align_values.include? text_align_value
+        end
+      end.compact.join(" ")
+    end
+    # rubocop:enable Style/IfInsideElse
+
+    def text_align_options
+      {
+        text_align: "text_align",
+      }
+    end
+
+    def text_align_values
+      %w[start end left right center justify justify-all match-parent]
+    end
+  end
+end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "13.1.0"
-  VERSION = "13.2.0"
+  PREVIOUS_VERSION = "13.3.0"
+  VERSION = "13.4.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.2.0
+  version: 13.4.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-09-01 00:00:00.000000000 Z
+date: 2023-09-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2057,6 +2057,8 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_data_table.md
 - app/pb_kits/playbook/pb_table/docs/_table_disable_hover.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_header.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_header.md
 - app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.md
@@ -2112,12 +2114,15 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_structure.scss
 - app/pb_kits/playbook/pb_table/styles/_table-card.scss
 - app/pb_kits/playbook/pb_table/styles/_table-dark.scss
+- app/pb_kits/playbook/pb_table/styles/_table_header.scss
 - app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss
 - app/pb_kits/playbook/pb_table/styles/_variables.scss
 - app/pb_kits/playbook/pb_table/styles/_vertical_border.scss
 - app/pb_kits/playbook/pb_table/table.html.erb
 - app/pb_kits/playbook/pb_table/table.rb
 - app/pb_kits/playbook/pb_table/table.test.js
+- app/pb_kits/playbook/pb_table/table_header.html.erb
+- app/pb_kits/playbook/pb_table/table_header.rb
 - app/pb_kits/playbook/pb_table/table_row.html.erb
 - app/pb_kits/playbook/pb_table/table_row.rb
 - app/pb_kits/playbook/pb_text_input/_text_input.scss
@@ -2249,6 +2254,9 @@ files:
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_swift.md
+- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.html.erb
+- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx
+- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_swift.md
@@ -2493,6 +2501,7 @@ files:
 - app/pb_kits/playbook/tokens/_screen_sizes.scss
 - app/pb_kits/playbook/tokens/_shadows.scss
 - app/pb_kits/playbook/tokens/_spacing.scss
+- app/pb_kits/playbook/tokens/_text_align.scss
 - app/pb_kits/playbook/tokens/_titles.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
@@ -2522,6 +2531,7 @@ files:
 - app/pb_kits/playbook/utilities/_positioning.scss
 - app/pb_kits/playbook/utilities/_shadow.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
+- app/pb_kits/playbook/utilities/_text_align.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
@@ -2608,6 +2618,7 @@ files:
 - lib/playbook/props/string.rb
 - lib/playbook/shadow.rb
 - lib/playbook/spacing.rb
+- lib/playbook/text_align.rb
 - lib/playbook/version.rb
 - lib/playbook/z_index.rb
 - lib/playbook_ui.rb